xcx

src/pages/system/cardAndCouponManager/cardManager/edit.vue

@@ -7,7 +7,7 @@
           <span>选择案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.CaseId" placeholder="请选择">
+              <el-select v-model="cardInfo.CaseId" placeholder="请选择">
                 <el-option
                   v-for="item in cases"
                   :key="item.CaseId"
@@ -27,7 +27,7 @@
                 :action='$api.file.image.url'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
-                <img v-if="postData.Img" :src="postData.Img" class="avatar">
+                <img v-if="cardInfo.Images[0].CardImageUrl" :src="cardInfo.Images[0].CardImageUrl" class="avatar">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </div>
@@ -39,34 +39,19 @@
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.Name"
+                v-model="cardInfo.CardName"
                 clearable>
               </el-input>
             </div>
           </div>
         </li>
-        <li class="flex-h">
-          <span>卡类型：</span>
-          <div class="flex-item">
-            <div style="width:50%">
-              <el-select v-model="postData.Type" placeholder="请选择">
-                <el-option
-                  v-for="item in TypeList"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </div>
-          </div>
-        </li>
         <li class="flex-h">
           <span>卡价格：</span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.Price"
+                v-model="cardInfo.Price"
                 clearable>
               </el-input>
             </div>
@@ -78,7 +63,7 @@
             <div style="width:200px;">
               <el-input
                 placeholder="请输入"
-                v-model="postData.TotalNum"
+                v-model="cardInfo.TotalCount"
                 clearable>
               </el-input>
             </div>
@@ -88,32 +73,17 @@
           <span>发送类型：</span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="postData.SendType" label="1">渠道</el-radio>
-              <el-radio v-model="postData.SendType" label="3">案场</el-radio>
-              <el-radio v-model="postData.SendType" label="2">系统</el-radio>
-            </div>
-          </div>
-        </li>
-        <li class="flex-h" v-if="type === 'bodybuilding'">
-          <span>选择渠道：</span>
-          <div class="flex-item">
-            <div style="width:50%">
-              <el-select v-model="postData.ChannelId" placeholder="请选择">
-                <el-option
-                  v-for="item in ChannelList"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id">
-                </el-option>
-              </el-select>
+              <el-radio v-model="cardInfo.SendType" label="channel">渠道</el-radio>
+              <el-radio v-model="cardInfo.SendType" label="case">案场</el-radio>
+              <el-radio v-model="cardInfo.SendType" label="system">系统</el-radio>
             </div>
           </div>
         </li>
-        <li class="flex-h" v-if="type === 'course'">
+        <li class="flex-h">
           <span>目标商品：</span>
           <div class="flex-item">
             <div>
-              <el-select v-model="postData.GoodsId" placeholder="请选择">
+              <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择">
                 <el-option
                   v-for="item in GoodsList"
                   :key="item.id"
@@ -124,83 +94,23 @@
             </div>
           </div>
         </li>
-        <li class="flex-h" v-if="postData.Assign === '2'">
-          <div class="flex-item">
-            <div style="border: 1px solid #eee;">
-              <el-table
-                :data="currentList"
-                stripe
-                style="width: 100%">
-                <el-table-column
-                  prop="Name"
-                  label="商品">
-                </el-table-column>
-                <el-table-column
-                  prop="Type"
-                  label="分类">
-                </el-table-column>
-                <el-table-column label="操作">
-                  <template slot-scope="scope">
-                    <el-button
-                      size="mini"
-                      type="warning"
-                      @click="deleteGoodsItem(scope.$index, scope.row)">删除</el-button>
-                  </template>
-                </el-table-column>
-              </el-table>
-              <div style="text-align:center;padding:10px 0;">
-                <el-button type="success" size="mini" @click="addGoods">添加商品</el-button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li class="flex-h" v-if="type === 'drink'">
+        <li class="flex-h">
           <span>卡有效时间：</span>
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
-                <el-radio v-model="postData.TimeType" label="1">固定时间</el-radio>
                 <el-date-picker
-                  v-model="postData.StartDate"
+                  v-model="cardInfo.StartDate"
                   type="date"
                   placeholder="选择起始日期">
                 </el-date-picker>
                 <span style="line-height:40px;">至</span>
                 <el-date-picker
-                  v-model="postData.EndDate"
+                  v-model="cardInfo.EndDate"
                   type="date"
                   placeholder="选择截止日期">
                 </el-date-picker>
               </div>
