| | |
| | | > |
| | | <template slot="leftButton"> |
| | | <el-button size="small" type="primary" @click="addBtnClick">新建</el-button> |
| | | <el-button size="small" @click="delClick">删除</el-button> |
| | | <!-- <el-button size="small" @click="delClick">删除</el-button> --> |
| | | </template> |
| | | </CommonSearch> |
| | | </div> |
| | |
| | | @selClientClick="selClientClick" |
| | | @selContactsClick="selContactsClick" |
| | | @getSelectArray="getSelectArray" |
| | | @selTableCol="selTableCol" |
| | | > |
| | | <template slot="tableButton"> |
| | | <el-table-column label="操作" width="150"> |
| | | <el-table-column label="操作" width="180"> |
| | | <template slot-scope="scope"> |
| | | <el-button v-if="activeName === 'first'" type="text" size="small" @click="allocationBtnClick(scope.row)" |
| | | >分配</el-button |
| | |
| | | <el-button v-else type="text" size="small" @click="changeHighSeasClick(scope.row)">变更公海</el-button> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button> |
| | | <el-button @click="followupClick(scope.row)" type="text" size="small">跟进</el-button> |
| | | <!-- <el-button @click="delClick(scope.row.id)" type="text" size="small">删除</el-button> --> |
| | | <el-button @click="delClick(scope.row.id)" type="text" size="small">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </template> |
| | |
| | | visible: false, |
| | | infomation: {} |
| | | }, |
| | | not_admin: 2 |
| | | not_admin: 2, |
| | | tableColumn:[ |
| | | { label: "客户名称", prop: "name", min: 100, isClientClick: true, default:true}, // 客户名称 |
| | | { label: "销售负责人", prop: "member_name" }, // 销售负责人 |
| | | { label: "重要级别", prop: "client_level" }, // 重要级别 |
| | | { label: "下次回访日期", prop: "next_visit_time", min: 90 }, // 下次回访日期 |
| | | { label: "详细地址", prop: "detail_address", min: 200 }, // 详细地址 |
| | | { label: "客户状态", prop: "client_status" }, // 客户状态 |
| | | { label: "联系人姓名", prop: "contact_name", isContactClick: true }, // 联系人姓名 |
| | | { label: "联系人手机号码", prop: "contact_phone" } // 手机号码 |
| | | ], |
| | | showCol:['客户名称','销售负责人','重要级别','下次回访日期','详细地址','客户状态','联系人姓名','联系人手机号码'] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods: { |
| | | setTable() { |
| | | this.tableList = { |
| | | selectIndex: true, |
| | | tableInfomation: [], |
| | | tableColumn: [ |
| | | { label: "客户名称", prop: "name", min: 100, isClientClick: true }, // 客户名称 |
| | | { label: "销售负责人", prop: "member_name" }, // 销售负责人 |
| | | { label: "重要级别", prop: "client_level" }, // 重要级别 |
| | | { label: "下次回访日期", prop: "next_visit_time", min: 90 }, // 下次回访日期 |
| | | { label: "详细地址", prop: "detail_address", min: 200 }, // 详细地址 |
| | | { label: "客户状态", prop: "client_status" }, // 客户状态 |
| | | { label: "联系人姓名", prop: "contact_name", isContactClick: true }, // 联系人姓名 |
| | | { label: "联系人手机号码", prop: "contact_phone" } // 手机号码 |
| | | ] |
| | | allcol: [], |
| | | showcol: this.showCol, |
| | | tableColumn:this.setColumnVisible(this.showCol) |
| | | } |
| | | this.tableList.allcol = this.tableList.tableColumn.filter(ele=>!ele.default).map(ele=>ele.label); |
| | | this.searchOptions = [] |
| | | for (let i = 0; i < this.tableList.tableColumn.length; i++) { |
| | | const label = this.tableList.tableColumn[i].label |
| | | const value = this.tableList.tableColumn[i].prop |
| | | this.searchOptions.push({ value: value, label: label }) |
| | | } |
| | | }, |
| | | setColumnVisible(showCol){ |
| | | return this.tableColumn.map(ele=>{ |
| | | return { |
| | | ...ele, |
| | | isShowColumn:showCol.includes(ele.label) |
| | | } |
| | | }) |
| | | }, |
| | | selTableCol(val) { |
| | | this.showcol = val; |
| | | this.tableList.tableColumn = this.setColumnVisible(val); |
| | | }, |
| | | // 请求数据 |
| | | async getData() { |
| | |
| | | }, |
| | | // 新建 |
| | | addBtnClick() { |
| | | this.editConfig.visible = true |
| | | this.editConfig.title = "新建" |
| | | this.editConfig.infomation = { |
| | | city_id: 0, |
| | |
| | | enterprise_scale_id: 1, |
| | | industry_id: 1 |
| | | } |
| | | this.editConfig.visible = true |
| | | }, |
| | | // 编辑 |
| | | handleClick(row) { |
| | | console.log(row) |
| | | this.editConfig.visible = true |
| | | this.editConfig.title = "编辑" |
| | | this.editConfig.infomation = { |
| | | ...row |
| | | } |
| | | this.editConfig.visible = true |
| | | }, |
| | | // 删除 |
| | | delClick() { |
| | | if (this.selValueList && this.selValueList.length > 0) { |
| | | delClick(id) { |
| | | if(!id){ |
| | | if (this.selValueList && this.selValueList.length == 0) { |
| | | this.$message.warning("请至少选择一条记录") |
| | | return true; |
| | | } |
| | | } |
| | | this.$confirm("是否确认删除?", "警告", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | getDeleteClient({ ids: this.selValueList }).then((response) => { |
| | | let params={ids: this.selValueList } |
| | | if(id){ |
| | | params={ids: [id]} |
| | | } |
| | | getDeleteClient(params).then((response) => { |
| | | if (response.code === 200) { |
| | | this.$message.success("删除成功") |
| | | this.getData() |
| | |
| | | }) |
| | | }) |
| | | .catch(() => {}) |
| | | } else { |
| | | this.$message.warning("请至少选择一条记录") |
| | | } |
| | | }, |
| | | getSelectArray(val) { |
| | | console.log(val) |
| | |
| | | // 跟进 |
| | | followupClick(row) { |
| | | console.log(row) |
| | | this.editFollowupConfig.visible = true |
| | | this.editFollowupConfig.title = "新建" |
| | | this.editFollowupConfig.infomation = { |
| | | ...row, |
| | | client_name: row.name, |
| | | number: "", |
| | | codeStandID:'', |
| | | next_follow_time: row.next_visit_time |
| | | } |
| | | this.editFollowupConfig.visible = true |
| | | }, |
| | | // 分配 |
| | | allocationBtnClick(row) { |
| | |
| | | border-radius: 12px; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .supplier-search { |
| | | display: flex; |
| | | align-items: center; |
| | | .add-view { |
| | | margin-left: auto; |
| | | margin-right: 20px; |
| | | } |
| | | } |
| | | .list-view { |
| | | height: calc(100% - 60px); |