| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="business_scope"> |
| | | <div class="content-title">{{ "经营范围:" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.business_scope }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 地址信息 --> |
| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="business_scope"> |
| | | <div class="content-title">{{ "地址信息" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.detail_address }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 备注信息 --> |
| | |
| | | <div v-if="activeName === 'detail'" class="second"> |
| | | <SalesDetails :isDetail="true" :add-config="addConfig" /> |
| | | </div> |
| | | <div v-if="activeName === 'receipt'" class="second"> |
| | | <Receipt :isDetail="true" :add-config="addConfig" :source-type="1" /> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | | </div> |
| | |
| | | import MasterOrder from "@/views/sales/masterOrder" |
| | | import SubOrder from "@/views/sales/subOrder" |
| | | import SalesDetails from "@/views/sales/salesDetails" |
| | | import Receipt from "@/views/other/payment/receipt" |
| | | export default { |
| | | name: "DetailClientManage", |
| | | props: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails }, |
| | | components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails, Receipt }, |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | |
| | | { |
| | | leftStr: "所属公海", |
| | | leftValue: "", |
| | | rightStr: "服务代表", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "签到", |
| | | leftValue: "", |
| | | rightStr: "下次回访日期", |
| | | rightValue: this.processTime(item.next_visit_time) |
| | | }, |
| | | { |
| | | leftStr: "创建时间", |
| | | leftValue: "", |
| | | rightStr: "最晚服务到期日", |
| | | rightValue: this.processTime(item.latest_service_time) |
| | | leftStr: "最晚服务到期日", |
| | | leftValue: this.processTime(item.latest_service_time), |
| | | rightStr: "创建时间", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | |
| | | leftValue: item.EnterpriseNature.name, |
| | | rightStr: "客户规模", |
| | | rightValue: item.EnterpriseScale.name |
| | | }, |
| | | { |
| | | leftStr: "经营范围", |
| | | leftValue: item.business_scope, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.addressInfoList = [ |
| | |
| | | leftValue: item.City.name, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "详细地址", |
| | | leftValue: item.detail_address, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | // { |
| | | // leftStr: "详细地址", |
| | | // leftValue: item.detail_address, |
| | | // rightStr: "", |
| | | // rightValue: "" |
| | | // } |
| | | ] |
| | | }, |
| | | handleClose() { |
| | |
| | | color: #333; |
| | | } |
| | | } |
| | | .remark { |
| | | .remark, |
| | | .all { |
| | | width: 100%; |
| | | } |
| | | } |
| | | .business_scope { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | min-height: 40px; |
| | | .content-title { |
| | | width: 320px; |
| | | text-align: right; |
| | | color: #555; |
| | | } |
| | | .content-data { |
| | | flex: 1; |
| | | padding: 5px; |
| | | text-align: left; |
| | | margin-left: 25px; |
| | | color: #333; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | }, |
| | | { |
| | | leftStr: "首要联系人", |
| | | leftValue: item.is_first, |
| | | leftValue: item.is_first ? "是" : "否", |
| | | rightStr: "微信号", |
| | | rightValue: item.wechat |
| | | }, |
| | |
| | | rightValue: item.email |
| | | }, |
| | | { |
| | | leftStr: "签到", |
| | | leftStr: "下次回访日期", |
| | | leftValue: "", |
| | | rightStr: "下次回访日期", |
| | | rightStr: "最新联系日期", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "最新联系日期", |
| | | leftStr: "未联系天数", |
| | | leftValue: "", |
| | | rightStr: "未联系天数", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | |
| | | { |
| | | leftStr: "关闭原因", |
| | | leftValue: "", |
| | | rightStr: "签到", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | |
| | | <div style="margin-left: 400px"> |
| | | 币种 |
| | | <el-select v-model="editConfig.infomation.currency" placeholder="请选择" size="mini" style="width: 63%"> |
| | | <el-option v-for="item in currencyOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | :product-table-list="productTableList" |
| | | @inputContent="inputContent" |
| | | @addProductClick="addProductClick" |
| | | @emptyProductClick="emptyProductClick" |
| | | @recalculateProductClick="recalculateProductClick" |
| | | /> |
| | | </div> |
| | | <!-- 选择审批流程 --> |
| | |
| | | }, |
| | | memberOptions: [], |
| | | quotationStatusOptions: [{ id: 1, name: "不知道" }], // 报价单状态 |
| | | currencyOptions: [], // 币种 |
| | | currencyOptions: [{ id: 1, name: "人民币" }], // 币种 |
| | | approvalWorkflowOptions: [], // 审批流程 |
| | | productTableList: {}, |
| | | showSummary: { |
| | |
| | | // 设置允许上传文件格式 |
| | | setFormatClick() {}, |
| | | setTableForm() { |
| | | if (this.editConfig.title === "新建") { |
| | | if (this.editConfig.title === "新建" || this.editConfig.infomation.products === null) { |
| | | this.tableData = [ |
| | | { |
| | | id: 1, |
| | |
| | | { label: "产品编号", prop: "Number" }, |
| | | { label: "数量", prop: "Amount", input: true, isRequird: true }, |
| | | { label: "销售单价", prop: "Unit", input: true }, |
| | | { label: "价税合计", prop: "other3", input: true }, |
| | | { label: "价税合计", prop: "total", input: true }, |
| | | { label: "描述", prop: "other8" } |
| | | ] |
| | | } |
| | |
| | | SalePrice: 0, |
| | | Unit: "" |
| | | }) |
| | | } |
| | | }, |
| | | // 产品清空 |
| | | emptyProductClick() { |
| | | this.productId = 1 |
| | | this.tableData = [ |
| | | { |
| | | id: 1, |
| | | Amount: 0, |
| | | IsSale: true, |
| | | MaterialMode: "", |
| | | MinInventory: 0, |
| | | Name: "", |
| | | Number: "", |
| | | PurchaseType: "", |
| | | SalePrice: 0, |
| | | Unit: "" |
| | | } |
| | | ] |
| | | this.productTableList.tableData = this.tableData |
| | | }, |
| | | // 产品重算 |
| | | recalculateProductClick() {} |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注" prop="notes"> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2 }" v-model="editConfig.infomation.notes"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | 产品管理 |
| | | <div style="margin-left: 400px"> |
| | | 币种 |
| | | <el-select |
| | | v-model="editConfig.infomation.currency" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 63%" |
| | | disabled |
| | | > |
| | | <el-option v-for="item in currencyOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | <el-select v-model="editConfig.infomation.currency" placeholder="请选择" size="mini" style="width: 63%"> |
| | | <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | infomation: {} |
| | | }, |
| | | clientId: this.editCommonConfig.infomation.client_id, |
| | | saleChanceId: this.editCommonConfig.infomation.saleChanceId |
| | | saleChanceId: this.editCommonConfig.infomation.saleChanceId, |
| | | productId: 1 |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | <el-input |
| | | type="textarea" |
| | | :autosize="{ minRows: 2 }" |
| | | v-model="editConfig.infomation.advantage" |
| | | v-model="editConfig.infomation.advantages" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | { |
| | | leftStr: "老客户营销", |
| | | leftValue: item.regular_customers_id, |
| | | rightStr: "签到", |
| | | rightStr: "审批状态", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "审批状态", |
| | | leftStr: "竞争对手", |
| | | leftValue: "", |
| | | rightStr: "竞争对手", |
| | | rightStr: "创建人", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | | leftStr: "创建时间", |
| | | leftValue: "", |
| | | rightStr: "创建时间", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | |
| | | { label: "销售机会编号", prop: "number" }, // 销售机会编号 |
| | | { label: "联系人姓名", prop: "contact_name", min: 100, isContactClick: true }, // 联系人姓名 |
| | | { label: "销售阶段", prop: "sale_stage_name" }, // 销售阶段 |
| | | { label: "可能性(%)", prop: "possibilities" }, // 可能性 |
| | | { label: "可能性(%)", prop: "possibility_name" }, // 可能性 |
| | | { label: "预计成交日期", prop: "expected_time", min: 130 }, // 预计成交日期 |
| | | { label: "预计合同金额", prop: "projected_amount" }, // 预计合同金额 |
| | | { label: "预算绝对值", prop: "capital_budget" }, // 预算绝对值 |
| | |
| | | ...item, |
| | | client_name: item.client.name, |
| | | contact_name: item.contact.name, |
| | | sale_stage_name: item.sale_stage.name |
| | | sale_stage_name: item.sale_stage.name, |
| | | member_name: item.member.username, |
| | | possibility_name: item.possibility.name |
| | | } |
| | | }) |
| | | this.tableList.tableInfomation = list || [] |
| | |
| | | 产品管理 |
| | | <div style="margin-left: 400px"> |
| | | 币种 |
| | | <el-select |
| | | v-model="editConfig.infomation.currency" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 63%" |
| | | disabled |
| | | > |
| | | <el-option v-for="item in currencyOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | <el-select v-model="editConfig.infomation.currency" placeholder="请选择" size="mini" style="width: 63%"> |
| | | <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | :product-table-list="productTableList" |
| | | @inputContent="inputContent" |
| | | @addProductClick="addProductClick" |
| | | @emptyProductClick="emptyProductClick" |
| | | @recalculateProductClick="recalculateProductClick" |
| | | /> |
| | | </div> |
| | | <!-- 合计 --> |
| | |
| | | }, |
| | | memberOptions: [], |
| | | discount: "2", |
| | | currencyOptions: [], |
| | | currencyOptions: [{ id: 1, name: "人民币" }], // 币种 |
| | | discountOptions: [ |
| | | { value: "1", label: "百分比降价" }, |
| | | { value: "2", label: "直接降价" } |
| | |
| | | { label: "产品编号", prop: "Number" }, |
| | | { label: "数量", prop: "Amount", input: true, isRequird: true }, |
| | | { label: "销售单价", prop: "Unit", input: true }, |
| | | { label: "价税合计", prop: "other3", input: true }, |
| | | { label: "价税合计", prop: "total", input: true }, |
| | | { label: "描述", prop: "other8" } |
| | | ] |
| | | } |
| | |
| | | SalePrice: 0, |
| | | Unit: "" |
| | | }) |
| | | } |
| | | }, |
| | | // 产品清空 |
| | | emptyProductClick() { |
| | | this.productId = 1 |
| | | this.tableData = [ |
| | | { |
| | | id: 1, |
| | | Amount: 0, |
| | | IsSale: true, |
| | | MaterialMode: "", |
| | | MinInventory: 0, |
| | | Name: "", |
| | | Number: "", |
| | | PurchaseType: "", |
| | | SalePrice: 0, |
| | | Unit: "" |
| | | } |
| | | ] |
| | | this.productTableList.tableData = this.tableData |
| | | }, |
| | | // 产品重算 |
| | | recalculateProductClick() {} |
| | | } |
| | | } |
| | | </script> |