添加站点

jsowell-ui/src/views/member/memberGroup/detail.vue

@@ -1,20 +1,7 @@
 <template>
     <div class="app-container">
         <el-row type="flex" justify="space-between">
-            <!-- 左侧内容 -->
-            <!-- <el-col :span="5">
-                <div class="advContent" style="margin-bottom:10px">
-                    <el-card class="box-card" shadow="hover">
-                        <div slot="header" class="clearfix">
-                            <span>会员信息</span>
-                        </div>
-                        <div style="margin: 10px 0">
-                        </div>
-                    </el-card>
-                </div>
-            </el-col> -->
             <!-- 右侧内容 -->
-            <!-- <el-col :span="19" style="margin-left: 18px;"> -->
             <el-col :span="24">
                 <el-tabs type="border-card">
                     <!-- 客户 -->
@@ -87,6 +74,11 @@
                         <pagination v-show="getTotal > 0" :total="getTotal" :page.sync="from.pageNum"
                             :limit.sync="from.pageSize" @pagination="getOrderList" style="margin-bottom: 20px" />
                     </el-tab-pane>
+                    <el-tab-pane label="站点">
+                        <el-col>
+                            <el-button type="primary" size="mini" icon="el-icon-plus" @click="addasite">添加站点</el-button>
+                        </el-col>
+                    </el-tab-pane>
                 </el-tabs>
             </el-col>
         </el-row>
@@ -98,12 +90,24 @@
                 <el-button type="primary" @click="submitForm">确 定</el-button>
             </div>
         </el-dialog>
+        <!-- 添加站点 -->
+        <el-dialog title="添加站点" :visible.sync="getSite" :before-close="getCancel" width="500px" append-to-body>
+            <el-select v-model="selectSite" placeholder="请选择站点" clearable filterable style="width:300px">
+                <el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName"
+                    :value="station.id" />
+            </el-select>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="getCancel">取 消</el-button>
+                <el-button type="primary" @click="siteConfirmation">确 定</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
 <script>
 import { queryOrderList, addMember, queryMemberList } from "@/api/member/memberGroup";
 import { listOrder } from "@/api/order/order";
+import { getStationListByMerchantId } from "@/api/pile/station";
 export default {
     name: 'JsowellUiDetail',
     dicts: ['member_status', 'start_mode', 'pay_mode', 'pay_status'],
@@ -115,7 +119,7 @@ export default {
             from: {
                 pageNum: 1,
                 pageSize: 10,
-                groupCode: this.$route.params.groupCode,
+                groupCode: this.$route.params.groupCode.split('&')[0],
                 merchantId: null,
                 stationId: null,
                 groupLevel: null,
@@ -126,7 +130,7 @@ export default {
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
-                groupCode: this.$route.params.groupCode,
+                groupCode: this.$route.params.groupCode.split('&')[0],
                 merchantId: null,
                 stationId: null,
                 groupLevel: null,
@@ -139,11 +143,14 @@ export default {
             getTotal: 0,
             details: [],
             defaultImg: [{ img: require('../../../assets/images/headPort.png') }],//默认头像
+            getSite: false, //添加站点框状态
+            stationList: [], //站点列表
+            selectSite: '' //选中的站点
         };
     },
 
     mounted() {
-        console.log(this.$route.params.groupCode);
+        console.log(this.$route.params.groupCode, this.$route.params.groupCode.split('&')[0], this.$route.params.groupCode.split('&')[1]);
         this.getMemberList();
         this.getOrderList();
     },
@@ -192,6 +199,25 @@ export default {
                 this.getTotal = response.total;
                 this.loading = false;
             });
+        },
+        //添加站点
+        addasite() {
+            console.log(this.$route.params.groupCode.split('&')[1]);
+            let value = this.$route.params.groupCode.split('&')[1]
+            this.getSite = true
+            getStationListByMerchantId(value).then((response) => {
+                console.log('站点', response);
+                this.stationList = response.data;
+            });
+        },
+        // 站点弹框取消
+        getCancel() {
+            this.getSite = false;
+            this.selectSite = '';
+        },
+        // 站点弹框确认
+        siteConfirmation(){
+
         }
     },
 };