diff --git a/src/views/customer/AddCustomer.vue b/src/views/customer/AddCustomer.vue index fc7173f..8f9bea9 100644 --- a/src/views/customer/AddCustomer.vue +++ b/src/views/customer/AddCustomer.vue @@ -12,254 +12,219 @@ - - - - 基本信息 - - - - - - - - - - - - - - - - - - - - - - - - - + + {{ item }} + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + - - - - 课程权限 - - - - - - - - - - {{scope.row.periodOfUse}} - 日 - 月 - 年 - - - - - {{scope.row.startTime}}~{{scope.row.endTime}} - - - - - {{scope.row.remainingPeriod}} 天 - - - - - 配置 - - - - - - 未发货 - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - 数据平台权限 + + + + + 产品类型 + + + + + + 订阅状态 + + + + + + + + + + 导出列表 + - - - - - - - - {{scope.row.periodOfUse}} - 日 - 月 - 年 - - - - - {{scope.row.startTime}} - {{scope.row.endTime}} - - - - - {{scope.row.remainingPeriod}} 天 - - - - - {{scope.row.accountNum}} 个 - - - - - 配置 - - - - - - 未发货 - - - - - + + + + + + + + + {{scope.row.startTime}}~{{scope.row.endTime}} + + + + + {{scope.row.remainingPeriod}} 天 + + + + + + + 未发货 + + + + - - - - 合同信息 + + + + + 订单类型 + + + + + + 订单状态 + + + + + + + + + + + - - - - - - - - - - - {{scope.row.startTime?scope.row.startTime.split(' ').shift():''}} - {{scope.row.endTime?scope.row.endTime.split(' ').shift():''}} - - - - - - - {{scope.row.contractMoney}} 元 - - - - - 查看 - - - - - + + + + + + + + + + + + + 订单详情 + + + + - - - - - 客户列表 + + + + + - + - + + + - + - - - 内网: - - - - 外网: - - - + {{scope.row.startTime?scope.row.startTime.split(' ').shift():''}} - {{scope.row.endTime?scope.row.endTime.split(' ').shift():''}} - + + + - - - 内网: - - - - 外网: - - - + {{scope.row.contractMoney}} 元 - + - + 查看 + 下载 - - 取 消 - 确 定 - - + + + + + + + + + + + + + + + + + + + + 查看 + + + + + @@ -276,6 +241,14 @@ export default { return { customerId : this.$route.query.id, isDetail : Boolean(this.$route.query.show), + curTab: 'tab1', + tabs: { + tab1: '基本信息', + tab2: '已订阅产品', + tab3: '订单记录', + tab4: '合同信息', + tab5: '商务经理', + }, customerData: [], showFile:false, pdfVisible:false, @@ -360,6 +333,59 @@ export default { name: '到期', value: 3 }], + // 产品类型 + productTypeList: [ + { + id: '', + name: '全部' + }, + { + id: 1, + name: '实训课程产品' + }, + { + id: 2, + name: '理论课程产品' + }, + { + id: 3, + name: '数据产品' + } + ], + // 订阅状态 + subStatusList: [ + { + id: '', + name: '全部' + }, + { + id: 1, + name: '生效中' + }, + { + id: 2, + name: '已过期' + }, + { + id: 3, + name: '待生效' + } + ], + // 订单状态 + orderStatusList: [ + { + id: '', + name: '全部' + }, + { + id: 1, + name: '已完成' + }, + { + id: 2, + name: '待发货' + } + ], countryList: [{ name:'中国' }], @@ -371,27 +397,7 @@ export default { contractInformations: [], coursePermissionss: [], dataPermissionss: [], - ipVisible: false, - IPData: [{ - id: 1, - age: '小额贷系统', - storeName: '1个月', - total: '2019.01.02 11:00', - payamount: '2019.01.02 11:00', - swtich: true, - Intranet: '10.20.202.1', - extranet: '10.20.202.1' - }, - { - id: 2, - age: '小额贷系统', - storeName: '1个月', - total: '2019.01.02 11:00', - payamount: '2019.01.02 11:00', - swtich: true, - Intranet: '', - extranet: '' - }], + multipleSelection: [], NoAdd: true, phoneRepeat: false, emailRepeat: false, @@ -433,6 +439,9 @@ export default { } }, methods: { + tabChange(index) { + this.curTab = index + }, // 获取城市 getCityData(){ let data = { @@ -627,11 +636,8 @@ export default { } }) }, - configure(){ - this.ipVisible = true - }, - IPSure(){ - this.ipVisible = false + handleSelectionChange(val) { + this.multipleSelection = val }, showContract(row){ if(!row.contractFile) return this.$message.warning('文件链接无效') @@ -656,6 +662,9 @@ export default {