axios

src/api/channel.js

@@ -26,6 +26,13 @@ export default {
       data: data
     })
   },
+  //删除
+  supplierDelete: function(id){
+    return request({
+      url: '/supplier/bankcard/' + id,
+      method: 'delete',
+    })
+  },
 
   // <!-- -->
   //编辑
@@ -58,14 +65,31 @@ export default {
     })
   },
 
+  //通道编辑
+  update(data){
+    return request({
+      url:"/channel/update",
+      method:"put",
+      data:data
+    })
+  },
+
 
   //通道删除
   channelDelete(ChannelId){
     return request({
       url:"/channel/delete",
-      method:"PUT",
+      method:"delete",
       data:{ChannelId:ChannelId}
   })
+  },
+
+  //添加通道产品
+  productAdd(operator){
+    return request({
+      url:"/channel/product/list/" + operator,
+      method:"post"
+    })
   }
 
 }

src/api/product.js

@@ -39,6 +39,14 @@ export function ProductEdit(data) {
   })
 }
 
+//删除
+export function ProductDel(productId) {
+  return request({
+    url: '/product/del/' + productId,
+    method: 'put',
+  })
+}
+
 
 
 

src/api/userList.js

@@ -52,4 +52,4 @@ export default {
     }
   }
  
-}
+}

src/views/channel/channel.vue

@@ -5,10 +5,10 @@
             <span  class="textSpan">通道名称:</span>
             <el-input v-model="body.channelName" style="width:200px" placeholder="通道名称" size="small" clearable />
           </div>
-          <div class="w_input">
+          <!-- <div class="w_input">
             <span  class="textSpan">　　通道ID:</span>
             <el-input v-model="body.channelId" style="width:200px" placeholder="通道ID" size="small" clearable />
-          </div>
+          </div> -->
           
       </div>
       <div class="flexend">
@@ -63,8 +63,8 @@
 
                 <!-- <el-button v-if="scope.row.isValid==0" size="small" icon="el-icon-circle-check" type="success"  @click="ModifyState(scope.row)">有效</el-button>
                 <el-button v-if="scope.row.isValid==1" size="small" icon="el-icon-circle-close" type="info"  @click="ModifyState(scope.row)">无效</el-button> -->
-                <el-button size="small" icon="el-icon-edit" type="warning"  @click="handleEdit(scope.row)">编辑</el-button>
-                <el-button size="small" icon="el-icon-delete" type="danger"  @click="ModifyDelete(scope.row)">删除</el-button>
+                <el-button size="small" icon="el-icon-edit" type="warning" plain  @click="handleEdit(scope.row)">编辑</el-button>
+                <el-button size="small" icon="el-icon-delete" type="danger" plain @click="ModifyDelete(scope.row,$event)">删除</el-button>
               </template>
           </el-table-column>
         
@@ -93,14 +93,10 @@
               <el-input v-model="dataForm.channelName" placeholder="请输入供应商ID" />
             </el-form-item>
           </el-col>
+          
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
-              <el-form-item label="供应商名称" prop="supplierName" :label-width="formLabelWidth"  >
-                <el-input v-model="dataForm.supplierName" placeholder="请输入供应商名称" />
-              </el-form-item>
-          </el-col>
-          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
-              <el-form-item label="运营商" :label-width="formLabelWidth">
-                <el-select size="small" v-model="dataForm.operator" clearable placeholder="请选择运营商" style="width: 100%" >
+              <el-form-item label="运营商" prop="operator" :label-width="formLabelWidth">
+                <el-select size="small" :disabled="!operation" v-model="dataForm.operator" clearable placeholder="请选择运营商" style="width: 100%" >
                     <el-option
                     v-for="item in mobileOperator"
                     :key="item.id"
@@ -110,10 +106,8 @@
                 </el-select>
               </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="20">
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
-              <el-form-item label="是否有效" :label-width="formLabelWidth" prop="isValid" >
+             <el-form-item label="是否有效" :label-width="formLabelWidth" prop="isValid" >
                   <el-select size="small" v-model="dataForm.isValid"  placeholder="请选择是否有效" style="width: 100%" >
                   <el-option
                   v-for="item in status"
@@ -124,9 +118,14 @@
                   </el-select>
               </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+              
+          </el-col>
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
               <el-form-item label="折扣(%)" :label-width="formLabelWidth"  >
-                <el-input v-model="dataForm.discount" placeholder="请输入折扣" />
+                <el-input v-model="dataForm.discount" placeholder="请输入折扣" @change="clicklong(dataForm.discount)" />
               </el-form-item>
           </el-col>
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
@@ -140,17 +139,21 @@
        <el-card  shadow="hover" v-if="!operation">
         <div slot="header" class="clearfix">
           <span class="topClass">通道产品信息</span>
-          <el-button style="float: right;" type="primary" plain @click="addprice">添加通道产品</el-button>
-          <el-button style="marginRight:20px;float: right;" type="success" plain @click="addprice">结算价格批量定价</el-button>
+          <el-button style="float: right;" type="primary" plain @click="addprice(dataForm.operator)">添加通道产品</el-button>
+          <el-button style="marginRight:20px;float: right;" type="success" plain @click="editpricing">结算价格批量定价</el-button>
         </div>
         <div>
           <!-- 添加 -->
