| | |
| | | |
| | | <script> |
| | | import AddServiceContractDialog from "@/views/service/serviceContract/AddServiceContractDialog" |
| | | import { getServiceContractList } from "@/api/serviceManage/serviceContract" |
| | | |
| | | export default { |
| | | name: "ServiceContract", |
| | |
| | | }, |
| | | created() { |
| | | this.setTable() |
| | | this.getData() |
| | | }, |
| | | methods: { |
| | | setTable() { |
| | | this.tableList = { |
| | | tableInfomation: [ |
| | | { |
| | | serviceContractNumber: "FWHT20230703123", |
| | | customName: "上海铃铛信息科技有限公司", |
| | | signDate: "2023-06-26", |
| | | contractType: "按年", |
| | | contractStatus: "已创建", |
| | | owner: "Boss", |
| | | productName: "软件", |
| | | startDate: "2023-06-26", |
| | | endDate: "2024-06-25", |
| | | priceTax: "¥5,000.00" |
| | | } |
| | | ], |
| | | tableInfomation: [], |
| | | tableColumn: [ |
| | | { label: "服务合同编号", prop: "serviceContractNumber", min: 100 }, // 服务合同编号 |
| | | { label: "客户名称", prop: "customName", min: 120 }, // 客户名称 |
| | | { label: "签约日期", prop: "signDate" }, // 签约日期 |
| | | { label: "合同类型", prop: "contractType" }, // 合同类型 |
| | | { label: "合同状态", prop: "contractStatus" }, // 合同状态 |
| | | { label: "负责人", prop: "owner" }, // 负责人 |
| | | { label: "服务合同编号", prop: "number", min: 100 }, // 服务合同编号 |
| | | { label: "客户名称", prop: "clientId", min: 120 }, // 客户名称 |
| | | { label: "签约日期", prop: "signTime" }, // 签约日期 |
| | | { label: "合同类型", prop: "typeId" }, // 合同类型 |
| | | { label: "合同状态", prop: "statusId" }, // 合同状态 |
| | | { label: "负责人", prop: "memberId" }, // 负责人 |
| | | { label: "产品名称", prop: "productName" }, // 产品名称 |
| | | { label: "服务开始日", prop: "startDate" }, // 服务开始日 |
| | | { label: "服务到期日", prop: "endDate" }, // 服务到期日 |
| | | { label: "服务开始日", prop: "startTime" }, // 服务开始日 |
| | | { label: "服务到期日", prop: "endTime" }, // 服务到期日 |
| | | { label: "价税合计", prop: "priceTax" } // 价税合计 |
| | | ] |
| | | } |
| | |
| | | this.searchOptions.push({ value: (i + 1).toString(), label: label }) |
| | | } |
| | | }, |
| | | // 请求数据 |
| | | async getData() { |
| | | this.loading = true |
| | | await getServiceContractList() |
| | | .then((res) => { |
| | | console.log(res) |
| | | if (res.code === 200) { |
| | | if (res.data.list && res.data.list.length > 0) { |
| | | const list = res.data.list.map((item) => { |
| | | return { |
| | | ...item |
| | | } |
| | | }) |
| | | this.tableList.tableInfomation = list || [] |
| | | } else { |
| | | this.tableList.tableInfomation = [] |
| | | } |
| | | } else { |
| | | this.tableList.tableInfomation = [] |
| | | } |
| | | this.loading = false |
| | | }) |
| | | .catch((err) => { |
| | | console.log(err) |
| | | this.tableList.tableInfomation = [] |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | // 新建 |
| | | addBtnClick() { |
| | | this.editConfig.visible = true |