暂存

src/SDrpManagement/salerPrivatecustomer/detail/modules/bankCard/index.vue

@@ -1,10 +1,95 @@
 <template>
+<!--  <div>
 
+    <div class="flex-align-center normal-margin">
+      <add class="inline-16" :data="data" @insertSuccess="onSuccess" v-if="tool.checkAuth($route.name,'customerAddressManage') && data.disabled"></add>
+      <el-input
+          style="width:300px"
+          placeholder="请输入内容"
+          v-model="search"
+          clearable
+          @clear="clearData()"
+          size="small"
+          @keyup.enter.native="queryClick()">
+        <i slot="prefix" class="el-icon-search" @click="queryClick()"></i>
+      </el-input>
+    </div>
+    <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true"  :height="tableHieght" fixedName="operation">
+      <template v-slot:customcol="scope">
+        <div v-if="scope.column.columnname === 'province'">
+          <p>{{ scope.column.data.province + scope.column.data.city + scope.column.data.county}}</p>
+        </div>
+        <div v-else-if="scope.column.columnname === 'isdefault'">
+          <p>{{ scope.column.data.isdefault === 0?'否':'是'}}</p>
+        </div>
+        <div v-else-if="scope.column.columnname === 'type'">
+          <div v-for="item in  scope.column.data.tag" :key="item.index"  style="float: left;margin-left: 5px">
+            <el-tag color="#FAAB16" size="mini" type="warning" effect="dark">
+              <span>{{item}}</span>
+            </el-tag>
+          </div>
+        </div>
+        <p v-else>{{scope.column.data[scope.column.columnname]}}</p>
+      </template>
+      <template v-slot:opreation="scope">
+        <edit  :data="scope.data" @updateSuccess="onSuccess" :disable="data.disabled"></edit>
+        <toVoid  :data="scope.data" @toVoidSuccess="onSuccess" :disable="data.disabled"></toVoid>
+      </template>
+    </tableLayout>
+    <div style="margin-top:16px;text-align:right">
+      <el-pagination
+          background
+          small
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-size="params.content.pageSize"
+          layout="total, prev, pager, next, jumper"
+          :total="total">
+      </el-pagination>
+    </div>
+  </div>-->
 </template>
 
 <script>
 export default {
-  name: "index"
+  name: "index",
+  props:["data"],
+  data(){
+    return {
+      tableHieght:"600px",
+      tablecols:[],
+      list:[],
+      total:0,
+      currentPage:0,
+      params:{
+        "id": 20221022165803,
+        "content": {
+          "sys_enterpriseid":"1",//不传，查当前账号
+          "condition":""
+        }
+      }
+    }
+  },
+  methods:{
+    async listData(){
+      this.params.content.sys_enterpriseid = this.data.sys_enterpriseid
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.total = res.total
+      this.currentPage = res.pageNumber
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+  }
 }
 </script>