From 579e9fcb25e0bad795d8beb330c816f4babd1236 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 05 七月 2023 16:22:16 +0800
Subject: [PATCH] 服务管理模块和销售管理模块创建和路由配置
---
src/views/sales/salesOpportunity/index.vue | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 173 insertions(+), 0 deletions(-)
diff --git a/src/views/sales/salesOpportunity/index.vue b/src/views/sales/salesOpportunity/index.vue
new file mode 100644
index 0000000..794f88f
--- /dev/null
+++ b/src/views/sales/salesOpportunity/index.vue
@@ -0,0 +1,173 @@
+<template>
+ <div class="sales-opportunity">
+ <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" />
+ <div class="btn-pager">
+ <PublicFunctionBtnView
+ :duplicate-check="true"
+ :list-button="true"
+ :map-button="true"
+ :statistics="true"
+ :operates-list="operatesList"
+ />
+ <PagerView class="page" />
+ </div>
+ <TableCommonView ref="tableListRef" :table-list="tableList">
+ <template slot="tableButton">
+ <el-table-column label="鎿嶄綔" width="100">
+ <template slot-scope="scope">
+ <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button>
+ <el-button type="text" size="small">璺熻繘</el-button>
+ </template>
+ </el-table-column>
+ </template>
+ </TableCommonView>
+ <!-- 鏂板缓/缂栬緫 -->
+ <AddSalesLeadDialog v-if="editSalesLeadConfig.visible" :edit-sales-lead-config="editSalesLeadConfig" />
+ </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"
+
+export default {
+ name: "SalesOpportunity",
+ props: {},
+ components: {
+ SearchCommonView,
+ PublicFunctionBtnView,
+ PagerView,
+ TableCommonView,
+ AddSalesLeadDialog
+ },
+ computed: {
+ searchCommonHeight() {
+ return this.$refs.searchCommonView.offsetHeight
+ }
+ },
+ data() {
+ return {
+ tableList: {},
+ queryClassOptions: [{ value: "1", label: "鍏ㄩ儴" }],
+ searchOptions: [],
+ operatesList: [
+ { id: "1", name: "鍏变韩" },
+ { id: "2", name: "鎵归噺缂栬緫" },
+ { id: "3", name: "瀵煎嚭" },
+ { id: "4", name: "涓嬭浇鍏ㄩ儴闄勪欢" },
+ { id: "5", name: "鏇存敼鍒涘缓浜�" },
+ { id: "6", name: "鏍戠粨鏋勮缃�" },
+ { id: "7", name: "瀹℃壒璁剧疆" },
+ { id: "8", name: "鎭㈠京" }
+ ],
+ editSalesLeadConfig: {
+ visible: false,
+ title: "鏂板缓",
+ infomation: {}
+ }
+ }
+ },
+ created() {
+ this.setTable()
+ },
+ methods: {
+ setTable() {
+ this.tableList = {
+ tableInfomation: [
+ {
+ customName: "123123",
+ customType: "鏅�氬鎴�",
+ salesHead: "绯荤粺绠＄悊鍛�",
+ modifyTime: "2023-0703 11:22:12",
+ customerSize: "499浠ヤ笂",
+ importantLevel: "A绫诲鎴�",
+ customNumber: "AC651",
+ customStatus: "娼滃湪瀹㈡埛",
+ productName: "鑷姩鎵撳嵃鏈�",
+ startDate: "2023-06-27",
+ endDate: "2024-07-15"
+ }
+ ],
+ tableColumn: [
+ { label: "瀹㈡埛鍚嶇О", prop: "customName", min: 120 }, // 瀹㈡埛鍚嶇О
+ { label: "瀹㈡埛绫诲瀷", prop: "customType", min: 90 }, // 瀹㈡埛绫诲瀷
+ { label: "閿�鍞礋璐ｄ汉", prop: "salesHead" }, // 閿�鍞礋璐ｄ汉
+ { label: "淇敼鏃堕棿", prop: "modifyTime", min: 100 }, // 淇敼鏃堕棿
+ { label: "瀹㈡埛瑙勬ā", prop: "customerSize" }, // 瀹㈡埛瑙勬ā
+ { label: "閲嶈绾у埆", prop: "importantLevel" }, // 閲嶈绾у埆
+ { label: "瀹㈡埛缂栧彿", prop: "customNumber" }, // 瀹㈡埛缂栧彿
+ { label: "瀹㈡埛鐘舵��", prop: "customStatus" }, // 瀹㈡埛鐘舵��
+ { label: "浜у搧鍚嶇О", prop: "productName" }, // 浜у搧鍚嶇О
+ { label: "鏈嶅姟寮�濮嬫棩鏈�", prop: "startDate" }, // 鏈嶅姟寮�濮嬫棩鏈�
+ { label: "鏈嶅姟鍒版湡鏃�", prop: "endDate" } // 鏈嶅姟鍒版湡鏃�
+ ]
+ }
+ this.searchOptions = []
+ for (let i = 0; i < this.tableList.tableColumn.length; i++) {
+ const label = this.tableList.tableColumn[i].label
+ this.searchOptions.push({ value: (i + 1).toString(), label: label })
+ }
+ },
+ // 鏂板缓
+ addBtnClick() {
+ this.editSalesLeadConfig.visible = true
+ this.editSalesLeadConfig.title = "鏂板缓"
+ this.editSalesLeadConfig.infomation = {
+ customName: "",
+ saleLeadNumber: "LEA50",
+ contactName: "",
+ contactDuties: "",
+ phoneNumber: "",
+ businessStatus: "鏂板缓",
+ businessSource: "1",
+ owner: "",
+ position: "",
+ map: "",
+ country: "1",
+ province: "1",
+ city: "1",
+ region: "1",
+ address: ""
+ }
+ },
+ // 缂栬緫
+ 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,
+ position: "",
+ map: "",
+ country: "1",
+ province: "1",
+ city: "1",
+ region: "1",
+ address: ""
+ }
+ }
+ }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+.sales-opportunity {
+ .btn-pager {
+ display: flex;
+ .page {
+ margin-left: auto;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0