-          <el-table :data="dataForm.channelProductInfos" >
+          <el-table  ref="multipleTable" :data="dataForm.channelProductInfos"  @selection-change="handleSelectionChange">
+             <el-table-column
+                type="selection"
+                width="55">
+              </el-table-column>
 
-          <el-table-column label="产品Id" align="center"  show-overflow-tooltip>
+          <el-table-column label="产品Id" align="center" width="100"  show-overflow-tooltip>
             <template slot-scope="scope" >
-              <el-input v-model="scope.row.packageId"></el-input>
-              <!-- <span v-else>{{ scope.row.cardNo }}</span> -->
+              <!-- <el-input v-model="scope.row.packageId"></el-input> -->
+              <span>{{ scope.row.packageId }}</span>
             </template>
           </el-table-column>
 <!-- 
@@ -162,14 +165,20 @@
 
           <el-table-column label="通道产品名称" align="center" show-overflow-tooltip>
             <template slot-scope="scope" >
-              <el-input  v-model="scope.row.channelProductName"></el-input>
-              <!-- <span >{{ scope.row.account }}</span>   -->
+              <!-- <el-input  v-model="scope.row.channelProductName"></el-input> -->
+              <span >{{ scope.row.productName }}</span>  
             </template>
           </el-table-column>
 
+          <el-table-column label="面额"  width="100" align="center" show-overflow-tooltip>
+            <template slot-scope="scope" >
+              <!-- <el-input  v-model="scope.row.price"></el-input> -->
+              <span >{{ scope.row.standardPrice }}</span>  
+            </template>
+          </el-table-column>
           <el-table-column label="结算价格"  align="center" show-overflow-tooltip>
             <template slot-scope="scope" >
-              <el-input  v-model="scope.row.price"></el-input>
+              <el-input  v-model="scope.row.price "></el-input>
               <!-- <span >{{ scope.row.account }}</span>   -->
             </template>
           </el-table-column>
@@ -190,7 +199,7 @@
 
           <el-table-column label="操作"  width="165" min-width="150" align="center">
               <template slot-scope="scope">
-                <el-button type="danger" plain icon="el-icon-delete" @click="priceDelete(scope.row,scope.$index)">删除</el-button>
+                <el-button type="danger" plain icon="el-icon-delete" @click="priceDelete(scope.row,scope.$index,$event)">删除</el-button>
               </template>
             </el-table-column>
         </el-table>
@@ -204,11 +213,32 @@
       </div>
     </el-dialog>
 
+    <!-- 结算价格批量定价 -->
+    <el-dialog
+    title="结算价格批量定价"
+    :visible.sync="pricingVisible"
+    width="40%"
+    modal
+    :close-on-click-modal="false"
+    center
+    >
+      <div style="text-align:center;">
+        <el-input v-model="morePricing" @keyup.enter.native="pricingClike" style="width:200px"></el-input>
+        <span>
+          %
+        </span>
+      </div>
+    <span slot="footer" class="dialog-footer">
+        <!-- <el-button @click="">取 消</el-button> -->
+        <el-button type="primary" @click="pricingClike">确 定</el-button>
+    </span>
+    </el-dialog>
+
     <!-- 产品选择 -->
     <el-dialog
     title="添加产品"
     :visible.sync="dialogVisible"
-    width="60%"
+    width="58%"
     >
          <div class="edit_dev">
 
@@ -216,8 +246,8 @@
                 v-model="value"
                 filterable
                 :props="{
-                key: 'packageName',
-                label: 'packageName'
+                key: 'productId',
+                label: 'productName'
                 }"
                 :format="{
                     noChecked: '${total}',
@@ -229,7 +259,7 @@
          </div>
     <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button type="primary" @click="clickeAddprice">确 定</el-button>
     </span>
     </el-dialog>
 
@@ -248,6 +278,7 @@
 
 <script>
 import api from '@/api/channel.js'
