update: 卡券包权限

src/router/modules/card.js

@@ -103,6 +103,15 @@ export default {
             path: '/card/merge/list',
             type: 'edit'
           }
+        },
+        {
+          path: 'info/:id',
+          name: '查看卡券包',
+          component: () => import(/* webpackChunkName: "card" */ '../../views/card/merge-form.vue'),
+          meta: {
+            path: '/card/merge/list',
+            type: 'info'
+          }
         }
       ]
     },

src/views/card/merge-form.vue

@@ -2,18 +2,18 @@
   <div class="dm-wrap" v-loading="loading">
     <el-form ref="form" :model="ruleForm" label-width="140px" :rules="rules">
       <el-form-item prop="name" label="卡券包名称">
-        <dm-input v-model="ruleForm.name" class="w250" placeholder="请输入卡券包名称" :byteType="1" :maxlength="10"></dm-input>
+        <dm-input v-model="ruleForm.name" class="w250" placeholder="请输入卡券包名称" :byteType="1" :maxlength="10" :disabled="isInfo"></dm-input>
       </el-form-item>
       <el-form-item prop="effectiveMode" label="有效时间">
         <!-- <el-select class="w300" v-model="ruleForm.effectiveMode">
           <el-option v-for="(v, i) in sendTypeOptions" :key="i" :value="v.value" :label="v.label"></el-option>
         </el-select> -->
-        <el-radio-group v-model="ruleForm.effectiveMode">
+        <el-radio-group v-model="ruleForm.effectiveMode" :disabled="isInfo">
           <el-radio :label="0">不限</el-radio>
           <el-radio :label="1">选择时间段</el-radio>
         </el-radio-group>
         <br />
-        <el-date-picker v-if="ruleForm.effectiveMode" class="w250 mt10" v-model="dateTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>
+        <el-date-picker v-if="ruleForm.effectiveMode" class="w250 mt10" v-model="dateTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" :disabled="isInfo"></el-date-picker>
       </el-form-item>
       <el-form-item label="数据对话">
         <!-- 只能新增不能改 -->
@@ -26,7 +26,7 @@
         <dm-activity-select :actId.sync="ruleForm.marketingActivityId" :readOnly="isInfo || isEdit"></dm-activity-select>
       </el-form-item>
       <el-form-item prop="cardIds" label="新增卡券">
-        <div><el-button @click="showCardDialog = true">添加卡券</el-button></div>
+        <div><el-button @click="showCardDialog = true" :disabled="isInfo">添加卡券</el-button></div>
         <el-table v-if="ruleForm.cardIds" class="mt20" :data="tableData" style="width: 100%">
           <el-table-column min-width="120" align="left" prop="cardName" label="卡券名称">
             <template slot-scope="scope">
@@ -64,7 +64,7 @@
           </el-table-column>
           <el-table-column label="操作" align="left" width="80px" fixed="right">
             <template slot-scope="scope">
-              <el-button type="text" @click="del(scope.row)">删除</el-button>
+              <el-button type="text" @click="del(scope.row)" :disabled="isInfo">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -78,7 +78,7 @@
         </div>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="saveForm">{{ isAdd ? '新增' : '保存' }}</el-button>
+        <el-button type="primary" @click="saveForm" :disabled="isInfo">{{ isAdd ? '新增' : '保存' }}</el-button>
       </el-form-item>
     </el-form>
     <vue-gic-card :type="1" :showCardDialog.sync="showCardDialog" @selectCard="selectCard" :cardLimit="-1" :cardType="null"></vue-gic-card>
@@ -125,7 +125,8 @@ export default {
       tableData: [],
       sceneSettingIdOptions: [],
       isAdd: this.$route.meta.type === 'add',
-      isEdit: this.$route.meta.type === 'edit'
+      isEdit: this.$route.meta.type === 'edit',
+      isInfo: this.$route.meta.type === 'info'
     };
   },
   methods: {
@@ -227,7 +228,7 @@ export default {
   },
   mounted() {
     this.sceneSettingList();
-    if (this.isEdit) {
+    if (this.isEdit || this.isInfo) {
       this.getInfo();
     }
   },

src/views/card/merge-list.vue

@@ -33,10 +33,11 @@
       <el-table-column label="操作" align="left" width="120px" fixed="right">
         <template slot-scope="scope">
           <el-button v-if="scope.row.canEdit" type="text" @click="$router.push(`/card/merge/edit/${scope.row.cardPackageId}`)">修改</el-button>
-          <el-button v-else type="text" @click="$router.push(`/card/merge/edit/${scope.row.cardPackageId}?isView=1`)">查看</el-button>
+          <el-button v-else type="text" @click="$router.push(`/card/merge/info/${scope.row.cardPackageId}`)">查看</el-button>
           <dm-delete v-if="scope.row.canEdit" @confirm="del(scope.row)" tips="是否删除该卡券包？">
             <el-button type="text">删除</el-button>
           </dm-delete>
+          <el-button v-if="scope.row.canEdit" type="text" @click="$router.push(`/card/merge/record-list?name=${scope.row.name}`)">领取记录</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/card/merge-record-list.vue

@@ -65,6 +65,7 @@ export default {
     };
   },
   created() {
+    this.listParams.search = this.$route.query.name;
     this.getTableList();
     this.$store.commit('mutations_breadcrumb', [{ name: '营销管理', path: '' }, { name: '卡券营销', path: '' }, { name: '卡券包', path: '' }, { name: '卡券包领取记录', path: '' }]); // eslint-disable-line
   },