通道 列表

src/api/channel.js

@@ -35,12 +35,20 @@ export default {
     })
   },
 
-  price(operator){
-    request({
-        url:"/bankcard/list",
+  channel(operator){
+    return request({
+        url:"/channel/list",
         method:"POST",
         data:operator
     })
-}
+  },
+
+  channelDelete(ChannelId){
+    return request({
+      url:"/channel/delete",
+      method:"PUT",
+      data:{ChannelId:ChannelId}
+  })
+  }
 
 }

src/views/channel/channel.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="app-container">
+      <div class="filter-container" style="margin: 10px 0 10px 0">
+          <span  class="textSpan">通道名称:</span>
+          <el-input v-model="body.channelName" style="width:200px" placeholder="通道名称" size="small" clearable />
+          <span  class="textSpan">  通道ID:</span>
+          <el-input v-model="body.channelId" style="width:200px" placeholder="通道ID" size="small" clearable />
+          <el-button class="filter-item"  icon="el-icon-search" type="primary" plain @click="Search">搜索</el-button>
+          <el-button class="classitem" style="marginRight:50px" type="primary" plain icon="el-icon-plus" @click="Search">新增</el-button>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+
+          <el-table-column label="通道ID" align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <span>{{ scope.row.channelId }}</span>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="供应商名称" align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <span>{{ scope.row.channelName }}</span>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="折扣（%）" align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <span>{{ scope.row.discount }}</span>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="运营商"  align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <span>{{ scope.row.operatorCode }}</span>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="是否有效" align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <el-tag v-if="scope.row.isValid==0">无效</el-tag>
+                  <el-tag v-if="scope.row.isValid==1" size="small">有效</el-tag>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="供应商编码" align="center" show-overflow-tooltip>
+              <template slot-scope="scope">
+                  <span>{{ scope.row.supplierCode }}</span>
+              </template>
+          </el-table-column>
+
+          <el-table-column label="操作" fixed="right" align="center">
+              <template slot-scope="scope">
+                <el-button size="small" icon="el-icon-delete" type="danger" plain @click="ModifyDelete(scope.row)">删除</el-button>
+              </template>
+          </el-table-column>
+        
+      </el-table>
+
+  </div>
+</template>
+
+<script>
+import api from '@/api/channel.js'
+export default {
+    data() {
+        return {
+            body:{
+                channelId:"",
+                channelName:""
+            },
+            tableData:[]
+        }
+    },
+    created(){
+        this.Search()
+    },
+    methods: {
+        Search(){
+            this.loading = true
+            api.channel(this.body).then((res) => {
+                this.loading = false
+                this.tableData = res.data.data.records
+                this.total = res.data.data.total
+            })
+        },
+        ModifyDelete(operator){
+
+        }
+    },
+}
+</script>
+
+<style>
+
+</style>