| | |
| | | <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 |
| | |
| | | </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> |
| | | |
| | |
| | | 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() { |
| | |
| | | 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: [ |
| | |
| | | { id: "5", name: "更改创建人" }, |
| | | { id: "6", name: "树结构设置" }, |
| | | { id: "7", name: "审批设置" }, |
| | | { id: "8", name: "公海参数设置" } |
| | | { id: "8", name: "恢复预设列宽" } |
| | | ], |
| | | editSalesLeadConfig: { |
| | | editConfig: { |
| | | visible: false, |
| | | title: "新建", |
| | | infomation: {} |
| | |
| | | }, |
| | | // 新建 |
| | | 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: "" |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style lang="scss" scoped> |
| | | .sales-lead { |
| | | .service-fee-manage { |
| | | .btn-pager { |
| | | display: flex; |
| | | .page { |