From 23d80c1b64f23ede237ab8e89ebc2ee2aaf43f26 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 19 七月 2023 19:32:10 +0800 Subject: [PATCH] 销售模块接口联调 --- src/views/sales/salesOpportunity/AddSalesOpportunityDialog.vue | 528 +++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 341 insertions(+), 187 deletions(-) diff --git a/src/views/sales/salesOpportunity/AddSalesOpportunityDialog.vue b/src/views/sales/salesOpportunity/AddSalesOpportunityDialog.vue index ed9d181..91d50da 100644 --- a/src/views/sales/salesOpportunity/AddSalesOpportunityDialog.vue +++ b/src/views/sales/salesOpportunity/AddSalesOpportunityDialog.vue @@ -22,86 +22,127 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="瀹㈡埛鍚嶇О" prop="customName"> + <el-form-item label="瀹㈡埛鍚嶇О" prop="client_id"> <div class="custom-name"> - <el-input v-model="editConfig.infomation.customName"></el-input> + <el-input v-model="editConfig.infomation.client_id"></el-input> <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div> <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div> </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞満浼氱紪鍙�" prop="salesOpportunityNo"> - <el-input v-model="editConfig.infomation.salesOpportunityNo"></el-input> + <el-form-item label="閿�鍞満浼氱紪鍙�" prop="number"> + <el-input v-model="editConfig.infomation.number"></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鏈轰細鍚嶇О" prop="opportunityName"> + <el-form-item label="鏈轰細鍚嶇О" prop="name"> <div class="custom-name"> - <el-input v-model="editConfig.infomation.opportunityName"></el-input> - <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div> + <el-input v-model="editConfig.infomation.name"></el-input> + <!-- <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div> --> <!-- <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div> --> </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鑱旂郴浜哄鍚�" prop="contactName"> - <el-input v-model="editConfig.infomation.contactName"></el-input> + <el-form-item label="鑱旂郴浜哄鍚�" prop="contact_id"> + <el-input v-model="editConfig.infomation.contact_id"></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍟嗘満鏉ユ簮" prop="businessSource"> - <CommonSelectView - :common-value="editConfig.infomation.businessSource" - :common-options="businessSourceOptions" - /> + <el-form-item label="鍟嗘満鏉ユ簮" prop="sales_sources_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.sales_sources_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option + v-for="item in businessSourceOptions" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍟嗘満绫诲瀷" prop="businessType"> - <CommonSelectView - :common-value="editConfig.infomation.businessType" - :common-options="businessTypeOptions" - /> + <el-form-item label="鍟嗘満绫诲瀷" prop="sale_type_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.sale_type_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in businessTypeOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞樁娈�" prop="saleStage"> - <CommonSelectView - :common-value="editConfig.infomation.saleStage" - :common-options="saleStageOptions" - /> + <el-form-item label="閿�鍞樁娈�" prop="sale_stage_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.sale_stage_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in saleStageOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞礋璐d汉" prop="salesHead"> + <el-form-item label="閿�鍞礋璐d汉" prop="member_id"> <el-select - v-model="editConfig.infomation.salesHead" + v-model="editConfig.infomation.member_id" placeholder="璇烽�夋嫨" size="mini" style="width: 63%" > - <el-option - v-for="item in salesHeadOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-option v-for="item in memberOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鑰佸鎴疯惀閿�" prop="oldCustomerMarket"> - <CommonSelectView - :common-value="editConfig.infomation.oldCustomerMarket" - :common-options="oldCustomerMarketOptions" - /> + <el-form-item label="鑰佸鎴疯惀閿�" prop="regular_customers_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.regular_customers_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option + v-for="item in oldCustomerMarketOptions" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="绔炰簤瀵规墜" prop="competitor"> - <el-input v-model="editConfig.infomation.competitor"></el-input> + <el-form-item label="绔炰簤瀵规墜" prop="competitors"> + <el-input v-model="editConfig.infomation.competitors"></el-input> </el-form-item> </el-col> </el-row> @@ -111,8 +152,20 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="鍙兘鎬�(%)" prop="possible"> - <CommonSelectView :common-value="editConfig.infomation.possible" :common-options="possibleOptions" /> + <el-form-item label="鍙兘鎬�(%)" prop="possibilities"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.possibilities" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in possibleOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> @@ -123,106 +176,110 @@ 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> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="棰勭畻缁濆鍊�" prop="budgetAbsoluteValue"> - <el-input v-model="editConfig.infomation.budgetAbsoluteValue"></el-input> + <el-form-item label="棰勭畻缁濆鍊�" prop="budget"> + <el-input v-model="editConfig.infomation.budget"></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="棰勮鎴愪氦鏃ユ湡" prop="expectDealDate"> - <el-date-picker v-model="editConfig.infomation.expectDealDate" type="date" placeholder="閫夋嫨鏃ユ湡"> + <el-form-item label="棰勮鎴愪氦鏃ユ湡" prop="expected_time"> + <el-date-picker v-model="editConfig.infomation.expected_time" type="date" placeholder="閫夋嫨鏃ユ湡"> </el-date-picker> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="棰勮鍚堝悓閲戦" prop="expectContractAmount"> - <el-input v-model="editConfig.infomation.expectContractAmount"></el-input> + <el-form-item label="棰勮鍚堝悓閲戦" prop="projected_amount"> + <el-input v-model="editConfig.infomation.projected_amount"></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="褰撳墠鐘舵��" prop="currentState"> - <CommonSelectView - :common-value="editConfig.infomation.currentState" - :common-options="currentStateOptions" - /> + <el-form-item label="褰撳墠鐘舵��" prop="status_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.status_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in currentStateOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <!-- @click="editDropdownBox" --> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> </el-row> </div> <!-- 鍟嗘満涓冭绱� --> <div class="basic-info-title">鍟嗘満涓冭绱�(5W2P)</div> - <div class="address-view"> + <div class="basic-info-view"> <el-row> <el-col :span="20"> - <el-form-item label="瀹㈡埛闇�姹傛垨鐥涚偣锛坵hy锛�" prop="demandPainPoint"> + <el-form-item label="瀹㈡埛闇�姹傛垨鐥涚偣锛坵hy锛�" prop="pain_points"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.demandPainPoint" + v-model="editConfig.infomation.pain_points" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="鏄惁宸茬粡绔嬮」锛坧lan锛�" prop="projectApproval"> + <el-form-item label="鏄惁宸茬粡绔嬮」锛坧lan锛�" prop="whether_established"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.projectApproval" + v-model="editConfig.infomation.whether_established" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="璧勯噾棰勭畻鏄灏戯紙plan锛�" prop="fundBudget"> + <el-form-item label="璧勯噾棰勭畻鏄灏戯紙plan锛�" prop="capital_budget"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.fundBudget" + v-model="editConfig.infomation.capital_budget" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="鍏抽敭鍐崇瓥浜烘槸璋侊紙who锛�" prop="decisionMaker"> + <el-form-item label="鍏抽敭鍐崇瓥浜烘槸璋侊紙who锛�" prop="key_maker"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.decisionMaker" + v-model="editConfig.infomation.key_maker" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="鍏抽敭鍐崇瓥鍥犵礌鏈夊摢浜涳紙what锛�" prop="decisionFactors"> + <el-form-item label="鍏抽敭鍐崇瓥鍥犵礌鏈夊摢浜涳紙what锛�" prop="key_factors"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.decisionFactors" + v-model="editConfig.infomation.key_factors" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="鍐崇瓥娴佺▼鏄�庢牱鐨勶紙what锛�" prop="decisionFlow"> + <el-form-item label="鍐崇瓥娴佺▼鏄�庢牱鐨勶紙what锛�" prop="process"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.decisionFlow" + v-model="editConfig.infomation.process" ></el-input> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="绔炰簤瀵规墜鎻愪緵鐨勬柟妗堬紙what锛�" prop="programme"> + <el-form-item label="绔炰簤瀵规墜鎻愪緵鐨勬柟妗堬紙what锛�" prop="solutions"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.programme" + v-model="editConfig.infomation.solutions" ></el-input> </el-form-item> </el-col> @@ -230,10 +287,10 @@ </div> <!-- SWOT鍒嗘瀽 --> <div class="basic-info-title">SWOT鍒嗘瀽</div> - <div class="address-view"> + <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="浼樺娍(S)" prop="advantage"> + <el-form-item label="浼樺娍(S)" prop="advantages"> <el-input type="textarea" :autosize="{ minRows: 2 }" @@ -242,29 +299,29 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍔e娍(W)" prop="disadvantage"> + <el-form-item label="鍔e娍(W)" prop="disadvantages"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.disadvantage" + v-model="editConfig.infomation.disadvantages" ></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鏈轰細(O)" prop="opportunity"> + <el-form-item label="鏈轰細(O)" prop="opportunities"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.opportunity" + v-model="editConfig.infomation.opportunities" ></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="濞佽儊(T)" prop="threaten"> + <el-form-item label="濞佽儊(T)" prop="threats"> <el-input type="textarea" :autosize="{ minRows: 2 }" - v-model="editConfig.infomation.threaten" + v-model="editConfig.infomation.threats" ></el-input> </el-form-item> </el-col> @@ -272,9 +329,9 @@ </div> <!-- 鍦板潃淇℃伅 --> <div class="basic-info-title">鍦板潃淇℃伅</div> - <div class="address-view"> + <div class="basic-info-view"> <el-row> - <el-col :span="20"> + <!-- <el-col :span="20"> <el-form-item label="瀹氫綅" prop="position"> <el-input v-model="editConfig.infomation.position"></el-input> </el-form-item> @@ -283,34 +340,78 @@ <el-form-item label="鍦板浘" prop="map"> <div style="height: 100px"></div> </el-form-item> - </el-col> + </el-col> --> <el-col :span="12"> - <el-form-item label="鍥藉" prop="country"> - <CommonSelectView :common-value="editConfig.infomation.country" :common-options="countryOptions" /> + <el-form-item label="鍥藉" prop="country_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.country_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in countryOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鐪佷唤" prop="province"> - <CommonSelectView :common-value="editConfig.infomation.province" :common-options="provinceOptions" /> + <el-form-item label="鐪佷唤" prop="province_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.province_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in provinceOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍩庡競" prop="city"> - <CommonSelectView :common-value="editConfig.infomation.city" :common-options="cityOptions" /> + <el-form-item label="鍩庡競" prop="city_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.city_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in cityOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍖哄煙" prop="region"> - <CommonSelectView :common-value="editConfig.infomation.region" :common-options="regionOptions" /> + <el-form-item label="鍖哄煙" prop="region_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.region_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in regionOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="20"> - <el-form-item label="璇︾粏鍦板潃" prop="address"> + <el-form-item label="璇︾粏鍦板潃" prop="detail_address"> <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="editConfig.infomation.address" + v-model="editConfig.infomation.detail_address" ></el-input> </el-form-item> </el-col> @@ -321,19 +422,19 @@ <div class="basic-info-view"> <el-row> <el-col :span="20"> - <el-form-item label="澶囨敞" prop="notes"> + <el-form-item label="澶囨敞" prop="remark"> <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="editConfig.infomation.notes" + v-model="editConfig.infomation.remark" ></el-input> </el-form-item> </el-col> </el-row> </div> <!-- 闄勪欢淇℃伅 --> - <div class="basic-info-title">闄勪欢淇℃伅</div> + <!-- <div class="basic-info-title">闄勪欢淇℃伅</div> <div class="basic-info-view"> <el-row> <el-col :span="12"> @@ -358,12 +459,12 @@ </el-form-item> </el-col> </el-row> - </div> + </div> --> </div> </el-form> <div slot="footer" class="dialog-footer"> - <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆瓨</el-button> + <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button> <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button> </div> </el-dialog> @@ -371,7 +472,8 @@ </template> <script> -import CommonSelectView from "@/components/makepager/CommonSelectView" +import { getAllData } from "@/api/client/client" +import { getAddSaleChance, getUpdateSaleChance } from "@/api/sales/salesOpportunity" export default { name: "AddSalesOpportunityDialog", props: { @@ -381,47 +483,12 @@ return { visible: false, title: "鏂板缓", - infomation: { - customName: "", - salesOpportunityNo: "POT521", - opportunityName: "", - contactName: "", - businessSource: "", - businessType: "", - saleStage: "", - salesHead: "", - oldCustomerMarket: "", - competitor: "", - possible: "", - currency: "", - budgetAbsoluteValue: "", - expectDealDate: "", - expectContractAmount: "", - currentState: "", - demandPainPoint: "", - projectApproval: "", - fundBudget: "", - decisionMaker: "", - decisionFactors: "", - decisionFlow: "", - programme: "", - advantage: "", - disadvantage: "", - opportunity: "", - threaten: "", - position: "", - map: "", - country: "1", - province: "1", - city: "1", - region: "1", - notes: "" - } + infomation: {} } } } }, - components: { CommonSelectView }, + components: {}, computed: { searchCommonHeight() { return this.$refs.searchCommonView.offsetHeight @@ -432,64 +499,144 @@ dialogWidth: "80%", editConfig: this.editCommonConfig, rules: { - salesOpportunityNo: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - opportunityName: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - salesHead: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - saleStage: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + name: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + member_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + sale_stage_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], currency: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - expectDealDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - expectContractAmount: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] + expected_time: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + projected_amount: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] }, - businessSourceOptions: [ - { value: "1", label: "鍚庡彴娉ㄥ唽" }, - { value: "2", label: "浠g悊鍟嗗鎴�" }, - { value: "3", label: "鐢佃瘽闄岀敓鎷滆" }, - { value: "4", label: "鐩存帴璁块棶" }, - { value: "5", label: "椤圭洰鍚堜綔" }, - { value: "6", label: "涓汉鑷壘" }, - { value: "7", label: "浜屾閿�鍞�" }, - { value: "8", label: "鍏徃鐢佃瘽" } - ], - salesHeadOptions: [ - { value: "1", label: "BOSS" }, - { value: "2", label: "Mia" }, - { value: "3", label: "璐㈠姟" }, - { value: "4", label: "甯傚満" }, - { value: "5", label: "绯荤粺绠$悊鍛�" }, - { value: "6", label: "閿�鍞�" }, - { value: "7", label: "閿�鍞�荤洃" } - ], + businessSourceOptions: [], + memberOptions: [], businessTypeOptions: [], // 鍟嗘満绫诲瀷 saleStageOptions: [], // 閿�鍞樁娈� oldCustomerMarketOptions: [], // 鑰佸鎴疯惀閿� possibleOptions: [], // 鍙兘鎬� - currencyOptions: [], // 甯佺 + currencyOptions: [ + { + id: 1, + name: "浜烘皯甯�" + } + ], // 甯佺 currentStateOptions: [], // 褰撳墠鐘舵�� - countryOptions: [{ value: "1", label: "涓浗" }], // 鍥藉 - provinceOptions: [ - { value: "1", label: "鍖椾含甯�" }, - { value: "2", label: "涓婃捣甯�" }, - { value: "3", label: "鍚夋灄鐪�" }, - { value: "4", label: "闄曡タ鐪�" } - ], // 鐪佷唤 - cityOptions: [ - { value: "1", label: "鍖椾含甯�" }, - { value: "2", label: "涓婃捣甯�" }, - { value: "3", label: "鍚夋灄甯�" }, - { value: "4", label: "瑗垮畨甯�" } - ], // 鍩庡競 - regionOptions: [ - { value: "1", label: "鏈濋槼鍖�" }, - { value: "2", label: "娴锋穩鍖�" }, - { value: "3", label: "閫氬窞鍖�" }, - { value: "4", label: "瑗垮煄鍖�" } - ] // 鍖哄煙 + countryOptions: [], // 鍥藉 + provinceOptions: [], // 鐪佷唤 + cityOptions: [], // 鍩庡競 + regionOptions: [] // 鍖哄煙 } }, - created() {}, + created() { + this.getCommonData() + }, methods: { + getCommonData() { + getAllData() + .then((res) => { + // 缂� 鍙兘鎬� 甯佺 褰撳墠鐘舵�� + this.memberOptions = res.data.member + this.businessSourceOptions = res.data.sales_source + this.businessTypeOptions = res.data.sale_type + this.oldCustomerMarketOptions = res.data.regular_customers + this.saleStageOptions = res.data.sale_stage + this.countryOptions = res.data.country + this.provinceOptions = res.data.province + this.cityOptions = res.data.city + this.regionOptions = res.data.region + }) + .catch((err) => { + console.log(err) + }) + }, handleClose() { this.editConfig.visible = false + }, + // 淇濆瓨 + saveClick(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + console.log(this.editConfig.infomation) + const params = this.saveParams() + console.log(params) + if (this.editConfig.title === "鏂板缓") { + getAddSaleChance(params) + .then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message({ + message: "娣诲姞鎴愬姛", + type: "success" + }) + this.$parent.getData() + } + }) + .catch((err) => { + console.log(err) + }) + } else { + getUpdateSaleChance(params) + .then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message({ + message: "缂栬緫鎴愬姛", + type: "success" + }) + this.$parent.getData() + } + }) + .catch((err) => { + console.log(err) + }) + } + } else { + console.log("error submit") + return false + } + }) + }, + saveParams() { + let data = this.editConfig.infomation + let params = { + id: this.editConfig.title === "鏂板缓" ? 0 : data.id, + advantages: data.advantages || "", + budget: data.budget || 0, + capital_budget: data.capital_budget || "", + city_id: data.city_id || 0, + client_id: data.client_id || 0, + competitors: data.competitors || "", + contact_id: data.contact_id || 0, + country_id: data.country_id || 0, + currency: data.currency || 0, + disadvantages: data.disadvantages || "", + expected_time: data.expected_time || "", + key_factors: data.key_factors || "", + key_maker: data.key_maker || "", + member_id: data.member_id || 0, + name: data.name || "", + number: data.number || "", + opportunities: data.opportunities || "", + pain_points: data.pain_points || "", + possibilities: data.possibilities || 0, + process: data.process || "", + projected_amount: parseInt(data.projected_amount) || 0, + province_id: data.province_id || 0, + region_id: data.region_id || 0, + regular_customers_id: data.regular_customers_id || 0, + sale_stage_id: data.sale_stage_id || 0, + sale_type_id: data.sale_type_id || 0, + sales_sources_id: data.sales_sources_id || 0, + solutions: data.solutions || "", + status_id: data.status_id || 0, + threats: data.threats || "", + whether_established: data.whether_established || "", + + remark: data.remark || "", + detail_address: data.detail_address || "" + } + return params }, // 娣诲姞闄勪欢 addAnnexClick() {}, @@ -522,10 +669,17 @@ font-size: 18px; } } - } - .address-view { - margin-top: 10px; - padding-right: 40px; + .common-select { + display: flex; + .common-select-sel { + width: 270px; + } + .common-select-btn { + margin-left: 5px; + font-size: 16px; + cursor: pointer; + } + } } .annex-view { display: flex; -- Gitblit v1.8.0