集团详情

jsowell-ui/src/router/index.js

@@ -192,6 +192,19 @@ export const constantRoutes = [
       },
     ],
   },
+  {
+    path: "/member/detail",
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        name: "memberDetail",
+        path: "detail/:groupCode",
+        component: () => import("@/views/member/memberGroup/detail"),
+        meta: { title: "集团详情", activeMenu: "/member/memberGroup" },
+      },
+    ],
+  },
 ];
 
 // 动态路由，基于用户权限动态去加载

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

@@ -0,0 +1,27 @@
+<template>
+    <div>
+        详情
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'JsowellUiDetail',
+
+    data() {
+        return {
+
+        };
+    },
+
+    mounted() {
+
+    },
+
+    methods: {
+
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -49,14 +49,8 @@
 
         <el-row :gutter="10" class="mb8">
             <el-col :span="1.5">
-                <el-button
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                    type="primary"
+                    v-hasPermi="['member:memberGroup:add']">新增</el-button>
-                    plain
-                    icon="el-icon-plus"
-                    size="mini"
-                    @click="handleAdd"
-                    v-hasPermi="['member:memberGroup:add']"
-                >新增</el-button>
             </el-col>
             <!--<el-col :span="1.5">
                 <el-button
@@ -95,56 +89,36 @@
 
         <el-table v-loading="loading" :data="memberGroupList" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="55" align="center" />
-            <!--<el-table-column label="主键" align="center" prop="id" />-->
+            <!-- <el-table-column label="集团编号" align="center" prop="groupCode" /> -->
-            <el-table-column label="集团编号" align="center" prop="groupCode" />
+            <el-table-column prop="groupCode" label="集团编号" align="center">
-            <!--<el-table-column label="运营商id" align="center" prop="merchantId" />-->
+                <template slot-scope="scope">
+                    <router-link :to="'/member/memberGroup/detail/' + scope.row.groupCode" class="link-type">
+                        <span>{{ scope.row.groupCode }}</span>
+                    </router-link>
+                </template>
+            </el-table-column>
             <el-table-column label="运营商名称" align="center" prop="merchantName" />
-            <!--<el-table-column label="站点id" align="center" prop="stationId" />-->
             <el-table-column label="站点名称" align="center" prop="stationName" />
-            <!--<el-table-column label="会员组等级" align="center" prop="groupLevel" />-->
             <el-table-column label="类型" align="center" prop="groupType">
                 <template slot-scope="scope">
-                    <dict-tag
+                    <dict-tag :options="dict.type.group_type" :value="scope.row.groupType" />
-                        :options="dict.type.group_type"
-                        :value="scope.row.groupType"
-                    />
                 </template>
             </el-table-column>
             <el-table-column label="折扣率" align="center" prop="discount" />
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <el-button
+                    <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                        size="mini"
+                        v-hasPermi="['member:memberGroup:edit']">修改</el-button>
-                        type="text"
+                    <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                        icon="el-icon-edit"
+                        v-hasPermi="['member:memberGroup:remove']">删除</el-button>
-                        @click="handleUpdate(scope.row)"
+                    <el-button size="mini" type="text" icon="el-icon-plus" @click="handleAddMember(scope.row)"
-                        v-hasPermi="['member:memberGroup:edit']"
+                        v-hasPermi="['member:memberGroup:edit']">添加会员</el-button>
-                    >修改</el-button>
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-delete"
-                        @click="handleDelete(scope.row)"
-                        v-hasPermi="['member:memberGroup:remove']"
-                    >删除</el-button>
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-plus"
-                        @click="handleAddMember(scope.row)"
-                        v-hasPermi="['member:memberGroup:edit']"
-                    >添加会员</el-button>
                 </template>
             </el-table-column>
         </el-table>
 
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-            v-show="total>0"
+            @pagination="getList" />
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-        />
 
         <!-- 添加或修改会员组对话框 -->
         <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@@ -152,9 +126,7 @@
                 <el-form-item label="选择运营商">
                     <el-select v-model="form.merchantId" clearable placeholder="请选择运营商"
                         @change="changeSelectStation(form.merchantId)">
-                        <el-option v-for="item in merchantList"
+                        <el-option v-for="item in merchantList" :key="item.merchantId" :label="item.merchantName"
-                                   :key="item.merchantId"
-                                   :label="item.merchantName"
                             :value="item.merchantId">
                         </el-option>
                     </el-select>
@@ -164,16 +136,13 @@
                 </el-form-item>-->
                 <el-form-item label="站点" prop="stationId">
                     <el-select v-model="form.stationId" placeholder="请选择站点" clearable filterable style="width: 140px">
-                        <el-option v-for="(station, index) in stationList"
+                        <el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName"
-                                   :key="index"
-                                   :label="station.stationName"
                             :value="station.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="折扣类型" prop="groupType">
                     <el-radio-group v-model="form.groupType">
-                        <el-radio v-for="item in dict.type.group_type"
+                        <el-radio v-for="item in dict.type.group_type" :key="item.value" :label="item.value">
-                                  :key="item.value" :label="item.value">
                             {{ item.label }}
                         </el-radio>
                     </el-radio-group>
@@ -243,7 +212,8 @@ export default {
             form: {},
             // 表单校验
             rules: {
-            }
+            },
+            createMerchantVip: {}
         };
     },
     created() {