|
|
@@ -1,7 +1,34 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-dialog title="收货地址" :visible.sync="dialogTableVisible">
|
|
|
-
|
|
|
+ <el-dialog title="同步跟进内容" :visible.sync="dialogTableVisible" append-to-body width="70%">
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;justify-content: space-between;padding: 16px">
|
|
|
+ <div>
|
|
|
+ <span >总计:{{total}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 0px 16px 16px 16px">
|
|
|
+ <table-new-layout :layout="tablecols" :checkbox="false" :data="list" :opwidth="200" height="calc(100vh - 550px)" :width="true" :custom="true" fixedName="operation">
|
|
|
+ <template v-slot:customcol="scope">
|
|
|
+ <p>{{scope.column.data[scope.column.columnname]?scope.column.data[scope.column.columnname]:scope.column.columnname == 'operation'?'':'--'}}</p>
|
|
|
+ </template>
|
|
|
+ <template v-slot:opreation="scope">
|
|
|
+ <el-button type="text" @click="onSelect(scope.data)">选择</el-button>
|
|
|
+ </template>
|
|
|
+ </table-new-layout>
|
|
|
+ <div class="container normal-panel" style="text-align:right;padding-bottom: 0">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[20, 50, 100, 200]"
|
|
|
+ :page-size="20"
|
|
|
+ layout="total,sizes, prev, pager, next, jumper"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -9,14 +36,53 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
name: "followData",
|
|
|
+ props:['param'],
|
|
|
data(){
|
|
|
return {
|
|
|
- dialogTableVisible:false
|
|
|
+ dialogTableVisible:false,
|
|
|
+ tablecols:[],
|
|
|
+ list:[],
|
|
|
+ total:0,
|
|
|
+ currentPage:0,
|
|
|
}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ async listData(){
|
|
|
+ const res = await this.$api.requested(this.param)
|
|
|
+ console.log(res.data,'跟进内容')
|
|
|
+ this.list = res.data
|
|
|
+ this.total = res.total
|
|
|
+ this.currentPage = res.pageNumber
|
|
|
+ },
|
|
|
+ onSelect(data){
|
|
|
+ console.log(data)
|
|
|
+ this.$emit('follow',data.content)
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.param.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.param.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.tablecols = this.tool.tabelCol(this.$route.name).followTable.tablecols
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+/deep/ .el-dialog__body {
|
|
|
+ padding: 0px !important;
|
|
|
+}
|
|
|
+/deep/ .el-divider--horizontal {
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
</style>
|