| | |
| | | :model="editConfig.infomation" |
| | | :rules="rules" |
| | | label-position="right" |
| | | label-width="308px" |
| | | label-width="30%" |
| | | size="mini" |
| | | style="height: 60vh; overflow-x: hidden" |
| | | > |
| | |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="退款单编号" prop="number"> |
| | | <WordInput |
| | | v-if="codenumer && (explain != '' || isIdDisabled) && method == 0" |
| | | :codenumer="codenumer" |
| | | :sum="sum" |
| | | :disabled="editConfig.title !== '新建' || isIdDisabled" |
| | | :inputValue="inputValue" |
| | | @codeList="codeList" |
| | | /> |
| | | <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> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="客户名称" prop="client_name"> |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.client_name" |
| | | :fetch-suggestions=" |
| | | (queryString, callback) => { |
| | |
| | | <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('client')"> |
| | | <i class="el-icon-edit-outline" title="清除"></i> |
| | | <div |
| | | v-if="editConfig.infomation.client_name && editConfig.infomation.client_name.length > 0" |
| | | class="common-select-btn" |
| | | @click="clearupClient('client')" |
| | | > |
| | | <i class="el-icon-remove-outline" title="清除"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <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="sale_return_nunber"> |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.sale_return_nunber" |
| | | :fetch-suggestions=" |
| | | (queryString, callback) => { |
| | |
| | | <div class="common-select-btn" @click="selClientClick('salesReturn')"> |
| | | <i class="el-icon-circle-plus-outline"></i> |
| | | </div> |
| | | <div class="common-select-btn" @click="clearupClient('salesReturn')"> |
| | | <i class="el-icon-edit-outline"></i> |
| | | <div |
| | | v-if=" |
| | | editConfig.infomation.sale_return_nunber && editConfig.infomation.sale_return_nunber.length > 0 |
| | | " |
| | | class="common-select-btn" |
| | | @click="clearupClient('salesReturn')" |
| | | > |
| | | <i class="el-icon-remove-outline"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="销售负责人" prop="memberId"> |
| | | <el-select |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.memberId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 63%" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="退款日期" prop="refundDate"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.refundDate" |
| | | value-format="yyyy-MM-dd" |
| | | type="date" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="付款方式" prop="paymentTypeId"> |
| | | <el-form-item label="退款方式" prop="paymentTypeId"> |
| | | <div class="common-select"> |
| | | <el-select |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.paymentTypeId" |
| | | placeholder="请选择" |
| | | class="common-select-sel" |
| | |
| | | <el-form-item label="账户" prop="bankAccountId"> |
| | | <div class="common-select"> |
| | | <el-select |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.bankAccountId" |
| | | placeholder="请选择" |
| | | class="common-select-sel" |
| | |
| | | <el-form-item label="是否开票" prop="isInvoice"> |
| | | <div class="common-select"> |
| | | <el-select |
| | | style="width: 100%" |
| | | v-model="editConfig.infomation.isInvoice" |
| | | placeholder="请选择" |
| | | class="common-select-sel" |
| | |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="退款原因" prop="reason"> |
| | | <el-form-item label="退款原因" prop="reason" label-width="15%"> |
| | | <el-input |
| | | style="width: 100%" |
| | | type="textarea" |
| | | :autosize="{ minRows: 2 }" |
| | | v-model="editConfig.infomation.reason" |
| | |
| | | import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" |
| | | import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" |
| | | import { getPaymentTypeList } from "@/api/common/payment" |
| | | import codeMixin from "@/views/client/followupRecords/mixin/codeMixin" |
| | | import { getSalesReturnList } from "@/api/sales/salesReturn" |
| | | import { mapActions } from "vuex" |
| | | |
| | | export default { |
| | | name: "AddRefundFormDialog", |
| | | mixins: [codeMixin], |
| | | props: { |
| | | editCommonConfig: { |
| | | type: Object, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | dialogWidth: "80%", |
| | | dialogWidth: "50%", |
| | | editConfig: this.editCommonConfig, |
| | | rules: { |
| | | client_name: [{ required: true, message: "请选择", trigger: "change" }], |
| | | number: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | refundDate: [{ required: true, message: "请选择", trigger: "change" }], |
| | | memberId: [{ required: true, message: "请选择", trigger: "change" }], |
| | | sale_return_nunber: [{ required: true, message: "请选择", trigger: "change" }] |
| | | client_name: [{ required: true, message: "请选择客户名称", trigger: "change" }], |
| | | number: [{ required: true, message: "请输入退款单编号", trigger: "blur" }], |
| | | refundDate: [{ required: true, message: "请选择退款日期", trigger: "change" }], |
| | | memberId: [{ required: true, message: "请选择销售负责人", trigger: "change" }], |
| | | sale_return_nunber: [{ required: true, message: "请选择销售退货单", trigger: "change" }] |
| | | }, |
| | | memberOptions: [], |
| | | // selSourceOrderOptions: [{ value: "1", label: "销售退货单" }], // 选择源单 |
| | |
| | | editSelCommonConfig: { |
| | | editVisible: false, |
| | | title: "", |
| | | infomation: {} |
| | | infomation: {}, |
| | | clientId: "" |
| | | }, |
| | | clientId: this.editCommonConfig.infomation.client_id, |
| | | sourceId: this.editCommonConfig.infomation.sourceId, |
| | |
| | | this.$store.dispatch("geReturnList") |
| | | this.setTableForm() |
| | | this.getCommonData() |
| | | this.formInfo() |
| | | }, |
| | | watch: { |
| | | "editClientManageConfig.visible"(val) { |
| | | if (val) { |
| | | this.formInfo() |
| | | } |
| | | }, |
| | | "editClientManageConfig.infomation.codeStandID"() { |
| | | this.formInfo() |
| | | } |
| | | }, |
| | | methods: { |
| | | ...mapActions(["getReturnListFliter"]), |
| | | formInfo() { |
| | | this.objCode.type = "销售退款编码" |
| | | this.objCode.codeStandID = "" |
| | | if (this.editConfig.infomation.codeStandID) { |
| | | this.objCode.codeStandID = this.editConfig.infomation.codeStandID |
| | | } |
| | | this.getRCodeStandardList() |
| | | }, |
| | | getCommonData() { |
| | | getAllData().then((res) => { |
| | | this.memberOptions = res.data.member |
| | |
| | | }, |
| | | async getPaymentTypeList() { |
| | | await getPaymentTypeList().then((res) => { |
| | | console.log("支付方式") |
| | | console.log(res.data) |
| | | if (res.data.code === 200) { |
| | | this.paymentTypeListOptions = res.data.data.data |
| | | } |
| | |
| | | reason: data.reason || "", |
| | | refundDate: data.refundDate || "", |
| | | sourceId: this.sourceId || 0, |
| | | sourceType: 1 |
| | | sourceType: 1, |
| | | codeRule: this.codeRule |
| | | } |
| | | } |
| | | return params |
| | |
| | | } |
| | | } |
| | | }, |
| | | handleSelectClient(value, item) { |
| | | async handleSelectClient(value, item) { |
| | | if (value === "client") { |
| | | this.clientId = item.id |
| | | this.editSelCommonConfig.clientId = item.id |
| | | console.log("客户名称", this.clientId, value, item) |
| | | await getSalesReturnList({ |
| | | clientId: this.clientId |
| | | }).then((res) => { |
| | | this.getReturnListFliter(res.data.list) |
| | | }) |
| | | } else if (value === "salesReturn") { |
| | | console.log(item) |
| | | this.editConfig.infomation.sale_return_nunber = item.number |