| | |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="订单编号" prop="number"> |
| | | <WordInput |
| | | <el-form-item label="明细单编号" prop="number"> |
| | | <el-input |
| | | v-if=" |
| | | isView || |
| | | editConfig.title == '编辑' || |
| | | (editConfig.title == '新建' && codenumer && (explain != '' || isIdDisabled)) |
| | | " |
| | | :disabled="editConfig.title == '编辑' || isView" |
| | | v-model="editConfig.infomation.number" |
| | | placeholder="请输入编码" |
| | | > |
| | | </el-input> |
| | | <span v-else-if="editConfig.title == '新建'" style="color: #f56c6c" |
| | | >请优先配置编码规范 <el-button type="text" @click="numberClick"> 配置规范 </el-button></span |
| | | > |
| | | <!-- <WordInput |
| | | v-if="codenumer && (explain != '' || isIdDisabled) && method == 0" |
| | | :codenumer="codenumer" |
| | | :sum="sum" |
| | |
| | | <span v-else-if="method == 0" style="color: #f56c6c" |
| | | >请优先配置编码规范 <el-button type="text" @click="numberClick"> 配置规范 </el-button></span |
| | | > |
| | | <span v-else>{{ editConfig.title === "新建" ? "自动生成" : editConfig.infomation.number }}</span> |
| | | <span v-else>{{ editConfig.title === "新建" ? "自动生成" : editConfig.infomation.number }}</span> --> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | " |
| | | value-key="name" |
| | | @select="handleSelectClient('client', $event)" |
| | | :disabled="isNameChanceEdit" |
| | | :disabled="isNameChanceEdit || isView" |
| | | ></el-autocomplete> |
| | | <div v-if="!isNameChanceEdit" class="common-select-btn" @click="selClientClick('client')"> |
| | | <div |
| | | v-if="!isNameChanceEdit && !isView" |
| | | class="common-select-btn" |
| | | @click="selClientClick('client')" |
| | | > |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | <div |
| | | v-if=" |
| | | editConfig.infomation.client_name && |
| | | editConfig.infomation.client_name.length > 0 && |
| | | !isNameChanceEdit |
| | | !isNameChanceEdit && |
| | | !isView |
| | | " |
| | | class="common-select-btn" |
| | | @click="clearupClient('client')" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="销售机会" prop="saleChanceId"> |
| | | <el-form-item |
| | | label="销售机会" |
| | | prop="sale_chance_name" |
| | | :rules="[ |
| | | { |
| | | required: autoCodeHeadersObj.Ywjh == 'yes' ? true : false, |
| | | message: '请选择销售机会', |
| | | trigger: 'change' |
| | | } |
| | | ]" |
| | | > |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | style="width: 100%" |
| | |
| | | " |
| | | value-key="name" |
| | | @select="handleSelectClient('chance', $event)" |
| | | :disabled="isNameChanceEdit" |
| | | :disabled="isNameChanceEdit || isView" |
| | | ></el-autocomplete> |
| | | <div v-if="!isNameChanceEdit" class="common-select-btn" @click="selClientClick('chance')"> |
| | | <!-- &&editConfig.infomation.client_name --> |
| | | <div |
| | | v-if="!isNameChanceEdit && !isView" |
| | | class="common-select-btn" |
| | | @click="selClientClick('chance')" |
| | | > |
| | | <i class="el-icon-circle-plus-outline"></i> |
| | | </div> |
| | | <div |
| | | v-if=" |
| | | editConfig.infomation.sale_chance_name && |
| | | editConfig.infomation.sale_chance_name.length > 0 && |
| | | !isNameChanceEdit |
| | | !isNameChanceEdit && |
| | | !isView |
| | | " |
| | | class="common-select-btn" |
| | | @click="clearupClient('chance')" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <!-- <el-col :span="12"> |
| | | <el-form-item label="销售子单" prop="subbill_name"> |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="12"> |
| | | <el-form-item label="选择源单" prop="selSourceOrder"> |
| | | <el-select v-model="editConfig.infomation.selSourceOrder" size="mini" style="width: 63%"> |
| | | <el-option |
| | | v-for="item in selSourceOrderOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :span="12"> |
| | | <el-form-item |
| | | label="销售报价单" |
| | | prop="quotation_number" |
| | | :rules="[ |
| | | { |
| | | required: autoCodeHeadersObj.Bjd == 'yes' ? true : false, |
| | | message: '请选择销售报价单', |
| | | trigger: 'change' |
| | | } |
| | | ]" |
| | | > |
| | | <!-- isAddQuatation || --> |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | v-model="editConfig.infomation.quotation_number" |
| | | :fetch-suggestions=" |
| | | (queryString, callback) => { |
| | | querySearchAsync(queryString, callback, 'quotation') |
| | | } |
| | | " |
| | | value-key="number" |
| | | @select="handleSelectClient('quotation', $event)" |
| | | style="width: 100%" |
| | | placeholder="请选择销售报价单" |
| | | :disabled="isView" |
| | | ></el-autocomplete> |
| | | <!-- !isAddQuatation && editConfig.infomation.sale_chance_name &&--> |
| | | <div v-if="!isView" class="common-select-btn" @click="selClientClick('quotation')"> |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | <!-- !isAddQuatation && --> |
| | | <div |
| | | v-if=" |
| | | editConfig.infomation.quotation_number && |
| | | editConfig.infomation.quotation_number.length > 0 && |
| | | !isView |
| | | " |
| | | class="common-select-btn" |
| | | @click="clearupClient('quotation')" |
| | | > |
| | | <i class="el-icon-remove-outline" title="清除"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="签约日期" prop="signTime"> |
| | | <el-date-picker |
| | |
| | | type="date" |
| | | placeholder="选择日期" |
| | | style="width: 100%" |
| | | :disabled="isView" |
| | | :picker-options="pickerOptionsBefore" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 100%" |
| | | :disabled="isView" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | |
| | | type="date" |
| | | placeholder="选择日期" |
| | | style="width: 100%" |
| | | :disabled="isView" |
| | | :picker-options="pickerOptions" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="12"> |
| | | <el-form-item label="微信订单状态" prop="wechatOrderStatus"> |
| | | <div class="common-select"> |
| | | <el-select |
| | | v-model="editConfig.infomation.wechatOrderStatus" |
| | | placeholder="请选择" |
| | | class="common-select-sel" |
| | | size="mini" |
| | | > |
| | | <el-option |
| | | v-for="item in wechatOrderStatusOptions" |
| | | :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-col :span="12"> |
| | | <el-form-item label="交付类型" prop="deliverType"> |
| | | <el-select |
| | | v-model="editConfig.infomation.deliverType" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 100%" |
| | | :disabled="isView" |
| | | > |
| | | <el-option v-for="item in deliveryTypeList" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="选择项目" prop="projectId"> |
| | | <el-select |
| | | v-model="editConfig.infomation.projectId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 100%" |
| | | :disabled="isView" |
| | | > |
| | | <el-option |
| | | v-for="item in projectList" |
| | | :key="item.projectId" |
| | | :label="item.projectName" |
| | | :value="item.projectId" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <!-- 收货信息 --> |
| | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="收货人" prop="addressee"> |
| | | <el-input v-model="editConfig.infomation.addressee"></el-input> |
| | | <el-input v-model="editConfig.infomation.addressee" :disabled="isView"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="收货人联系方式" prop="phone"> |
| | | <el-input v-model="editConfig.infomation.phone"></el-input> |
| | | <el-input v-model="editConfig.infomation.phone" :disabled="isView"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | type="textarea" |
| | | :autosize="{ minRows: 2 }" |
| | | v-model="editConfig.infomation.address" |
| | | :disabled="isView" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <!-- <el-col :span="12"> |
| | | <el-form-item label="物流公司" prop="logisticCompany"> |
| | | <el-input v-model="editConfig.infomation.logisticCompany"></el-input> |
| | | <el-input v-model="editConfig.infomation.logisticCompany" :disabled="isView"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="物流单号" prop="logisticNumber"> |
| | | <el-input v-model="editConfig.infomation.logisticNumber"></el-input> |
| | | <el-input v-model="editConfig.infomation.logisticNumber" :disabled="isView"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | <el-col :span="12"> |
| | | <el-form-item label="物流费用" prop="logisticCost"> |
| | | <el-input-number |
| | |
| | | :precision="2" |
| | | :controls="false" |
| | | style="width: 100%; margin-right: 5px" |
| | | :disabled="isView" |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | type="textarea" |
| | | :autosize="{ minRows: 4 }" |
| | | v-model="editConfig.infomation.conditions" |
| | | :disabled="isView" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | type="textarea" |
| | | :autosize="{ minRows: 2 }" |
| | | v-model="editConfig.infomation.remark" |
| | | :disabled="isView" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <!-- 产品管理 --> |
| | | <div class="basic-info-title" style="display: flex"> |
| | | 产品管理 |
| | | <div style="margin-left: 400px"> |
| | | <!-- <div style="margin-left: 400px"> |
| | | 币种 |
| | | <el-select v-model="editConfig.infomation.currency" placeholder="请选择" size="mini" style="width: 63%"> |
| | | <el-select |
| | | v-model="editConfig.infomation.currency" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 63%" |
| | | :disabled="isView" |
| | | > |
| | | <el-option v-for="item in currencyOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="product-view"> |
| | | <!-- :detail-enter="true" --> |
| | | <CommonFormTableView |
| | | ref="commonFormTableView" |
| | | :detail-enter="isView ? true : false" |
| | | :selectBox="false" |
| | | :addTypeIdMultiple="true" |
| | | :show-summary="showSummary" |
| | | pageName="quotation" |
| | | :isOperate=" |
| | | (autoCodeHeadersObj.Bjd == 'yes' && editConfig.infomation.quotation_number) || |
| | | autoCodeHeadersObj.Bjd != 'yes' |
| | | ? true |
| | | : false |
| | | " |
| | | :quotationNumber="autoCodeHeadersObj.Bjd == 'yes' ? editConfig.infomation.quotation_number : ''" |
| | | :product-table-list="productTableList" |
| | | @inputContent="inputContent" |
| | | @addProductClick="addProductClick" |
| | | @getSelectArray="getSelectArray" |
| | | @emptyProductClick="emptyProductClick" |
| | | @recalculateProductClick="recalculateProductClick" |
| | | @clearupProduct="clearupProduct" |
| | | /> |
| | | ></CommonFormTableView> |
| | | </div> |
| | | <!-- 选择审批流程 --> |
| | | <!-- <div v-if="editConfig.title === '新建'" class="basic-info-title">选择审批流程</div> |
| | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView" |
| | | import { getAllData } from "@/api/client/client" |
| | | import { getAddSalesDetails, getUpdateSalesDetails } from "@/api/sales/salesDetails" |
| | | import { getAddSalesDetails, getUpdateSalesDetails, getProjectList } from "@/api/sales/salesDetails" |
| | | import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" |
| | | import SelectChanceDialog from "@/views/other/commonDialog/SelectChanceDialog" |
| | | import AddCollectionPlan from "@/views/other/payment/collectionPlan/AddCollectionPlan" |
| | | import codeMixin from "@/views/client/followupRecords/mixin/codeMixin" |
| | | import codeMixin from "@/components/makepager/mixin/codeMixin" |
| | | import { getSaleChanceList } from "@/api/sales/salesOpportunity" |
| | | import { getSubOrderList } from "@/api/sales/subOrder" |
| | | import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" |
| | | |
| | | import { getDataByType } from "@/api/data" |
| | | import { mapActions } from "vuex" |
| | | import { getQuotationList } from "@/api/sales/quotation" |
| | | |
| | | export default { |
| | | name: "AddSalesDetailsDialog", |
| | |
| | | computed: { |
| | | clientList() { |
| | | return this.$store.state.getClientName.clientList |
| | | } |
| | | }, |
| | | // saleChancelist() { |
| | | // return this.$store.state.getClientName.saleChancelist |
| | | // }, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | dialogWidth: "50%", |
| | | dialogWidth: "60%", |
| | | editConfig: this.editCommonConfig, |
| | | rules: { |
| | | client_name: [{ required: true, message: "请选择客户名称", trigger: "change" }], |
| | | // subbill_name: [{ required: true, message: "请选择销售子单", trigger: "change" }], |
| | | number: [{ required: true, message: "请输入订单编号", trigger: "blur" }], |
| | | number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }], |
| | | signTime: [{ required: true, message: "请选择签约日期", trigger: "change" }], |
| | | memberId: [{ required: true, message: "请选择销售负责人", trigger: "change" }] |
| | | memberId: [{ required: true, validator: this.validateMemberId, trigger: "change" }], |
| | | // sale_chance_name: [{ required: true, message: "请选择销售机会", trigger: "change" }], |
| | | // quotation_number: [{ required: true, message: "请选择销售报价单", trigger: "change" }], |
| | | deliveryDate: [{ required: true, message: "请选择交付日期", trigger: "change" }] |
| | | // approvalOpinion: [{ required: true, message: "请输入", trigger: "blur" }] |
| | | }, |
| | | memberOptions: [], |
| | |
| | | show: true, |
| | | total: true, |
| | | sumProp: ["Amount", "total"], |
| | | mergeNumber: 2 |
| | | mergeNumber: 7 |
| | | }, |
| | | editSelectClientConfig: { |
| | | editVisible: false, |
| | |
| | | editVisible: false, |
| | | title: "", |
| | | infomation: {}, |
| | | search_map:{}, |
| | | search_map: {} |
| | | }, |
| | | editSelCommonConfig: { |
| | | editVisible: false, |
| | |
| | | infomation: {} |
| | | }, |
| | | clientId: this.editCommonConfig.infomation.client_id, |
| | | saleChanceId: this.editCommonConfig.infomation.saleChanceId, |
| | | saleChanceId: this.editCommonConfig.infomation.sale_chance_id, |
| | | subbillId: this.editCommonConfig.infomation.subbillId, |
| | | productId: 1, |
| | | isNoProduct: true, |
| | |
| | | infomation: {} |
| | | }, |
| | | amountTotal: 0, |
| | | isNameChanceEdit: false |
| | | isNameChanceEdit: false, |
| | | isAddQuatation: true, |
| | | // 交付类型 |
| | | deliveryTypeList: getDataByType("deliveryType"), |
| | | projectList: [], |
| | | quotationList: [], |
| | | quotationId: this.editCommonConfig.infomation.quotationId, |
| | | tableData: [], |
| | | isView: this.editCommonConfig.title === "查看", |
| | | thatMember: {}, |
| | | pickerOptions: { |
| | | disabledDate(time) { |
| | | return time.getTime() < Date.now() - 8.64e7 |
| | | } |
| | | }, |
| | | pickerOptionsBefore: { |
| | | disabledDate(time) { |
| | | return time.getTime() > Date.now() |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | mounted(){ |
| | | this.getSaleChanceList() |
| | | this.getQuotation() |
| | | }, |
| | | created() { |
| | | if (this.editConfig.title !== "新建") { |
| | | this.productTableList.tableData = [ |
| | | { |
| | | productId: this.productId, |
| | | id: 0, |
| | | amount: 0, |
| | | desc: "", |
| | | name: "", |
| | | number: "", |
| | | price: 0, |
| | | cost: "", |
| | | profit: "", |
| | | margin: "", |
| | | total: 0, |
| | | unit: "" |
| | | } |
| | | ] |
| | | this.isAddQuatation = false |
| | | } |
| | | this.$store.dispatch("geClient") |
| | | // this.$store.dispatch("geChance") |
| | | // this.$store.dispatch("getSubunit") |
| | | this.setTableForm() |
| | | this.getCommonData() |
| | | this.formInfo() |
| | | // if (this.editConfig.title === "新建" && this.editConfig.infomation.client_name.length > 0) { |
| | | // this.isNameChanceEdit = true |
| | | // } |
| | | // else { |
| | | |
| | | // } |
| | | this.getUseSystemSet({ modeType: "xsmx" }) |
| | | if (this.editConfig.title === "编辑") { |
| | | this.productTableList.tableData = this.editConfig.infomation.products |
| | | } |
| | | this.getProjectList() |
| | | }, |
| | | watch: { |
| | | "editClientManageConfig.visible"(val) { |
| | | if (val) { |
| | | this.formInfo() |
| | | } |
| | | }, |
| | | "editClientManageConfig.infomation.codeStandID"() { |
| | | this.formInfo() |
| | | } |
| | | }, |
| | | // beforeUpdate() { |
| | | // this.$refs.commonFormTableView.toggleSelection(this.tableData) |
| | | // }, |
| | | methods: { |
| | | ...mapActions(["getChanceFilter", "getSubunitFliter"]), |
| | | formInfo() { |
| | |
| | | getAllData() |
| | | .then((res) => { |
| | | this.memberOptions = res.data.member |
| | | this.dataProcess() |
| | | if (this.editConfig.title === "新建") { |
| | | let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1") |
| | | this.memberOptions.map((item) => { |
| | | if (item.username == username) { |
| | | this.$set(this.editConfig.infomation, "memberId", item.id) |
| | | } |
| | | }) |
| | | } |
| | | // this.dataProcess() |
| | | }) |
| | | .catch((err) => { |
| | | console.log(err) |
| | |
| | | saveClick(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | console.log(this.editConfig.infomation) |
| | | // for (let i = 0; i < this.tableData.length; i++) { |
| | | // if (this.tableData[i].name.length === 0) { |
| | | // this.isNoProduct = true |
| | | // break |
| | | // } else { |
| | | // this.isNoProduct = false |
| | | // } |
| | | // } |
| | | // if (this.isNoProduct) { |
| | | // this.$message.error("请选择产品") |
| | | // } else { |
| | | for (let i = 0; i < this.tableData.length; i++) { |
| | | if (this.tableData[i].name.length === 0) { |
| | | this.isNoProduct = true |
| | | break |
| | | } else { |
| | | this.isNoProduct = false |
| | | if (this.tableData[i].cost) { |
| | | let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ |
| | | if (!reg.test(this.tableData[i].cost)) { |
| | | this.$message.error("成本单价需要填写大于0的2位小数!") |
| | | return true |
| | | } |
| | | } |
| | | } |
| | | if (this.isNoProduct) { |
| | | this.$message.error("产品名称不能为空") |
| | | const params = this.saveParams() |
| | | if (this.editConfig.title === "新建") { |
| | | getAddSalesDetails(params).then((res) => { |
| | | console.log(res) |
| | | this.editConfig.visible = false |
| | | if (res.code === 200) { |
| | | this.tableData.map((item) => { |
| | | this.amountTotal += parseFloat(item.total) |
| | | }) |
| | | let config = { |
| | | amountTotal: this.amountTotal, |
| | | id: res.data.id |
| | | } |
| | | this.$emit("addCollectionPlanClick", config) |
| | | } |
| | | }) |
| | | } else { |
| | | const params = this.saveParams() |
| | | console.log(params) |
| | | if (this.editConfig.title === "新建") { |
| | | getAddSalesDetails(params).then((res) => { |
| | | console.log(res) |
| | | this.editConfig.visible = false |
| | | if (res.code === 200) { |
| | | this.tableData.map((item) => { |
| | | this.amountTotal += item.total |
| | | }) |
| | | let config = { |
| | | amountTotal: this.amountTotal, |
| | | id: res.data.id |
| | | } |
| | | this.$emit("addCollectionPlanClick", config) |
| | | } |
| | | }) |
| | | } else { |
| | | getUpdateSalesDetails(params).then((res) => { |
| | | console.log(res) |
| | | this.editConfig.visible = false |
| | | if (res.code === 200) { |
| | | this.$message.success("编辑成功") |
| | | this.$parent.getData() |
| | | } |
| | | }) |
| | | } |
| | | getUpdateSalesDetails(params).then((res) => { |
| | | console.log(res) |
| | | this.editConfig.visible = false |
| | | if (res.code === 200) { |
| | | this.$message.success("编辑成功") |
| | | this.$parent.getData() |
| | | } |
| | | }) |
| | | } |
| | | } else { |
| | | console.log("error submit") |
| | | return false |
| | | } |
| | | // } else { |
| | | // console.log("error submit") |
| | | // return false |
| | | // } |
| | | }) |
| | | }, |
| | | saveParams() { |
| | | let data = this.editConfig.infomation |
| | | let products = [] |
| | | this.tableData.map((item) => { |
| | | if (item.number.length > 0) { |
| | | products.push(item) |
| | | } |
| | | }) |
| | | let commonParam = { |
| | | address: data.address || "", |
| | | addressee: data.addressee || "", |
| | |
| | | memberId: data.memberId || 0, |
| | | number: data.number || "", |
| | | phone: data.phone || "", |
| | | products: this.tableData, |
| | | products: products, |
| | | remark: data.remark || "", |
| | | saleChanceId: this.saleChanceId || 0, |
| | | saleType: data.saleType || 0, |
| | |
| | | logisticCompany: data.logisticCompany || "", |
| | | logisticCost: data.logisticCost || 0, |
| | | logisticNumber: data.logisticNumber || "", |
| | | codeRule: this.codeRule |
| | | quotationId: this.quotationId, |
| | | deliverType: data.deliverType || 0, |
| | | status: 1, |
| | | projectId: data.projectId || "" |
| | | } |
| | | let params = {} |
| | | if (this.editConfig.title === "新建") { |
| | |
| | | handleClose() { |
| | | this.editConfig.visible = false |
| | | }, |
| | | // 获取报价单 |
| | | getQuotation(id, value) { |
| | | let params={ |
| | | page: 0, |
| | | pageSize: 0, |
| | | } |
| | | if(id){ |
| | | params.search_map={ |
| | | sale_chance_id: id |
| | | } |
| | | } |
| | | getQuotationList(params).then((res) => { |
| | | if (res.code == 200) { |
| | | console.log(res) |
| | | this.quotationList = res.data.list |
| | | this.count = res.data.count |
| | | if (value === "全部产品") { |
| | | // this.quotationList.map((item) => { |
| | | // if (item.id === this.editConfig.infomation.quotationId) { |
| | | // this.tableData.map((item, index) => { |
| | | // item.productId = index + 1 |
| | | // this.tableData.forEach((key) => { |
| | | // if (item.number === key.number) { |
| | | // item.amount = key.amount |
| | | // item.id = key.id |
| | | // } |
| | | // }) |
| | | // }) |
| | | // } |
| | | // }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | // 选择客户相关方法 |
| | | querySearchAsync(queryString, cb, value) { |
| | | var restaurants = [] |
| | |
| | | restaurants = this.clientList |
| | | console.log(restaurants, "客户单") |
| | | } else if (value === "chance") { |
| | | restaurants = this.saleChancelist |
| | | restaurants = this.saleChancelist |
| | | } else if (value === "subbill") { |
| | | restaurants = this.subOrderList |
| | | } else if (value === "quotation") { |
| | | restaurants = this.quotationList |
| | | console.log(this.quotationList,'quotationList') |
| | | } |
| | | var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants |
| | | cb(results) |
| | | }, |
| | | createStateFilter(queryString, value) { |
| | | return (state) => { |
| | | if (value === "subbill") { |
| | | if (value === "subbill" || value === "quotation") { |
| | | return state.number.toLowerCase().indexOf(queryString.toLowerCase()) === 0 |
| | | } else { |
| | | return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 |
| | | } |
| | | } |
| | | }, |
| | | async handleSelectClient(value, item) { |
| | | // 销售机会列表 |
| | | async getSaleChanceList(item) { |
| | | let params={} |
| | | if(item){ |
| | | params={ |
| | | page: 1, |
| | | pageSize: 15, |
| | | } |
| | | params.search_map={ |
| | | client_id: item.id |
| | | } |
| | | }else{ |
| | | params={ |
| | | page: 0, |
| | | pageSize: 0, |
| | | } |
| | | } |
| | | await getSaleChanceList(params).then((res) => { |
| | | console.log(res) |
| | | this.saleChancelist = res.data.list |
| | | }) |
| | | }, |
| | | // 销售子单列表 |
| | | async getSubOrderList(item) { |
| | | await getSubOrderList({ |
| | | page: 1, |
| | | pageSize: 15, |
| | | search_map: { |
| | | client_id: item.id |
| | | } |
| | | }).then((res) => { |
| | | this.subOrderList = res.data.list |
| | | }) |
| | | }, |
| | | handleSelectClient(value, item) { |
| | | if (value === "client") { |
| | | this.thatMember = item.member |
| | | this.editConfig.infomation.subbill_name = "" |
| | | this.editConfig.infomation.sale_chance_name = "" |
| | | this.clientId = item.id |
| | | this.editConfig.infomation.client_name = item.name |
| | | this.editSelectChanceConfig.search_map.client_id=item.id |
| | | // 需要修改 |
| | | await getSaleChanceList({ |
| | | page: 1, |
| | | pageSize: 15, |
| | | search_map: { |
| | | client_id: item.id |
| | | } |
| | | }).then((res) => { |
| | | console.log(res) |
| | | this.saleChancelist = res.data.list |
| | | }) |
| | | await getSubOrderList({ |
| | | page: 1, |
| | | pageSize: 15, |
| | | search_map: { |
| | | client_id: item.id |
| | | } |
| | | }).then((res) => { |
| | | this.subOrderList = res.data.list |
| | | }) |
| | | this.getSaleChanceList(item) |
| | | this.getSubOrderList(item) |
| | | } else if (value === "chance") { |
| | | this.saleChanceId = item.id |
| | | this.editConfig.infomation.client_name = item.name |
| | | this.editConfig.infomation.sale_chance_name = item.name |
| | | this.isAddQuatation = false |
| | | this.getQuotation(item.id) |
| | | } else if (value === "subbill") { |
| | | console.log("下拉框点击", item) |
| | | this.subbillId = item.id |
| | | this.editConfig.infomation.subbill_name = item.number |
| | | } else if (value === "quotation") { |
| | | this.productTableList.tableData = item.products |
| | | this.tableData = item.products |
| | | this.editConfig.infomation.quotation_number = item.number |
| | | this.quotationId = item.id |
| | | } |
| | | }, |
| | | selClientClick(value) { |
| | | if (value === "client") { |
| | | this.editSelectClientConfig.editVisible = true |
| | | } else if (value === "chance") { |
| | | this.editSelectChanceConfig.clientId = this.clientId |
| | | if (this.clientId) { |
| | | this.editSelectChanceConfig.clientId = this.clientId |
| | | } |
| | | this.editSelectChanceConfig.editVisible = true |
| | | } else if (value === "subbill") { |
| | | this.editSelCommonConfig.title = "销售子单" |
| | | this.editSelCommonConfig.editVisible = true |
| | | this.editSelCommonConfig.clientId = this.clientId |
| | | } else if (value === "quotation") { |
| | | this.editSelCommonConfig.title = "报价单" |
| | | if (this.saleChanceId && this.clientId) { |
| | | this.editSelCommonConfig.clientId = this.clientId |
| | | // 正向选择客户 销售机会 报价单 |
| | | this.editSelCommonConfig.isRequest = false |
| | | this.editSelCommonConfig.count = this.count |
| | | this.editSelCommonConfig.tableInfomation = [...this.quotationList] |
| | | } else { |
| | | // 反向选择 |
| | | this.editSelCommonConfig.isRequest = true |
| | | } |
| | | this.editSelCommonConfig.editVisible = true |
| | | } |
| | | }, |
| | | selClient(row, value) { |
| | | if (value === "client") { |
| | | this.editConfig.infomation.sale_chance_name = "" |
| | | this.saleChanceId = "" |
| | | this.editConfig.infomation.subbill_name = "" |
| | | // 清空报价单 |
| | | this.editConfig.infomation.quotation_number = "" |
| | | this.editConfig.infomation.client_name = row.name |
| | | this.clientId = row.id |
| | | this.getSaleChanceList(row) |
| | | this.getSubOrderList(row) |
| | | } else if (value === "chance") { |
| | | this.editConfig.infomation.sale_chance_name = row.name |
| | | this.editConfig.infomation.client_name = row.client.name |
| | | this.clientId = row.client.id |
| | | this.saleChanceId = row.id |
| | | // 清空报价单 |
| | | this.editConfig.infomation.quotation_number = "" |
| | | this.isAddQuatation = false |
| | | this.getQuotation(row.id) |
| | | } else if (value === "subbill") { |
| | | this.editConfig.infomation.subbill_name = row.number |
| | | this.subbillId = row.id |
| | | } else if (value === "quotation") { |
| | | this.productTableList.tableData = row.products |
| | | this.tableData = row.products |
| | | this.editConfig.infomation.quotation_number = row.number |
| | | //反向 客户名称 |
| | | this.editConfig.infomation.client_name = row.client.name |
| | | this.clientId = row.client.id |
| | | //反向 销售机会 |
| | | this.editConfig.infomation.sale_chance_name = row.sale_chance.name |
| | | this.saleChanceId = row.sale_chance.id |
| | | this.quotationId = row.id |
| | | } |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient(value) { |
| | | if (value === "client") { |
| | | this.editConfig.infomation.sale_chance_name = "" |
| | | this.editConfig.infomation.client_name = "" |
| | | this.editConfig.infomation.subbill_name = "" |
| | | this.editConfig.infomation.quotation_number = "" |
| | | this.quotationId = 0 |
| | | this.clientId = 0 |
| | | this.saleChanceId = 0 |
| | | this.subbillId = 0 |
| | | } else if (value === "chance") { |
| | | this.editConfig.infomation.sale_chance_name = "" |
| | | this.saleChanceId = 0 |
| | | this.isAddQuatation = true |
| | | this.editConfig.infomation.quotation_number = "" |
| | | this.quotationId = 0 |
| | | } else if (value === "subbill") { |
| | | this.editConfig.infomation.subbill_name = "" |
| | | this.subbillId = 0 |
| | | } else if (value === "quotation") { |
| | | this.editConfig.infomation.quotation_number = "" |
| | | this.quotationId = 0 |
| | | } |
| | | this.productTableList.tableData = [] |
| | | this.tableData = [] |
| | | }, |
| | | // 添加附件 |
| | | addAnnexClick() {}, |
| | |
| | | name: "", |
| | | number: "", |
| | | price: 0, |
| | | total: 0 |
| | | cost: "", |
| | | profit: "", |
| | | margin: "", |
| | | total: 0, |
| | | unit: "" |
| | | } |
| | | ] |
| | | } else { |
| | |
| | | this.tableData.map((item, index) => { |
| | | item.productId = index + 1 |
| | | }) |
| | | this.getQuotation(this.editConfig.infomation.saleChanceId, "全部产品") |
| | | } |
| | | // let productData = this.quotationList.products |
| | | let isBjdRequird = false |
| | | if (this.autoCodeHeadersObj.Bjd == "yes") { |
| | | isBjdRequird = true |
| | | } |
| | | this.productTableList = { |
| | | tableData: this.tableData, |
| | | isReturn: true, |
| | | tableColumn: [ |
| | | { label: "#", prop: "productId", width: 40 }, |
| | | { label: "产品名称", prop: "name", productName: true, isRequird: true }, |
| | | // { label: "#", prop: "productId", width: 40 }, |
| | | { label: "产品名称", prop: "name", productName: true, isRequird: true, min: 110 }, |
| | | { label: "规格", prop: "specs" }, |
| | | { label: "型号", prop: "type" }, |
| | | { label: "产品编号", prop: "number" }, |
| | | { label: "单位", prop: "unit" }, |
| | | { label: "销售单价", prop: "price", inputFloat: !isBjdRequird, isRequird: true }, |
| | | { label: "成本单价", prop: "cost", input: !isBjdRequird }, |
| | | { label: "毛利", prop: "profit" }, |
| | | { label: "毛利率(%)", prop: "margin", min: 90 }, |
| | | { label: "数量", prop: "amount", inputNumber: true, isRequird: true }, |
| | | { label: "销售单价", prop: "price", inputFloat: true }, |
| | | { label: "价税合计", prop: "total", inputFloat: true } |
| | | { label: "价税合计", prop: "total" } |
| | | ] |
| | | } |
| | | }, |
| | | // 产品列表输入 |
| | | inputContent(val, prop, row) { |
| | | this.productId = row.productId |
| | | // this.productId = row.productId |
| | | this.tableData.map((item) => { |
| | | if (item.productId === row.productId) { |
| | | if (item.number === row.number) { |
| | | item[prop] = val |
| | | } |
| | | }) |
| | | }, |
| | | // 产品新增 |
| | | addProductClick() { |
| | | this.productId++ |
| | | this.tableData.push({ |
| | | productId: this.productId, |
| | | id: 0, |
| | | amount: 0, |
| | | desc: "", |
| | | name: "", |
| | | number: "", |
| | | price: 0, |
| | | total: 0 |
| | | }) |
| | | // this.productId++ |
| | | // this.tableData.push({ |
| | | // productId: this.productId, |
| | | // id: 0, |
| | | // amount: 0, |
| | | // desc: "", |
| | | // name: "", |
| | | // number: "", |
| | | // price: 0, |
| | | // cost:'', |
| | | // profit:'', |
| | | // margin:'', |
| | | // total: 0, |
| | | // unit: "" |
| | | // }) |
| | | // this.showSummary.show = true |
| | | }, |
| | | // 新增方式修改 |
| | | getSelectArray(val, index) { |
| | | if (this.tableData.length == 1 && this.tableData[0].number.length == 0) { |
| | | this.tableData = [] |
| | | } |
| | | if (index < this.tableData.length) { |
| | | this.tableData.splice(index, 1) |
| | | val.map((item, ind) => { |
| | | this.tableData.splice(index + ind, 0, item) |
| | | }) |
| | | } else { |
| | | this.tableData = this.tableData.concat(val) |
| | | } |
| | | this.productTableList.tableData = this.tableData |
| | | this.showSummary.show = true |
| | | }, |
| | | // 产品清空 |
| | |
| | | name: "", |
| | | number: "", |
| | | price: 0, |
| | | total: 0 |
| | | cost: "", |
| | | profit: "", |
| | | margin: "", |
| | | total: 0, |
| | | unit: "" |
| | | } |
| | | ] |
| | | this.productTableList.tableData = this.tableData |
| | | }, |
| | | // 产品重算 |
| | | recalculateProductClick() {}, |
| | | clearupProduct(data) { |
| | | this.tableData = data |
| | | this.productTableList.tableData = this.tableData |
| | | }, |
| | | // 获取项目列表 |
| | | async getProjectList() { |
| | | await getProjectList({ |
| | | page: 1, |
| | | pageSize: 100 |
| | | }).then((res) => { |
| | | this.projectList = res.data |
| | | }) |
| | | }, |
| | | // 销售负责人自定义校验规则 |
| | | validateMemberId(rule, value, callback) { |
| | | if (this.editConfig.infomation?.memberId > 0) { |
| | | callback() |
| | | } else { |
| | | callback(new Error("请选择销售负责人")) |
| | | } |
| | | } |
| | | } |
| | | } |