+import Vue from 'vue'
 export default {
     data() {
         return {
@@ -257,7 +288,7 @@ export default {
                 current:1,
                 channelName:""
             },
-            data:[{id:1,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_1元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:6,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"},{id:2,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_12元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:20,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"},{id:3,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_13元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:3,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"},{id:4,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_14元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:5,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"},{id:5,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_15元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:6,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"},{id:6,creator:"wangdz",createTime:"2020-12-11 22:21:32",updator:"",updateTime:null,packageId:"DXHF1",packageName:"全国电信话费卡_16元",operatorCode:"DX",oprPackageId:"DXHF",activePeriod:5,flowAmount:1.0,zone:"00",zoneDesc:"全国",comboPackageStr:"",isCombo:"2"}],
+            data:[],
             value: [],
             tableData:[],
             total:0,
@@ -265,6 +296,7 @@ export default {
             dialogVisible:false,   //新增产品
             dialogFormVisible: false, // 控制弹出框
             dialogFormLook:false,   //查看弹出框
+            pricingVisible:false,    //结算价格批量定价弹出框
             formLabelWidth: '100px',   //新增宽度
             loading:false,
             dataForm:{
@@ -279,6 +311,7 @@ export default {
               supplierName: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }], 
               channelName: [{ required: true, message: '请输入通道名称', trigger: 'blur' }], 
               isValid: [{ required: true, message: '请选择是否有效', trigger: 'blur' }],
+              operator: [{ required: true, message: '请选择运营商', trigger: 'blur' }],
             },
             status:[{
                 id:1,
@@ -287,6 +320,8 @@ export default {
                 id:0,
                 name:"无效"
             }],
+            morePricing:"",    //结算价格批量定价
+            batch:[]          //批量所选的数据
         }
     },
     created(){
@@ -298,7 +333,17 @@ export default {
             this.loading = true
             api.channel(this.body).then((res) => {
                 this.loading = false
-                this.tableData = res.data.data.records
+                let list = res.data.data.records
+                list.map((res)=>{
+                  // console.log(res)
+                  res.channelProductInfos.map((res=>{
+                    res.price = (res.price / 10000).toFixed(4)
+                    return res
+                  }))
+                  return res
+                })
+                // console.log(data)
+                this.tableData = list
                 this.total = res.data.data.total
             })
         },
@@ -314,11 +359,61 @@ export default {
            this.operation = false // true:新增, false:编辑
            this.dialogFormVisible = true // 控制弹出框 
            this.dataForm = JSON.parse(JSON.stringify(row)) 
+           this.batch == []
+           this.morePricing = ""
            this.$refs['dataForm'].resetFields();
         },
+        //文本框折扣编辑
+        clicklong(row){
+          let code = this.dataForm.channelProductInfos
+          let info = []
+          let arry= code.forEach((res)=>{
+            //结算价格 * 折扣(%) * 0.01
+                res.price=(res.standardPrice * row * 0.01).toFixed(4)
+                  info.push(res)
+              })
+          this.dataForm.channelProductInfos = info    
+              console.log(info)
+            // console.log(number)
+        },
+        //折扣批量
+        pricingClike(){
+          // console.log(this.batch)
+          let morePricing = this.morePricing
+          let code = this.batch
+          if(!morePricing){
+            this.$message({
+                type: 'error',
+                message: "请输入结算价格批量定价"
+              })
+          }else{
+            let info = []
+            let data = this.dataForm.channelProductInfos
+            let arry= code.forEach((res)=>{
+              //结算价格 * 折扣(%) * 0.01
+               res.price=(res.standardPrice * morePricing * 0.01).toFixed(4)
+                    // info.push(res)
+                    return res
+              //  let iscode =  data.forEach(item=>{
+              //     if(res.productId == item.productId){
+
+              //     }
+              //  })
+             
+            })
+             this.pricingVisible = false
+             
+            }
+            this.$refs.multipleTable.clearSelection();
+        },
         //删除API
-        ModifyDelete(row){
+        ModifyDelete(row,e){
             const that = this
+            let target=e.target;
+            if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+                  target = e.target.parentNode;
+            }
+            target.blur();
             that.$confirm('此操作将删除通道：' + row.channelName, '提示', {
                 confirmButtonText: '确定',
                 cancelButtonText: '取消',
@@ -326,7 +421,7 @@ export default {
             })
             .then(() => {
                 api.channelDelete(row.channelId).then((res)=>{
-                     if (response.status === 200) {
+                     if (response.data.status === 200) {
                         that.$message({
                             type: 'success',
                             message: '删除成功'
@@ -351,28 +446,48 @@ export default {
             let newObj=JSON.parse(JSON.stringify(row))
             this.dataForm = newObj
         },
+        //通道产品删除
+        priceDelete(row,index,e){
+          console.log(e)
+          let target=e.target;
+          if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+                target = e.target.parentNode;
+          }
+          target.blur();
+          this.dataForm.channelProductInfos.splice(index,1)
+          console.log(this.dataForm.channelProductInfos)
+        },
         //新增和修改API
         submitForm(){
+         
           this.$refs['dataForm'].validate((valid) => {
                   if (valid) {
                     if (!this.operation) {
-                      console.log(this.dataForm)
+                        let dataForm = this.dataForm
+                        let data=dataForm.channelProductInfos.map((res)=>{
+                          if(res.price > 10000){
+                            return res
+                          }else{
+                            res.price = res.price * 10000
+                            return res
+                          }
+                        })
                       // 编辑
-                      // api.channelEdit(this.dataForm).then(response => {
-                      //   if (response.status === 200) {
-                      //     this.$message({
-                      //       type: 'success',
-                      //       message: '操作成功'
-                      //     })
-                      //     this.dialogFormVisible = false
-                      //     this.reLoad()
-                      //   } else {
-                      //     this.$message({
-                      //       type: 'error',
-                      //       message: response.data.msg
-                      //     })
-                      //   }
-                      // })
+                      api.update(dataForm).then(response => {
+                        if (response.status === 200) {
+                          this.$message({
+                            type: 'success',
+                            message: '操作成功'
+                          })
+                          this.dialogFormVisible = false
+                          this.reLoad()
+                        } else {
+                          this.$message({
+                            type: 'error',
+                            message: response.data.msg
+                          })
+                        }
+                      })
                     } else {
                       console.log(this.dataForm)
                     //   // 添加
@@ -395,14 +510,64 @@ export default {
                   }
                 })
         },
+        //结算价格批量定价
+        editpricing(){
+          console.log(this.batch)
+          if(this.batch.length == 0){
+              this.$message({
+                type: 'error',
+                message: "请至少选择一项"
+              })
+          }else{
+             this.pricingVisible = true
+          }
+        },
         //新增产品
-        addprice(){
+        addprice(row){
           if(this.dataForm.operator == null || this.dataForm.operator == ""){
             console.log("weikong")
           }else{
-            this.dialogVisible = true
+            api.productAdd(row).then(res=>{
+              let dataForm=this.dataForm.channelProductInfos
+              let code = res.data.data
+              if(dataForm.length == 0){
+                this.data=code
+              }else{
+                // 去重产品            
+                  var set=dataForm.map(item=>item.productName)
+                  var resArr=code.filter(item=>!set.includes(item.productName))
+                  this.data=resArr
+                  console.log(resArr)
+              }
+              // console.log(code)
+              this.dialogVisible = true
+            })
           }
         },
+        //确认产品
+        clickeAddprice(){
+           let value = this.value;
+           let data =this.data;
+           let code= value.map(item1=>{
+            let arry=  data.map(item2=>{
+              console.log(item1)
+                  if(item1 == item2.productId){
+                    let form = {
+                       price : item2.productPrice,
+                       standardPrice : item2.productPrice,
+                       productName:item2.productName,
+                       packageId:item2.packageId,
+                       isValid:1,
+                    }
+                    //  console.log(form)
+                      this.dataForm.channelProductInfos.push(form)
+                  }
+                  //  return info
+              })
+            })
+            this.dialogVisible = false
+            this.value = []
+        },
         // 搜索
         Search(){
             this.body.current = 1
@@ -412,9 +577,12 @@ export default {
         ModifyState(operator){
             operator.isValid ^= 1
         },
+        //多选
+        handleSelectionChange(rows){
+          this.batch = rows
+        },
         
-
-
+        ///分页
         handleSizeChange: function(val) {
             this.body.size = val
             this.reLoad()

src/views/channel/index.vue

@@ -53,14 +53,14 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="操作" fixed="right" min-width="200" align="center">
+      <el-table-column label="操作" fixed="right" min-width="300" align="center">
         <template slot-scope="scope">
           <!-- <el-button v-if="scope.row.isValid==0" size="small" icon="el-icon-circle-check" type="success" plain @click="ModifyState(scope.row)">有效</el-button>
           <el-button v-if="scope.row.isValid==1" size="small" icon="el-icon-circle-close" type="info" plain @click="ModifyState(scope.row)">无效</el-button> -->
 
-          <el-button size="small" type="primary"  icon="el-icon-plus" @click="amountAdd(scope.row)">加款</el-button>
-          <el-button size="small" icon="el-icon-edit" type="warning"  @click="handleEdit(scope.row)">编辑</el-button>
-          <el-button size="small" icon="el-icon-delete" type="danger" autofocus  @click="ModifyDelete(scope.row)">删除</el-button>
+          <el-button size="small" type="primary"  icon="el-icon-plus" plain @click="amountAdd(scope.row)">加款</el-button>
+          <el-button size="small" icon="el-icon-edit" type="warning" plain  @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button size="small" icon="el-icon-delete" type="danger" autofocus plain  @click="ModifyDelete(scope.row,$event)">删除</el-button>
         </template>
       </el-table-column>
 
@@ -81,7 +81,7 @@
       />
     </div>
     <!-- 新增与修改 -->
-    <el-dialog :title="operation?'新增供应商':'编辑供应商'" :visible.sync="dialogFormVisible" width="85%" center>
+    <el-dialog :title="operation?'新增供应商':'编辑供应商'" :visible.sync="dialogFormVisible" width="90%" center>
       <el-form ref="dataForm" :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
         <el-row :gutter="20">
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
@@ -103,7 +103,7 @@
         <el-row :gutter="20">
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
               <el-form-item label="供应商名称" :label-width="formLabelWidth" prop="supplierName" >
-                <el-input v-model="dataForm.supplierName" placeholder="请输入供应商名称" />
+                <el-input v-model="dataForm.supplierName" :disabled="!operation" placeholder="请输入供应商名称" />
               </el-form-item>
           </el-col>
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
@@ -113,7 +113,7 @@
           </el-col>
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
               <el-form-item label="是否有效" :label-width="formLabelWidth" prop="isValid" >
-                  <el-select size="small" v-model="dataForm.isValid"  placeholder="请选择是否有效" style="width: 90%" >
+                  <el-select size="small" v-model="dataForm.isValid"  placeholder="请选择是否有效" style="width: 100%" >
                   <el-option
                   v-for="item in status"
                   :key="item.id"
@@ -201,21 +201,27 @@
           <!-- 添加银行卡 -->
           <el-table :data="dataForm.bankCards" >
 
-          <el-table-column label="银行卡" width="210" align="center"  show-overflow-tooltip>
+          <el-table-column label="银行卡"  align="center"  show-overflow-tooltip>
             <template slot-scope="scope" >
               <el-input v-model="scope.row.cardNo"></el-input>
               <!-- <span v-else>{{ scope.row.cardNo }}</span> -->
             </template>
           </el-table-column>
 
-          <el-table-column label="开户行" width="150" align="center" show-overflow-tooltip>
+          <el-table-column label="开户行" width="140" align="center" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.bankDeposit"></el-input>
               <!-- <span v-else>{{ scope.row.bankDeposit }}</span> -->
             </template>
           </el-table-column>
+          <el-table-column label="全称" width="170" align="center" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.account"></el-input>
+              <!-- <span v-else>{{ scope.row.bankDeposit }}</span> -->
+            </template>
+          </el-table-column>
 
-          <el-table-column label="类型" width="150" align="center" show-overflow-tooltip>
+          <!-- <el-table-column label="类型" width="150" align="center" show-overflow-tooltip>
             <template slot-scope="scope" >
               <el-select size="small" v-model="scope.row.distinguish"  placeholder="类型选择" >
                   <el-option
@@ -226,9 +232,9 @@
                   />
                   </el-select>
               <!-- <el-input  v-model="scope.row.account"></el-input> -->
-              <!-- <span >{{ scope.row.account }}</span>   -->
+              <!-- <span >{{ scope.row.account }}</span>  
             </template>
-          </el-table-column>
+          </el-table-column> -->
 
           <el-table-column label="创建者" width="150" align="center" show-overflow-tooltip >
             <template slot-scope="scope" >
@@ -236,7 +242,7 @@
               <span >{{ scope.row.creator }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip >
+          <el-table-column label="创建时间" align="center" show-overflow-tooltip >
             <template slot-scope="scope" >
               <!-- <el-input v-if="editable[scope.$index]" @input="onBurl(scope.row.facePrice,scope.row.payPrice)" v-model="scope.row.creator"></el-input> -->
                <i class="el-icon-time"></i>
@@ -246,7 +252,7 @@
 
           <el-table-column label="操作"  width="165" min-width="150" align="center">
               <template slot-scope="scope">
-                <el-button type="danger" icon="el-icon-delete" @click="priceDelete(scope.row,scope.$index)">删除</el-button>
+                <el-button type="danger" icon="el-icon-delete" @click="priceDelete(scope.row,scope.$index,$event)">删除</el-button>
               </template>
             </el-table-column>
         </el-table>
@@ -415,7 +421,7 @@
           </el-col>
           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
               <el-form-item  label="是否有效" :label-width="formLabelWidth" prop="isValid" >
-                  <el-select size="small" disabled v-model="dataForm.isValid"   >
+                  <el-select size="small" style="width:100%" disabled v-model="dataForm.isValid"   >
                   <el-option
                   v-for="item in status"
                   :key="item.id"
@@ -483,7 +489,7 @@
         </el-row>
        <el-card  shadow="hover" >
         <div slot="header" class="clearfix">
-          <span>供应商银行账户信息</span>
+          <span class="topClass">供应商银行账户信息</span>
           <!-- <el-button style="float: right;" type="primary" plain @click="addprice">添加银行卡</el-button> -->
         </div>
         <div>
@@ -504,17 +510,26 @@
             </template>
           </el-table-column>
 
-          <el-table-column label="账户名称" width="150" align="center" show-overflow-tooltip>
+          <el-table-column label="账户类型" width="150" align="center" show-overflow-tooltip>
             <template slot-scope="scope" >
-              <!-- <el-input  v-model="scope.row.creator"></el-input> -->
-              <span >{{ scope.row.account }}</span>  
+              <span v-if=" scope.row.distinguish == 1">供应商</span>
+              <span v-if=" scope.row.distinguish == 2">客户</span>
+              <!-- <el-input  v-model="scope.row.distinguish"></el-input> -->
+              <!-- <el-select size="small" v-model="scope.row.distinguish" disabled placeholder="类型选择" >
+                  <el-option
+                  v-for="item in account"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  />
+                  </el-select> -->
             </template>
           </el-table-column>
 
           <el-table-column label="创建者" width="150" align="center" show-overflow-tooltip>
             <template slot-scope="scope" >
               <!-- <el-input v-model="scope.row.creator"></el-input> -->
-              <span >{{ scope.row.aaa }}</span>
+              <span >{{ scope.row.creator }}</span>
             </template>
           </el-table-column>
           <el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip>
@@ -602,6 +617,7 @@ export default {
             cardNo:"",       //银行卡
             bankDeposit:"",   //开户行
             account:"",     //账户名称    
+            distinguish:""
           }
         ]
       },
@@ -624,7 +640,7 @@ export default {
       tableData: [],
       account:[
         {id:1,name:"供应商"},
-        {id:2,name:"客户"}
+        // {id:2,name:"客户"}
       ]
     }
   },
@@ -818,17 +834,35 @@ export default {
       this.dataForm.bankCards.push({
           cardNo:"",       //银行卡
           bankDeposit:"",   //开户行
-          account:1,       //供应商账户
+          account:'',       //供应商账户
           supplierId:supplierId,
-          distinguish:""
+          distinguish:1
           // creator:""       //创建者
       })
        console.log(this.dataForm.bankCards)
     },
 
     //删除银行卡
-    priceDelete(row,index){
-      this.dataForm.bankCards.splice(index,1)
+    priceDelete(row,index,e){
+        this.$confirm('此操作将删除：' + row.account, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          api.supplierDelete(row.id).then((res)=>{
+            this.dataForm.bankCards.splice(index,1)
+            this.$message({
+                type: 'success',
+                message: '删除成功'
+              })
+          })
+        })
+      let target=e.target;
+      if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+            target = e.target.parentNode;
+      }
+       target.blur();
       console.log(this.dataForm.bankCards)
     },
 
@@ -838,8 +872,13 @@ export default {
       data.isValid ^= 1
     },
     // 删除
-    ModifyDelete(row) {
+    ModifyDelete(row,e) {
        const that = this
+        let target=e.target;
+      if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+            target = e.target.parentNode;
+      }
+       target.blur();
       this.$confirm('此操作将删除供应商：' + row.supplierName, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',

src/views/product/index.vue

@@ -98,8 +98,8 @@
         <el-table-column label="操作" fixed="right" min-width="100" align="center">
             <template slot-scope="scope">
               <!--<el-button @click="handRest(scope.row)" type="warning" size="small">重置密码</el-button>-->
-              <el-button size="small" icon="el-icon-edit" type="warning"  @click="handleEdit(scope.row)">编辑</el-button>
-              <el-button size="small" icon="el-icon-delete" type="danger" @click="handleDelete(scope.row)">删除
+              <el-button size="small" icon="el-icon-edit" type="warning" plain @click="handleEdit(scope.row)">编辑</el-button>
+              <el-button size="small" icon="el-icon-delete" type="danger" plain @click="handleDelete(scope.row,$event)">删除
               </el-button>
             </template>
           </el-table-column>
@@ -128,7 +128,7 @@
             <el-form-item label="面额" :label-width="formLabelWidth"   prop="productPrice">
               <el-input v-model.trim="dataForm.productPrice" style="width: 90%;"  placeholder="请输入面额" />
             </el-form-item>
-            <el-form-item label="产品编码" :label-width="formLabelWidth" prop="packageId" >
+            <el-form-item label="产品编码" v-if="operation" :label-width="formLabelWidth" prop="packageId" >
               <el-input v-model.trim="dataForm.packageId"  style="width: 90%;"  placeholder="请输入产品编码" />
             </el-form-item>
             <el-form-item label="产品所属地区" :label-width="formLabelWidth" prop="areaName" >
@@ -175,7 +175,7 @@
 
 <script>
 
-import { Search,province,ProductAdd,ProductEdit }  from '@/api/product'
+import { Search,province,ProductAdd,ProductEdit,ProductDel }  from '@/api/product'
 export default {
   data() {
     return {
@@ -342,20 +342,25 @@ export default {
     },
 
     // 删除
-    handleDelete: function(row) {
+    handleDelete: function(row,e) {
       const that = this
+      let target=e.target;
+      if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+            target = e.target.parentNode;
+      }
+       target.blur();
       this.$confirm('此操作将删除产品：' + row.productName, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       })
         .then(() => {
-         let info={
-            isDelete : 1,
-            packageId:row.packageId,
-          }
-          row.isDelete = 1
-          ProductEdit(row).then(response => {
+        //  let info={
+        //     isDelete : 1,
+        //     packageId:row.packageId,
+        //   }
+        //   row.isDelete = 1
+          ProductDel(row.productId).then(response => {
             if (response.status === 200) {
               this.$message({
                 type: 'success',

src/views/userList/access.vue

@@ -54,7 +54,7 @@
               </template>
           </el-table-column>
 
-          <el-table-column label="通道组名称" align="center" show-overflow-tooltip>
+          <el-table-column label="通道组名称" width="110" align="center" show-overflow-tooltip>
               <template slot-scope="scope">
                   <span>{{ scope.row.channelId }}</span>
               </template>

src/views/userList/index.vue

@@ -10,13 +10,13 @@
     <!-- 表格 -->
     <el-table v-loading="loading" :data="tableData" border style="width: 100%">
 
-      <el-table-column label="序号" width="60" align="center">
+      <el-table-column label="序号" width="60" align="center" show-overflow-tooltip>
           <template slot-scope="scope">
             <span>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
 
-      <el-table-column label="客户名称" align="center" show-overflow-tooltip>
+      <el-table-column label="客户名称" width="150" align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ scope.row.customerName }}</span>
         </template>
@@ -28,7 +28,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="状态" align="center">
+      <el-table-column label="状态" align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <el-tag v-if="scope.row.status === 1" >正常</el-tag>
           <el-tag v-if="scope.row.status === 2" type="warning">暂停</el-tag>
@@ -42,12 +42,6 @@
         </template>
       </el-table-column>
 
-      <!-- <el-table-column label="Logo图片组ID" width="200" align="center">
-        <template slot-scope="scope">
-          <span>{{ scope.row.logoGroupId }}</span>
-        </template>
-      </el-table-column> -->
-
       <el-table-column label="授信额度" align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ scope.row.creditAmount }}</span>
@@ -60,20 +54,42 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="创建时间" width="200" align="center" show-overflow-tooltip>
+      <el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span>{{ scope.row.createTime }}</span>
         </template>
       </el-table-column>
 
 
-      <el-table-column label="操作" fixed="right" min-width="250" align="center">
+      <el-table-column label="操作" fixed="right" width="131" align="center">
         <template slot-scope="scope">
-          <el-button v-if="scope.row.status === 1" size="small" icon="el-icon-close" type="warning" @click="ModifyStatus(scope.row,2)">暂停</el-button>
-          <el-button v-if="scope.row.status === 2" size="small" icon="el-icon-check"  @click="ModifyStatus(scope.row,1)">有效</el-button>
-          <el-button size="small" icon="el-icon-edit" type="primary" @click="product(scope.row)">产品</el-button>
-          <el-button size="small" icon="el-icon-edit" type="warning" @click="ModifyEdit(scope.row)">编辑</el-button>
-          <el-button size="small" icon="el-icon-delete" type="danger" @click="ModifyDelete(scope.row)">删除</el-button>
+          <!-- <el-button v-if="scope.row.status === 1" size="small" icon="el-icon-close" plain type="info" @click="ModifyStatus(scope.row,2)">暂停</el-button>
+          <el-button v-if="scope.row.status === 2" size="small" icon="el-icon-check" plain type="success" @click="ModifyStatus(scope.row,1)">有效</el-button>
+          <el-button size="small" icon="el-icon-edit" type="primary" plain  @click="product(scope.row)">产品</el-button>
+          <el-button style="marginTop:5px" size="small" icon="el-icon-edit" type="warning" plain @click="ModifyEdit(scope.row)">编辑</el-button>
+          <el-button style="marginTop:5px" size="small" icon="el-icon-delete" type="danger" plain @click="ModifyDelete(scope.row)">删除</el-button> -->
+          <el-dropdown trigger="click" >
+            <el-button size="medium" type="text" >
+            操作<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown" >
+              <el-dropdown-item >
+                      <el-button style="margin:5px" v-if="scope.row.status === 1" size="small" icon="el-icon-close" plain type="info" @click="ModifyStatus(scope.row,2)">暂停</el-button>
+                       <el-button style="margin:5px" v-if="scope.row.status === 2" size="small" icon="el-icon-check" plain type="success" @click="ModifyStatus(scope.row,1)">有效</el-button>
+              </el-dropdown-item>
+              <el-dropdown-item>
+                  <el-button style="margin:5px" size="small" icon="el-icon-edit" type="primary" plain  @click="product(scope.row)">产品</el-button>
+              </el-dropdown-item>
+              <el-dropdown-item>
+          <el-button style="margin:5px" size="small" icon="el-icon-edit" type="warning" plain @click="ModifyEdit(scope.row)">编辑</el-button>
+                
+              </el-dropdown-item>
+              <el-dropdown-item>
+          <el-button style="margin:5px" size="small" icon="el-icon-delete" type="danger" plain @click="ModifyDelete(scope.row)">删除</el-button>
+
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </template>
       </el-table-column>
 
@@ -373,9 +389,10 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(()=>{
-        row.status = i 
-        api.index.update(row).then(response => {
-        if (response.status === 200) {
+        let code = JSON.parse(JSON.stringify(row))
+        code.status = i   // 2:暂停   1：有效
+        api.index.update(code).then(response => {
+        if (response.data.status === 200) {
           this.$message({
             type: 'success',
             message: '操作成功'

src/views/userList/indexCp.vue

@@ -0,0 +1,341 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container" style="margin: 10px 0 10px 0">
+      <span class="textSpan">客户名称:</span>
+      <el-input v-model="body.customerName" style="width:200px;" placeholder="客户名称" size="small" clearable />
+      <el-button class="filter-item" icon="el-icon-search" type="primary" plain @click="reLoad">搜索</el-button>
+      <el-button class="classitem" style="marginRight:50px" type="primary" plain icon="el-icon-plus" @click="NewUser">新增</el-button>
+    </div>
+
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+
+      <el-table-column label="客户名称" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.customerName }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="客户简称" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.shorterName }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="状态" align="center">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.status === 1" size="small">有效</el-tag>
+          <el-tag v-if="scope.row.status === 2" size="small">无效</el-tag>
+          <el-tag v-if="scope.row.status === 3" size="small">暂停</el-tag>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column label="帐号余额" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.balance }}</span>
+        </template>
+      </el-table-column>
+
+      <!-- <el-table-column label="Logo图片组ID" width="200" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.logoGroupId }}</span>
+        </template>
+      </el-table-column> -->
+
+      <el-table-column label="授信额度" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.creditAmount }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="当前费用" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.currentAmount }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="创建时间" width="200" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.createTime }}</span>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column label="操作" fixed="right" min-width="200" align="center">
+        <template slot-scope="scope">
+          <el-button size="small" icon="el-icon-edit" type="warning" @click="ModifyEdit(scope.row)">编辑</el-button>
+          <el-button size="small" icon="el-icon-delete" type="danger" @click="ModifyDelete(scope.row,$event)">删除</el-button>
+        </template>
+      </el-table-column>
+
+    </el-table>
+
+<!-- 添加或修改对话框 -->
+        <el-dialog :title="operation?'新增客户':'编辑客户'" width="85%" :visible.sync="dialogFormVisible" center>
+          <el-form ref="dataForm" :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
+               <!-- 客户基本信息 -->
+              <el-card shadow="never"  >
+                <!-- <el-card  shadow="hover" > -->
+                <div slot="header" class="clearfix">
+                  <span class="topClass">客户基本信息</span>
+                </div>
+                <div>
+                    <el-row :gutter="20">
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                      <el-form-item label="客户名称" prop="customerName" :label-width="formLabelWidth"  >
+                        <el-input v-model="dataForm.customerName" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="客户ID" :label-width="formLabelWidth"  >
+                          <el-input v-model="dataForm.customerId"  />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="客户简称" prop="shorterName" :label-width="formLabelWidth">
+                          <el-input v-model="dataForm.shorterName"  />
+                        </el-form-item>
+                    </el-col>
+                  </el-row>
+                </div>
+              </el-card>  
+              <!-- 客户服务联系人信息 -->
+              <el-card shadow="never"  >
+                <!-- <el-card  shadow="hover" > -->
+                <div slot="header" class="clearfix">
+                  <span class="topClass">客户服务联系人信息</span>
+                </div>
+                <div>
+                    <el-row :gutter="20">
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                      <el-form-item label="联系人姓名" :label-width="formLabelWidth"  >
+                        <el-input v-model="dataForm.linkmanName" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="联系人电话" :label-width="formLabelWidth"  >
+                          <el-input v-model="dataForm.linkmanMobile"  />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="联系人邮箱" :label-width="formLabelWidth">
+                          <el-input v-model="dataForm.linkmanEmail"  />
+                        </el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                      <el-form-item label="联系人地址" :label-width="formLabelWidth"  >
+                        <el-input v-model="dataForm.address" />
+                      </el-form-item>
+                    </el-col> 
+                  </el-row>
+                </div>
+              </el-card>  
+              <!-- 其他 -->
+              <el-card shadow="never"  >
+                <!-- <el-card  shadow="hover" > -->
+                <div slot="header" class="clearfix">
+                  <span class="topClass">其他</span>
+                </div>
+                <div>
+                    <el-row :gutter="20">
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                      <el-form-item label="代理商提成比例" :label-width="formLabelWidth"  >
+                        <el-input v-model="dataForm.partnerCommission" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="合作伙伴ID" :label-width="formLabelWidth"  >
+                          <el-input v-model="dataForm.partnerId"  />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                        <el-form-item label="价格校验" :label-width="formLabelWidth">
+                          <el-input v-model="dataForm.priceCheck"  />
+                        </el-form-item>
+                    </el-col>
+                  </el-row>
+                    <el-row :gutter="20">
+                    <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
+                      <el-form-item label="是否有效" :label-width="formLabelWidth"  >
+                       <el-select size="small"  v-model="dataForm.status">
+                        <el-option
+                        v-for="item in status"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                        />
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+      
+                </div>
+              </el-card>  
+          </el-form>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="dialogFormVisible = false">取 消</el-button>
+            <el-button type="primary" @click="submitForm">确 定</el-button>
+          </div>
+        </el-dialog>
+
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination
+        current-page.sync="body.current"
+        :current-page="body.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="body.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+
+  </div>
+</template>
+
+<script>
+import api from '@/api/userList'
+export default {
+  data() {
+    return {
+      body: {
+        customerName:"",
+        size: 10,
+        current: 1
+      },
+      status:[{
+        id:1,
+        name:"有效"
+      },{
+        id:2,
+        name:"无效"
+      },{
+        id:3,
+        name:"暂停"
+      }],
+      operation: false, // true:新增, false:编辑
+      dialogFormVisible: false, // 控制弹出框
+      formLabelWidth: '120px',   //新增宽度
+      dataForm:{
+          userId:4,
+      },
+      rules2:{
+        shorterName: [{ required: true, message: '请输入客户简称', trigger: 'blur' }],
+        customerName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+      },
+      loading:false,
+      total: 1,
+      tableData: [
+ 
+      ]
+    }
+  },
+  created() {
+    this.getTenantList()
+  },
+  methods: {
+    //新增弹框
+    NewUser() {
+      this.operation = true
+      this.dialogFormVisible = true
+      this.dataForm = {
+          userId:4,
+      }
+    },
+    //编辑弹框
+    ModifyEdit(row) {
+      this.operation = false
+      this.dialogFormVisible = true
+      this.dataForm = row
+    },
+    ModifyDelete(row,e) {
+       let target=e.target;
+      if(target.nodeName == 'SPAN' || target.nodeName == 'I'){
+            target = e.target.parentNode;
+      }
+     target.blur();
+      console.log('ModifyDelete')
+    },
+    //数据
+    getTenantList(){
+      this.loading = true
+      api.Search(this.body).then((res) => {
+        this.loading =false
+        this.tableData = res.data.data.records
+        this.total = res.data.data.total
+      })
+    },
+    //新增或修改API
+    submitForm(){
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            if (!this.operation) {
+              console.log(this.dataForm)
+              // 编辑
+              // api.channelEdit(this.dataForm).then(response => {
+              //   if (response.status === 200) {
+              //     this.$message({
+              //       type: 'success',
+              //       message: '操作成功'
+              //     })
+              //     this.dialogFormVisible = false
+              //     this.getTenantList()
+              //   } else {
+              //     this.$message({
+              //       type: 'error',
+              //       message: response.data.msg
+              //     })
+              //   }
+              // })
+            } else {
+              console.log(this.dataForm)
+            //   // 添加
+              api.userAdd(this.dataForm).then(response => {
+                if (response.status === 200) {
+                  this.$message({
+                    type: 'success',
+                    message: '操作成功'
+                  })
+                  this.dialogFormVisible = false
+                  this.reLoad()
+                } else {
+                  this.$message({
+                    type: 'error',
+                    message: response.data.msg
+                  })
+                }
+              })
+            }
+          }
+        })
+    },
+    //搜索
+    reLoad() {
+      this.body.current = 1
+      this.getTenantList()
+    },
+    //页码
+    handleSizeChange(val) {
+      this.body.size = val
+      this.getTenantList()
+    },
+    //换页
+    handleCurrentChange(val) {
+      this.body.current = val
+      this.getTenantList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+    .el-card {
+      border: 0px solid #fff;
+    }
+</style>