From 22d4441a8c669185c13d2b6856c51ad550c50ae2 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期五, 14 七月 2023 18:26:47 +0800
Subject: [PATCH] 编辑下拉框&网络请求封装优化
---
src/views/service/serviceFeeManage/index.vue | 104 ++++++++++++++++++++++++++++++---------------------
1 files changed, 61 insertions(+), 43 deletions(-)
diff --git a/src/views/service/serviceFeeManage/index.vue b/src/views/service/serviceFeeManage/index.vue
index b88dfa3..62cce90 100644
--- a/src/views/service/serviceFeeManage/index.vue
+++ b/src/views/service/serviceFeeManage/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="sales-lead">
+ <div class="service-fee-manage">
<SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" />
<div class="btn-pager">
<PublicFunctionBtnView
@@ -21,27 +21,19 @@
</el-table-column>
</template>
</TableCommonView>
- <!-- 鏂板缓/缂栬緫閿�鍞嚎绱� -->
- <AddSalesLeadDialog v-if="editSalesLeadConfig.visible" :edit-sales-lead-config="editSalesLeadConfig" />
+ <!-- 鏂板缓/缂栬緫鏈嶅姟鏀惰垂绠＄悊 -->
+ <AddServiceFeeManageDialog v-if="editConfig.visible" :edit-common-config="editConfig" />
</div>
</template>
<script>
-import SearchCommonView from "@/components/makepager/SearchCommonView"
-import PublicFunctionBtnView from "@/components/makepager/PublicFunctionBtnView"
-import PagerView from "@/components/makepager/PagerView"
-import TableCommonView from "@/components/makepager/TableCommonView"
-import AddSalesLeadDialog from "@/views/custom/salesLead/AddSalesLeadDialog"
+import AddServiceFeeManageDialog from "@/views/service/serviceFeeManage/AddServiceFeeManageDialog"
export default {
- name: "SalesLead",
+ name: "ServiceFeeManage",
props: {},
components: {
- SearchCommonView,
- PublicFunctionBtnView,
- PagerView,
- TableCommonView,
- AddSalesLeadDialog
+ AddServiceFeeManageDialog
},
computed: {
searchCommonHeight() {
@@ -53,9 +45,12 @@
tableList: {},
queryClassOptions: [
{ value: "1", label: "鍏ㄩ儴" },
- { value: "2", label: "骞垮憡瀹ｄ紶" },
- { value: "3", label: "璺熻繘涓�" },
- { value: "4", label: "澶辫触鍏抽棴" }
+ { value: "2", label: "杩囨湡鏈弧60澶�" },
+ { value: "3", label: "杩囨湡鏈弧30澶�" },
+ { value: "4", label: "鍗冲皢鍒版湡60澶�" },
+ { value: "5", label: "鍗冲皢鍒版湡30澶�" },
+ { value: "6", label: "宸茶繃鏈�" },
+ { value: "7", label: "鏃犳湇鍔�" }
],
searchOptions: [],
operatesList: [
@@ -66,9 +61,9 @@
{ id: "5", name: "鏇存敼鍒涘缓浜�" },
{ id: "6", name: "鏍戠粨鏋勮缃�" },
{ id: "7", name: "瀹℃壒璁剧疆" },
- { id: "8", name: "鍏捣鍙傛暟璁剧疆" }
+ { id: "8", name: "鎭㈠棰勮鍒楀" }
],
- editSalesLeadConfig: {
+ editConfig: {
visible: false,
title: "鏂板缓",
infomation: {}
@@ -93,12 +88,13 @@
customStatus: "娼滃湪瀹㈡埛",
productName: "鑷姩鎵撳嵃鏈�",
startDate: "2023-06-27",
- endDate: "2024-07-15"
+ endDate: "2024-07-15",
+ status: "blue"
}
],
tableColumn: [
{ label: "瀹㈡埛鍚嶇О", prop: "customName", min: 120 }, // 瀹㈡埛鍚嶇О
- { label: "瀹㈡埛绫诲瀷", prop: "customType", min: 90 }, // 瀹㈡埛绫诲瀷
+ { label: "瀹㈡埛绫诲瀷", prop: "customType", min: 90, status: true }, // 瀹㈡埛绫诲瀷
{ label: "閿�鍞礋璐ｄ汉", prop: "salesHead" }, // 閿�鍞礋璐ｄ汉
{ label: "淇敼鏃堕棿", prop: "modifyTime", min: 100 }, // 淇敼鏃堕棿
{ label: "瀹㈡埛瑙勬ā", prop: "customerSize" }, // 瀹㈡埛瑙勬ā
@@ -118,47 +114,69 @@
},
// 鏂板缓
addBtnClick() {
- this.editSalesLeadConfig.visible = true
- this.editSalesLeadConfig.title = "鏂板缓"
- this.editSalesLeadConfig.infomation = {
+ this.editConfig.visible = true
+ this.editConfig.title = "鏂板缓"
+ this.editConfig.infomation = {
customName: "",
- saleLeadNumber: "LEA50",
+ serviceCharger: "",
+ customNumber: "",
+ customerSize: "",
+ customStatus: "",
+ importantLevel: "",
+ customType: "",
+ customSource: "",
+ serviceAgent: "",
+ latestServiceDate: "",
contactName: "",
- contactDuties: "",
+ duties: "",
phoneNumber: "",
- businessStatus: "鏂板缓",
- businessSource: "1",
- owner: "",
+ contactsEmail: "",
+ operateRange: "",
position: "",
map: "",
country: "1",
province: "1",
city: "1",
region: "1",
- address: ""
+ address: "",
+ industry: "",
+ companyNature: "",
+ companyWeb: "",
+ notes: ""
}
},
// 缂栬緫
handleClick(row) {
console.log(row)
- this.editSalesLeadConfig.visible = true
- this.editSalesLeadConfig.title = "缂栬緫"
- this.editSalesLeadConfig.infomation = {
- customName: row.customName,
- saleLeadNumber: row.saleLeadNumber,
- contactName: row.contactName,
- contactDuties: row.contactDuties,
- phoneNumber: row.phoneNumber,
- businessStatus: "鏂板缓",
- businessSource: row.businessSource,
- owner: row.owner,
+ this.editConfig.visible = true
+ this.editConfig.title = "缂栬緫"
+ this.editConfig.infomation = {
+ customName: "",
+ serviceCharger: "",
+ customNumber: "",
+ customerSize: "",
+ customStatus: "",
+ importantLevel: "",
+ customType: "",
+ customSource: "",
+ serviceAgent: "",
+ latestServiceDate: "",
+ contactName: "",
+ duties: "",
+ phoneNumber: "",
+ contactsEmail: "",
+ operateRange: "",
position: "",
map: "",
country: "1",
province: "1",
city: "1",
region: "1",
- address: ""
+ address: "",
+ industry: "",
+ companyNature: "",
+ companyWeb: "",
+ notes: ""
}
}
}
@@ -167,7 +185,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
-.sales-lead {
+.service-fee-manage {
.btn-pager {
display: flex;
.page {
--
Gitblit v1.8.0