| | |
| | | v-model="editConfig.infomation.client_name" |
| | | :fetch-suggestions="querySearchAsync" |
| | | value-key="name" |
| | | @select="handleSelectClient" |
| | | @select="handleSelectClient('client', $event)" |
| | | ></el-autocomplete> |
| | | <div class="common-select-btn" @click="selClientClick"> |
| | | <div class="common-select-btn" @click="selClientClick('client')"> |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | <div class="common-select-btn" @click="clearupClient"> |
| | | <div class="common-select-btn" @click="clearupClient('client')"> |
| | | <i class="el-icon-edit-outline" title="清除"></i> |
| | | </div> |
| | | </div> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系人姓名" prop="contact_id"> |
| | | <div class="custom-name"> |
| | | <el-input v-model="editConfig.infomation.contact_id"></el-input> |
| | | <div class="common-select-btn"><i class="el-icon-circle-plus-outline"></i></div> |
| | | <div class="common-select-btn"><i class="el-icon-edit-outline"></i></div> |
| | | <el-autocomplete |
| | | v-model="editConfig.infomation.contact_name" |
| | | :fetch-suggestions="queryContactAsync" |
| | | value-key="name" |
| | | @select="handleSelectClient('contact', $event)" |
| | | ></el-autocomplete> |
| | | <div class="common-select-btn" @click="selClientClick('contact')"> |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | <div class="common-select-btn" @click="clearupClient('contact')"> |
| | | <i class="el-icon-edit-outline" title="清除"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-form-item label="销售机会" prop="sale_chance_id"> |
| | | <div class="custom-name"> |
| | | <el-input v-model="editConfig.infomation.sale_chance_id"></el-input> |
| | | <!-- <el-autocomplete |
| | | v-model="editConfig.infomation.sale_chance_id" |
| | | :fetch-suggestions="queryChanceAsync" |
| | | value-key="name" |
| | | @select="handleSelectClient('chance', $event)" |
| | | ></el-autocomplete> --> |
| | | <div class="common-select-btn"><i class="el-icon-circle-plus-outline"></i></div> |
| | | <div class="common-select-btn"><i class="el-icon-edit-outline"></i></div> |
| | | </div> |
| | |
| | | :edit-common-config="editSelectClientConfig" |
| | | @selClient="selClient" |
| | | /> |
| | | <!-- 选择联系人 --> |
| | | <SelectContactDialog |
| | | v-if="editSelectContactConfig.editVisible" |
| | | :edit-common-config="editSelectContactConfig" |
| | | @selClient="selClient" |
| | | /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | import { getAllData } from "@/api/client/client" |
| | | import { getAddFollowRecord, getUpdateFollowRecord } from "@/api/client/followupRecords" |
| | | import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" |
| | | import SelectContactDialog from "@/views/other/commonDialog/SelectContactDialog" |
| | | export default { |
| | | name: "AddFollowupRecordsDialog", |
| | | props: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | components: { SelectClientDialog }, |
| | | components: { SelectClientDialog, SelectContactDialog }, |
| | | computed: { |
| | | searchCommonHeight() { |
| | | return this.$refs.searchCommonView.offsetHeight |
| | | }, |
| | | clientList() { |
| | | return this.$store.state.getClientName.clientList |
| | | }, |
| | | contactNamelist() { |
| | | return this.$store.state.getClientName.contactNamelist |
| | | }, |
| | | saleChancelist() { |
| | | return this.$store.state.getClientName.saleChancelist |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | editVisible: false, |
| | | title: "", |
| | | infomation: {} |
| | | } |
| | | }, |
| | | editSelectContactConfig: { |
| | | editVisible: false, |
| | | title: "", |
| | | infomation: {} |
| | | }, |
| | | clientId: this.editContactsConfig.infomation.client_id, |
| | | contactId: this.editContactsConfig.infomation.contact_id |
| | | // saleChanceId: this.editContactsConfig.infomation.sale_chance_id |
| | | } |
| | | }, |
| | | created() { |
| | | this.$store.dispatch("geClient") |
| | | this.$store.dispatch("geContact") |
| | | this.$store.dispatch("geChance") |
| | | this.getCommonData() |
| | | }, |
| | | methods: { |
| | |
| | | let data = this.editConfig.infomation |
| | | let follow_record = { |
| | | follow_record: { |
| | | client_id: data.client_id || 0, |
| | | client_id: parseInt(this.clientId), |
| | | client_status_id: data.client_status_id || 0, |
| | | contact_id: 0, // data.contact_id || |
| | | contact_id: parseInt(this.contactId), |
| | | contact_information_id: data.contact_information_id || 0, |
| | | content: data.content || "", |
| | | follow_time: data.follow_time || "", |
| | |
| | | number: data.number || "", |
| | | purpose: data.purpose || "", |
| | | record: data.record || "", |
| | | sale_chance_id: 0, //data.sale_chance_id || |
| | | sale_chance_id: parseInt(data.sale_chance_id), //data.sale_chance_id || |
| | | sales_leads_id: 0, // data.sales_leads_id || |
| | | topic: data.topic || "" |
| | | } |
| | |
| | | var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants |
| | | cb(results) |
| | | }, |
| | | // 选择联系人姓名 |
| | | queryContactAsync(queryString, cb) { |
| | | var restaurants = this.contactNamelist |
| | | var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants |
| | | cb(results) |
| | | }, |
| | | // 销售机会 |
| | | queryChanceAsync(queryString, cb) { |
| | | var restaurants = this.saleChancelist |
| | | var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants |
| | | cb(results) |
| | | }, |
| | | createStateFilter(queryString) { |
| | | return (state) => { |
| | | return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 |
| | | } |
| | | }, |
| | | handleSelectClient(item) { |
| | | this.editConfig.infomation.client_id = item.id |
| | | handleSelectClient(value, item) { |
| | | console.log(value) |
| | | if (value === "client") { |
| | | this.clientId = item.id |
| | | } else if (value === "contact") { |
| | | this.contactId = item.id |
| | | } else { |
| | | this.saleChanceId = item.id |
| | | } |
| | | }, |
| | | selClientClick() { |
| | | this.editSelectClientConfig.editVisible = true |
| | | selClientClick(value) { |
| | | if (value === "client") { |
| | | this.editSelectClientConfig.editVisible = true |
| | | } else if (value === "contact") { |
| | | this.editSelectContactConfig.editVisible = true |
| | | } |
| | | }, |
| | | selClient(row) { |
| | | console.log(row) |
| | | this.editConfig.infomation.client_name = row.name |
| | | this.editConfig.infomation.client_id = row.id |
| | | selClient(row, value) { |
| | | console.log(value) |
| | | if (value === "contact") { |
| | | this.editConfig.infomation.contact_name = row.name |
| | | this.contactId = row.id |
| | | } else { |
| | | this.editConfig.infomation.client_name = row.name |
| | | this.clientId = row.id |
| | | } |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient() { |
| | | this.editConfig.infomation.client_name = "" |
| | | this.editConfig.infomation.client_id = 0 |
| | | clearupClient(value) { |
| | | if (value === "client") { |
| | | this.editConfig.infomation.client_name = "" |
| | | this.clientId = 0 |
| | | } else { |
| | | this.editConfig.infomation.contact_name = "" |
| | | this.contactId = 0 |
| | | } |
| | | }, |
| | | // 添加附件 |
| | | addAnnexClick() {}, |