-              <div class="addLine flex-h" style="align-item:center;">
-                <el-radio v-model="postData.TimeType" label="2">领取后</el-radio>
-                <span style="width:100px;">
-                  <el-input
-                    placeholder="请输入"
-                    v-model="postData.Days"
-                    clearable>
-                  </el-input>
-                </span>
-                <span style="line-height:40px;">天</span>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li class="flex-h" v-if="type === 'course'">
-          <span>卡有效时间：</span>
-          <div class="flex-item">
-            <div>
-              <el-date-picker
-                v-model="postData.StartDate"
-                type="date"
-                placeholder="选择起始日期">
-              </el-date-picker>
-              <span style="line-height:40px;">至</span>
-              <el-date-picker
-                v-model="postData.EndDate"
-                type="date"
-                placeholder="选择截止日期">
-              </el-date-picker>
             </div>
           </div>
         </li>
@@ -218,7 +128,7 @@
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.ShareDesc">
+                v-model="cardInfo.Share.CardShareInfo">
               </el-input>
             </div>
           </div>
@@ -231,7 +141,7 @@
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.RuleDesc">
+                v-model="cardInfo.Share.CardUseRule">
               </el-input>
             </div>
           </div>
@@ -244,7 +154,7 @@
                 type="textarea"
                 :rows="2"
                 placeholder="请输入"
-                v-model="postData.UsedDesc">
+                v-model="cardInfo.Share.CardUseInstruction">
               </el-input>
             </div>
           </div>
@@ -275,6 +185,37 @@ export default {
         Name: 'ccc',
         Type: 'xxx'
       }], // 指定商品数据
+      cardInfo: {
+        CardId: '',
+        CardName: '',
+        SendType: '',
+        VideoUrl: '',
+        Price: '',
+        StartDate: '',
+        EndDate: '',
+        TotalCount: '',
+        SentCount: '',
+        UsedCount: '',
+        Status: '',
+        CaseId: '',
+        OrgId: '',
+        CreateDate: '',
+        CreateUser: '',
+        IsOver: '',
+        Share: {
+          CardShareInfo: '',
+          CardUseRule: '',
+          CardUseInstruction: '',
+        },
+        Images: [{
+          CardImageUrl: '',
+        }],
+        Targets: [{
+          TargetType: '',
+          TargetId: '',
+          TargetName: ''
+        }],
+      },
       postData: {
         page: 1,
         pagesize: 10,

src/store/card/card.js

@@ -0,0 +1,68 @@
+import ajax from '../../util/ajax'
+import api from '../../util/api'
+
+export default {
+  namespaced: true,
+  state: {
+    cardList: [],
+  },
+  mutations: {
+    updateList (state, payload) {
+      state.cardList = payload || []
+    },
+  },
+  actions: {
+    GetCardList ({ commit }, payload) { // 获取卡列表
+      return new Promise((resolve, reject) => {
+        ajax(api.cardManager.cardList.url, {
+          method: api.cardManager.cardList.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateList', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    addCard ({ commit }, payload) { // 新增卡
+      return new Promise((resolve, reject) => {
+        ajax(api.cardManager.addCard.url, {
+          method: api.cardManager.addCard.method,
+          data: {
+            info: JSON.stringify(payload)
+          }
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    getCardById ({ commit }, { id }) { // 获取卡详情
+      return new Promise((resolve, reject) => {
+        ajax(api.cardManager.getCardById.url, {
+          method: api.cardManager.getCardById.method,
+          urlData: {
+            id,
+          }
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    editCard ({ commit }, payload) { // 编辑更新卡
+      return new Promise((resolve, reject) => {
+        ajax(api.cardManager.editCard.url, {
+          method: api.cardManager.editCard.method,
+          data: {
+            info: JSON.stringify(payload)
+          },
+          urlData: {
+            id: payload.CardId
+          },
+        }).then(res => {
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+  }
+}

src/util/api.js

@@ -588,7 +588,23 @@ const $api = {
     vipbycode: {
       method: 'get',
       url: `${baseUrl}${common}/vipcard/:code`
-    }
+    },
+    cardList: {
+      method: 'get',
+      url: `${baseUrl}${common}/card`
+    },
+    addCard: {
+      method: 'post',
+      url: `${baseUrl}${common}/card`
+    },
+    editCard: {
+      method: 'put',
+      url: `${baseUrl}${common}/card/:id`
+    },
+    getCardById: {
+      method: 'get',
+      url: `${baseUrl}${common}/card/:id`
+    },
   },
   couponManager: {
     couponList: {