xcx

src/pages/system/channelManager/channelList/add.vue

@@ -3,24 +3,27 @@
     <form class="mainForm">
       <ul>
         <li class="flex-h">
-          <span>渠道名：</span>
+          <span>选择案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-input
-                placeholder="请输入渠道名"
-                v-model="postData.channelName"
-                clearable>
-              </el-input>
+              <el-select v-model="CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in cases"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
             </div>
           </div>
         </li>
         <li class="flex-h">
-          <span>渠道code：</span>
+          <span>渠道名：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入渠道code"
-                v-model="postData.channelCode"
+                placeholder="请输入渠道名"
+                v-model="postData.ChannelName"
                 clearable>
               </el-input>
             </div>
@@ -36,26 +39,62 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: '',
   data () {
     return {
       postData: {
-        channelName: '',
-        channelCode: ''
+        ChannelId: '', // 渠道id
+        ChannelName: '', // 渠道名称
+        CaseId: '', // 案场id
+        OrgId: '', // 机构id
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      cases: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default,
+      OrgId: x => x.app.user.OrgId,
+    }),
+    CaseId: {
+      get () {
+        return this.postData.CaseId === '' ? this.defaultCaseId || '' : this.postData.CaseId
+      },
+      set (val) {
+        this.postData.CaseId = val
       }
     }
   },
   components: {},
   methods: {
-    submit () {
-      console.log(this.postData)
+    submit () { // 提交数据
+      if (this.postData.ChannelName === '') {
+        this.$message({
+          type: 'error',
+          message: '渠道名称不能为空'
+        })
+        return false
+      }
+      this.postData.OrgId = this.OrgId
+      if (this.postData.CaseId === '') this.postData.CaseId = this.CaseId
+      this.$ajax(this.$api.channelManager.addChannel.url, {
+        method: this.$api.channelManager.addChannel.method,
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.$router.push({ name: 'channelList' })
+      })
     },
     cancel () {
-      this.$router.go(-1)
+      this.$router.push({ name: 'channelList' })
     }
   },
-  mounted () {}
+  mounted () { }
 }
 </script>
 

src/pages/system/channelManager/channelList/edit.vue

@@ -3,24 +3,27 @@
     <form class="mainForm">
       <ul>
         <li class="flex-h">
-          <span>渠道名：</span>
+          <span>选择案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-input
-                placeholder="请输入渠道名"
-                v-model="postData.channelName"
-                clearable>
-              </el-input>
+              <el-select v-model="CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in cases"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
             </div>
           </div>
         </li>
         <li class="flex-h">
-          <span>渠道code：</span>
+          <span>渠道名：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-input
-                placeholder="请输入渠道code"
-                v-model="postData.channelCode"
+                placeholder="请输入渠道名"
+                v-model="postData.ChannelName"
                 clearable>
               </el-input>
             </div>
@@ -36,26 +39,73 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: '',
   data () {
     return {
       postData: {
-        channelName: '',
-        channelCode: ''
+        ChannelId: '', // 渠道id
+        ChannelName: '', // 渠道名称
+        CaseId: '', // 案场id
+        OrgId: '', // 机构id
       }
     }
   },
+  computed: {
+    ...mapState({
+      cases: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default,
+      OrgId: x => x.app.user.OrgId,
+    }),
+    CaseId: {
+      get () {
+        return this.postData.CaseId === '' ? this.defaultCaseId || '' : this.postData.CaseId
+      },
+      set (val) {
+        this.postData.CaseId = val
+      }
+    }
+  },
+  created () {
+    this.getChannelInfo()
+  },
   components: {},
   methods: {
-    submit () {
-      console.log(this.postData)
+    getChannelInfo () {
+      this.$ajax(this.$api.channelManager.getChannelInfo.url, {
+        method: this.$api.channelManager.getChannelInfo.method,
+        urlData: { channelId: this.$route.query.id }
+      }).then(res => {
+        this.postData = res
+      })
+    },
+    submit () { // 提交数据
+      if (this.postData.ChannelName === '') {
+        this.$message({
+          type: 'error',
+          message: '渠道名称不能为空'
+        })
+        return false
+      }
+      this.postData.OrgId = this.OrgId
+      if (this.postData.CaseId === '') this.postData.CaseId = this.CaseId
+      this.$ajax(this.$api.channelManager.editChannel.url, {
+        method: this.$api.channelManager.editChannel.method,
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.$router.push({ name: 'channelList' })
+      })
     },
     cancel () {
-      this.$router.go(-1)
+      this.$router.push({ name: 'channelList' })
     }
   },
-  mounted () {}
+  mounted () { }
 }
 </script>
 

src/pages/system/channelManager/channelList/index.vue

@@ -26,16 +26,16 @@
     </div>
     <div class="system-table-box">
       <el-table
-        :data="tableData"
+        :data="currentList"
         stripe
         style="width: 100%">
         <el-table-column
-          prop="channelName"
-          label="渠道名">
+          prop="CaseName"
+          label="案场">
         </el-table-column>
         <el-table-column
-          prop="channelCode"
-          label="渠道code">
+          prop="ChannelName"
+          label="渠道名称">
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
@@ -70,7 +70,7 @@ export default {
     return {
       total: 0,
       postData: { // 表格搜索条件
-        CaseId: '', // 案场id
+        caseid: '', // 案场id
         page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
@@ -87,10 +87,10 @@ export default {
     }),
     CaseId: {
       get () {
-        return this.postData.CaseId || this.defaultCaseId
+        return this.postData.caseid || this.defaultCaseId
       },
       set (val) {
-        this.postData.CaseId = val
+        this.postData.caseid = val
       }
     }
   },
@@ -101,13 +101,10 @@ export default {
       this.getList()
     },
     getList () { // 获取列表
-      this.$ajax(this.$api.goodsManager.getGoodsTypeList.url, {
-        method: this.$api.goodsManager.getGoodsTypeList.method,
-        data: { ...this.postData, CaseId: this.CaseId }
+      this.$ajax(this.$api.channelManager.getChannelList.url, {
+        method: this.$api.channelManager.getChannelList.method,
+        queryData: { ...this.postData, caseid: this.CaseId }
       }).then(res => {
-        for (var n = 0; n < res.list.length; n++) {
-          res.list[n].CaseName = this.cases.filter(x => x.CaseId === res.list[n].CaseId)[0].CaseName
-        }
         this.currentList = res.list
         this.postData.page = res.page
         this.total = res.pagenum
@@ -117,7 +114,7 @@ export default {
       this.getList()
     },
     handleEdit (index, row) { // 编辑
-      this.$router.push({ name: 'editGoodsType', query: { id: row.TypeId } })
+      this.$router.push({ name: 'editChannel', query: { id: row.ChannelId } })
     },
     handleDelete (index, row) { // 删除
       let name = '确认删除规格“' + row.TypeName + '”?'

src/util/api.js

@@ -48,7 +48,19 @@ const $api = {
   channelManager: {
     getChannelList: { // 渠道列表
       method: 'get',
-      url: `${baseUrl}${common}/`
+      url: `${baseUrl}${common}/channel`
+    },
+    getChannelInfo: { // 获取渠道信息
+      method: 'get',
+      url: `${baseUrl}${common}/channel/:channelId`
+    },
+    addChannel: { // 新增渠道
+      method: 'post',
+      url: `${baseUrl}${common}/channel`
+    },
+    editChannel: { // 更新渠道
+      method: 'put',
+      url: `${baseUrl}${common}/channel`
     },
   },
   caseManager: {