From b4b3cb3641ecdf56cdfdf3532e5acf4af46fbe48 Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期二, 12 十二月 2023 18:33:45 +0800 Subject: [PATCH] 新增出入库明细页面,添加无权限展示页面,接口调整 --- src/views/overview/AddOverviewDialog.vue | 519 +++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 355 insertions(+), 164 deletions(-) diff --git a/src/views/overview/AddOverviewDialog.vue b/src/views/overview/AddOverviewDialog.vue index 4b8465d..9226689 100644 --- a/src/views/overview/AddOverviewDialog.vue +++ b/src/views/overview/AddOverviewDialog.vue @@ -1,16 +1,12 @@ <template> <div class="add-common"> - <el-dialog - :title="editCommonConfig.title + '閲囪喘鍏ュ簱'" - :visible.sync="editConfig.visible" - :width="dialogWidth" - :before-close="handleClose" - > + <el-dialog :title="editCommonConfig.title + '閲囪喘鍏ュ簱'" :visible.sync="editConfig.visible" :width="dialogWidth" + :before-close="handleClose"> <!-- 澶� --> <div slot="title" class="dialog-header"> <span>{{ editCommonConfig.title === "鏌ョ湅" ? editCommonConfig.title : editCommonConfig.title + addName }}</span> <div class="header_btns"> - <span class="btn"> + <span class="btn" :style="{cursor:thatCursor,color:thatColor}" @click="btnPrint" :disabled="true"> <i class="el-icon-printer"></i> <span>鎵撳嵃</span> </span> @@ -18,51 +14,45 @@ <i class="el-icon-s-tools"></i> <span>鍔ㄤ綔</span> </span> - <el-button v-if="showEdit" plain size="mini" style="margin-left: 15px" @click="editClick">缂栬緫</el-button> + <el-button v-if="showEdit" :disabled="this.editConfig.infomation.status === 5" plain size="mini" + style="margin-left: 15px" @click="editClick">缂栬緫</el-button> </div> </div> <!-- 鍐呭 --> - <el-form - ref="form" - :model="editConfig.infomation" - :rules="rules" - label-position="right" - label-width="120px" - size="mini" - > + <el-form ref="form" :model="editConfig.infomation" :rules="rules" label-position="right" label-width="120px" + size="mini"> <div> <!-- <div>aaa</div> --> - <StatusCommonView - :showButton="showButton" - :isValidateClick="isValidateClick" - :isDelClick="isDelClick" - :list="list" - @delClick="delClick" - @validateClick="validateClick" - /> + <StatusCommonView :showButton="showButton" :isValidateClick="isValidateClick" :isDelClick="isDelClick" + :isCancel="isCancel" :list="list" :showCancel="showCancel" @delClick="delClick" @validateClick="validateClick" + @btnCancel="btnCancel" /> </div> <div class="basic-info"> <div class="basic-info-view"> <el-row> <el-col :span="12"> <el-form-item prop="companyName"> - <span slot="label">{{ workType === 1 ? "瀹㈡埛" : workType === 2 ? "閫佽揣鍦板潃" : "鑱旂郴浜�" }}</span> - <el-select - v-model="editConfig.infomation.companyName" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 90%" - :disabled="!showFooter" - @change="companyChange" - > - <el-option - v-for="item in companyOptions" - :key="item.id" - :label="item.name" - :value="{ value: item.id, label: item.name }" - > + <span slot="label">{{ workType === 1 ? "渚涘簲鍟�" : workType === 2 ? "瀹㈡埛" : "鑱旂郴浜�" }}</span> + + <el-select v-if="workType === 1" v-model="editConfig.infomation.companyName" placeholder="璇烽�夋嫨" + size="mini" style="width: 90%" :disabled="!showFooter" @change="companyChange"> + <el-option v-for="item in supplierOptions" :key="item.SupplierId" :label="item.SupplierName" + :value="{ value: item.SupplierId, label: item.SupplierName }"> </el-option> </el-select> + <el-select v-else-if="workType === 2" v-model="editConfig.infomation.companyName" placeholder="璇烽�夋嫨" + size="mini" style="width: 90%" :disabled="!showFooter" @change="companyChange"> + <el-option v-for="item in clientOptions" :key="item.ClientId" :label="item.ClientName" + :value="{ value: item.ClientId, label: item.ClientName }"> + </el-option> + </el-select> + <el-select v-else v-model="editConfig.infomation.companyName" placeholder="璇烽�夋嫨" size="mini" + style="width: 90%" :disabled="!showFooter" @change="companyChange"> + <el-option v-for="item in companyOptions" :key="item.id" :label="item.name" + :value="{ value: item.id, label: item.name }"> + </el-option> + </el-select> + </el-form-item> </el-col> <!-- <el-col :span="12"> @@ -95,26 +85,15 @@ </el-col> --> <el-col :span="12"> <el-form-item label="鏃ユ湡" prop="operationDate"> - <el-date-picker - v-model="editConfig.infomation.operationDate" - value-format="yyyy-MM-dd" - type="date" - placeholder="閫夋嫨鏃ユ湡" - style="width: 90%" - :disabled="!showFooter" - > + <el-date-picker v-model="editConfig.infomation.operationDate" value-format="yyyy-MM-dd" type="date" + placeholder="閫夋嫨鏃ユ湡" style="width: 90%" :disabled="!showFooter"> </el-date-picker> </el-form-item> </el-col> <el-col v-if="showOperationType" :span="12"> <el-form-item label="鍏ュ簱绫诲瀷" prop="operationTypeId"> - <el-select - v-model="editConfig.infomation.operationTypeId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 90%" - :disabled="!showFooter" - > + <el-select v-model="editConfig.infomation.operationTypeId" placeholder="璇烽�夋嫨" size="mini" + style="width: 90%" :disabled="!showFooter"> <el-option v-for="item in operationTypeOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> @@ -127,58 +106,34 @@ </el-col> <el-col :span="12"> <el-form-item label="鏉ユ簮鍗曟嵁" prop="sourceNumber"> - <el-input - v-model="editConfig.infomation.sourceNumber" - placeholder="渚嬪:PO0032" - style="width: 90%" - :disabled="!showFooter" - ></el-input> + <el-input v-model="editConfig.infomation.sourceNumber" placeholder="渚嬪:PO0032" style="width: 90%" + :disabled="!showFooter"></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="workType !== 1" label="婧愪綅缃�" prop="fromLocationId"> - <el-select - v-model="editConfig.infomation.fromLocationId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 90%" - :disabled="!showFooter" - > - <el-option v-for="item in toLocationOptions" :key="item.id" :label="item.name" :value="item.id"> + <el-select v-model="editConfig.infomation.fromLocationId" placeholder="璇烽�夋嫨" size="mini" + style="width: 90%" :disabled="!showFooter"> + <el-option v-for="item in toLocationOptions" :key="item.id" :label="item.jointName" :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="workType !== 2" label="浠撳簱浣嶇疆" prop="toLocationId"> - <el-select - v-model="editConfig.infomation.toLocationId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 90%" - :disabled="!showFooter" - > - <el-option v-for="item in toLocationOptions" :key="item.id" :label="item.name" :value="item.id"> + <el-select v-model="editConfig.infomation.toLocationId" placeholder="璇烽�夋嫨" size="mini" style="width: 90%" + :disabled="!showFooter"> + <el-option v-for="item in toLocationOptions" :key="item.id" :label="item.jointName" :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="璐熻矗浜�" prop="contacterName"> - <el-select - v-model="editConfig.infomation.contacterName" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 90%" - :disabled="!showFooter" - @change="contacterChange" - > - <el-option - v-for="item in memberOptions" - :key="item.id" - :label="item.name" - :value="{ value: item.id, label: item.name }" - > + <el-select v-model="editConfig.infomation.contacterName" placeholder="璇烽�夋嫨" size="mini" + style="width: 90%" :disabled="!showFooter" @change="contacterChange"> + <el-option v-for="item in memberOptions" :key="item.id" :label="item.name" + :value="{ value: item.id, label: item.name }"> </el-option> </el-select> </el-form-item> @@ -199,14 +154,8 @@ </el-col> --> <el-col :span="24"> <el-form-item label="澶囨敞" prop="comment"> - <el-input - v-model.trim="editConfig.infomation.comment" - size="mini" - type="textarea" - style="width: 96%" - :autosize="{ minRows: 3 }" - :disabled="!showFooter" - ></el-input> + <el-input v-model.trim="editConfig.infomation.comment" size="mini" type="textarea" style="width: 96%" + :autosize="{ minRows: 3 }" :disabled="!showFooter"></el-input> </el-form-item> </el-col> </el-row> @@ -215,15 +164,12 @@ <el-tabs v-model="activeName" type="card"> <!-- <el-tab-pane v-if="workType !== 1" label="璇︽儏" name="detail"> </el-tab-pane> --> <el-tab-pane label="浜у搧" name="first"> </el-tab-pane> + <el-tab-pane label="鐗╂祦淇℃伅" name="two" v-if="this.workType === 2"></el-tab-pane> </el-tabs> <!-- 鎿嶄綔 --> <div v-if="activeName === 'first'"> - <CommonFormTableView - :product-table-list="productTableList" - :detail-enter="!showFooter" - @inputContent="inputContent" - @addProductClick="addProductClick('鎿嶄綔')" - > + <CommonFormTableView :product-table-list="productTableList" :detail-enter="!showFooter" + @inputContent="inputContent" @addProductClick="addProductClick('鎿嶄綔')"> <template v-if="showFooter" slot="tableButton"> <el-table-column label="鎿嶄綔" width="60" fixed="right" align="center"> <template slot-scope="scope"> @@ -234,6 +180,57 @@ </el-table-column> </template> </CommonFormTableView> + </div> + <!-- 鐗╂祦淇℃伅 --> + <div v-if="activeName === 'two' && this.workType === 2"> + <el-form :rules="rules2" ref="shipmentsInfo" label-position="right" :model="editConfig.infomation" label-width="120px" size="mini" + style="margin-top: 20px;"> + <el-col :span="12"> + <el-form-item label="鎵胯繍鍟�"> + <el-select size="mini" :disabled="!showFooter" v-model="editConfig.infomation.logisticCompanyId" + placeholder="璇烽�夋嫨" style="width: 90%;"> + <el-option v-for="item in editConfig.infomation.carrier" :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="杩愬崟鍙�"> + <el-input style="width: 90%;" :disabled="!showFooter" + v-model="editConfig.infomation.waybillNumber"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏀惰揣浜�"> + <el-input style="width: 90%;" :disabled="!showFooter" + v-model="editConfig.infomation.receiverName"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="receiverPhone"> + <el-input style="width: 90%;" :disabled="!showFooter" + v-model="editConfig.infomation.receiverPhone"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏀惰揣鍦板潃"> + <el-input style="width: 90%;" :disabled="!showFooter" + v-model="editConfig.infomation.receiverAddr"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="閲嶉噺"> + <el-input style="width: 90%;" :disabled="!showFooter" type="number" + v-model="editConfig.infomation.weight"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鐗╂祦閲嶉噺"> + <el-input style="width: 90%;" :disabled="!showFooter" type="number" + v-model="editConfig.infomation.logisticWeight"></el-input> + </el-form-item> + </el-col> + </el-form> </div> <!-- 璇︽儏 --> <!-- <div v-if="activeName === 'detail'"> @@ -260,7 +257,7 @@ <!-- 灏� --> <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')" :disabled="!showFooter">淇濆瓨</el-button> + <el-button type="primary" size="small" @click="saveClick" :disabled="!showFooter">淇濆瓨</el-button> <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button> </div> </el-dialog> @@ -274,10 +271,13 @@ addOperation, updateOperation, updateStatus, + stateCancel, deleteOperation, - getOperationType + getListTransfer, + getLogisticCompanyList, + printReceipts } from "@/api/overview/overview" -import { getCompanyList } from "@/api/common/other" +import { getSupplierList, getCompanyList, getClientList } from "@/api/common/other" export default { name: "AddOverviewDialog", props: { @@ -316,17 +316,24 @@ operationDate: [{ required: true, message: "璇烽�夋嫨鏃ユ湡", trigger: "change" }], toLocationId: [{ required: true, message: "璇烽�夋嫨浠撳簱浣嶇疆", trigger: "change" }], fromLocationId: [{ required: true, message: "璇烽�夋嫨婧愪綅缃�", trigger: "change" }], - operationTypeId: [{ required: true, message: "璇烽�夋嫨鍏ュ簱绫诲瀷", trigger: "change" }] + operationTypeId: [{ required: true, message: "璇烽�夋嫨鍏ュ簱绫诲瀷", trigger: "change" }], + }, + rules2:{ + receiverPhone: [ + // {required: true, message: "璇疯緭鍏ユ墜鏈哄彿", trigger: "change" }, + { + pattern: + /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/, + message: "璇疯緭鍏ユ纭殑鎵嬫満鍙�", + trigger: ["blur",'change' ], + }, + ] }, companyOptions: [], // 鍏徃 + supplierOptions: [],//渚涘簲鍟� + clientOptions: [],//瀹㈡埛 memberOptions: [{ id: 1, name: "绠$悊鍛�" }], toLocationOptions: [], // 婧愪綅缃� 浠撳簱浣嶇疆 - list: [ - { label: "鑽夌", status: "todo", value: 1 }, - { label: "姝e湪绛夊緟", status: "todo", value: 2 }, - { label: "灏辩华", status: "todo", value: 3 }, - { label: "瀹屾垚", status: "todo", value: 4 } - ], showButton: true, activeName: "first", productTableList: {}, @@ -335,6 +342,7 @@ isNoProduct: true, // 娣诲姞鏄庣粏琛屾椂鏄惁鏈変骇鍝佹湭閫夋嫨 showEdit: false, // 鏄惁鏄剧ず缂栬緫鎸夐挳 isDelClick: false, // 鍒犻櫎鎸夐挳鏄惁鍙偣鍑� + isCancel: false, //楠岃瘉鎸夐挳鏄惁鍙偣鍑� showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨 currentState: "todo", // 褰撳墠鐘舵�� detailTableList: {}, @@ -346,34 +354,83 @@ companyObj: {}, contacterObj: {}, isValidateClick: false, // 楠岃瘉鏄惁鏄剧ず - operationTypeOptions: [] // 鍏ュ簱绫诲瀷鍒楄〃 + operationTypeOptions: [], // 鍏ュ簱绫诲瀷鍒楄〃 + shipmentsInfo: { + carrier: [], + waybillNumber: '', + weight: 0, + logisticWeight: 0, + receiverPhone:'' + }, + showCancel: false, // 鍙栨秷鏄惁鍙互鏄剧ず + list: [], + pdfParams:{}, + thatCursor:this.workType===3?"no-drop":'pointer', + thatColor:this.workType===3?'#ccc':'#000' } }, created() { + this.getCompanyList() + this.setStatusList() this.setTableForm() this.setBottonView() this.setDetailTableForm() - this.getCompanyList() this.getLocationList() this.receiptType = this.editConfig.title === "鏌ョ湅" ? this.editConfig.infomation.operationTypeName : this.addName if (this.showOperationType) { - this.getOperationType() + this.getListTransfer() } + this.getLogisticCompanyList() }, methods: { + setStatusList() { + if (this.editConfig.infomation.status === 5) { + this.list = [ + { label: "鑽夌", status: "todo", value: 1 }, + { label: "姝e湪绛夊緟", status: "todo", value: 2 }, + { label: "灏辩华", status: "todo", value: 3 }, + { label: "瀹屾垚", status: "todo", value: 4 }, + { label: "宸插彇娑�", status: "todo", value: 5 } + ] + } else { + this.list = [ + { label: "鑽夌", status: "todo", value: 1 }, + { label: "姝e湪绛夊緟", status: "todo", value: 2 }, + { label: "灏辩华", status: "todo", value: 3 }, + { label: "瀹屾垚", status: "todo", value: 4 } + ] + } + }, // 鑾峰彇鍏徃鍒楄〃 async getCompanyList() { - await getCompanyList().then((res) => { - console.log(res) - if (res.data.code === 200) { - this.companyOptions = res.data.data - } - }) + if (this.workType === 1) { + await getSupplierList().then((res) => { + console.log(res) + if (res.code === 200) { + this.supplierOptions = res.data + } + }) + } else if (this.workType === 2) { + await getClientList().then((res) => { + console.log(res) + if (res.code === 200) { + this.clientOptions = res.data + } + }) + } else { + await getCompanyList().then((res) => { + console.log(res) + if (res.code === 200) { + this.companyOptions = res.data + } + }) + } }, // 鑾峰彇浠撳簱浣嶇疆鍒楄〃 async getLocationList() { await getLocationList({ keyWord: "", + jointName: this.editConfig.code, page: 0, pageSize: 0 }).then((res) => { @@ -384,15 +441,15 @@ }) }, // 鑾峰彇浠撳簱绫诲瀷 - async getOperationType() { - await getOperationType({ + async getListTransfer() { + await getListTransfer({ keyword: "", page: 0, pageSize: 0 }).then((res) => { - console.log(res.data.data) - if (res.data.code === 200) { - const list = res.data.data.map((item) => { + console.log(res.data) + if (res.code === 200) { + const list = res.data.map((item) => { return { name: item.name, id: item.id @@ -410,13 +467,24 @@ this.showEdit = false this.showFooter = true this.isValidateClick = false - } else if (this.editConfig.title === "鏌ョ湅" && this.editConfig.infomation.status !== 4) { + } else if (this.editConfig.title === "缂栬緫") { this.showButton = true this.showEdit = false + this.isDelClick = true + this.showFooter = true + } else if (this.editConfig.title === "鏌ョ湅" && this.editConfig.infomation.status !== 4) { + this.showButton = true + this.showEdit = true this.isDelClick = true this.showFooter = false if (this.editConfig.infomation.status === "瀹屾垚") { this.isValidateClick = false + } else if (this.editConfig.infomation.status === 3) { + this.isValidateClick = true + this.showCancel = true + } else if (this.editConfig.infomation.status === 5) { + this.isCancel = true + this.isValidateClick = true } else { this.isValidateClick = true } @@ -427,6 +495,7 @@ this.showFooter = false this.isValidateClick = false } else if (this.editConfig.infomation.status === 5) { + this.isCancel = true this.showButton = true this.showEdit = false this.showFooter = false @@ -437,6 +506,7 @@ this.showEdit = true this.showFooter = false this.isValidateClick = true + this.showCancel = true } if (this.editConfig.title === "鏂板缓") { this.list[0].status = "active" @@ -462,36 +532,59 @@ this.showFooter = true this.setTableForm() }, - // 淇濆瓨 - saveClick(formName) { - this.$refs[formName].validate((valid) => { - if (valid) { - for (let i = 0; i < this.tableData.length; i++) { - if (this.tableData[i].productName.length === 0) { - this.isNoProduct = true - break - } else { - this.isNoProduct = false - } - } - if (this.isNoProduct) { - this.$message.error("璇锋坊鍔犳槑缁嗚鎴栭�夋嫨浜у搧涓嶈兘涓虹┖") - } else { - let requestUrl = this.editConfig.title === "鏂板缓" ? addOperation : updateOperation - let params = this.saveParams() - requestUrl({ - ...params - }).then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message.success("娣诲姞鎴愬姛") - this.$parent.getData() - } - }) - } + async getLogisticCompanyList() { + await getLogisticCompanyList().then((res) => { + if (res.code === 200) { + this.editConfig.infomation.carrier = res.data } }) + }, + // 淇濆瓨 + saveClick() { + let validArr=[] + if(this.workType === 2){ + console.log("鍑哄簱") + validArr=[this.$refs.form.validate(),this.$refs.shipmentsInfo.validate()] + }else{ + console.log("鍏ュ簱") + validArr=[this.$refs.form.validate()] + } + console.log(validArr,"xxx") + Promise.all(validArr) + .then((results) => { + console.log(results,"鎵ц鎴愬姛") + for (let i = 0; i < this.tableData.length; i++) { + if (this.tableData[i].productName.length === 0) { + this.isNoProduct = true + break + } else { + this.isNoProduct = false + } + } + if (this.isNoProduct) { + this.$message.error("璇锋坊鍔犳槑缁嗚鎴栭�夋嫨浜у搧涓嶈兘涓虹┖") + } else { + let requestUrl = this.editConfig.title === "鏂板缓" ? addOperation : updateOperation + let params = this.saveParams() + requestUrl({ + ...params + }).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + if(this.editConfig.title === "鏂板缓"){ + this.$message.success("娣诲姞鎴愬姛") + }else { + this.$message.success("缂栬緫鎴愬姛") + } + this.$parent.getData() + } + }) + } + }) + .catch((error) => { + console.error('琛ㄥ崟鏍¢獙鏈�氳繃:', error); + }); }, saveParams() { let data = this.editConfig.infomation @@ -511,6 +604,7 @@ contacterName = Object.keys(this.contacterObj).length === 0 ? data.contacterName : this.contacterObj.label } let params = { + baseOperationType: data.baseOperationType, comment: data.comment || "", companyID: companyID, companyName: companyName, @@ -525,7 +619,14 @@ operationTypeName: this.receiptType, sourceNumber: data.sourceNumber || "", status: 3, - toLocationId: data.toLocationId || 0 + toLocationId: data.toLocationId || 0, + waybillNumber: data.waybillNumber || '', + weight: data.weight || 0, + logisticWeight: data.logisticWeight || 0, + logisticCompanyId: data.logisticCompanyId, + receiverAddr: data.receiverAddr || '', + receiverName: data.receiverName || '', + receiverPhone: data.receiverPhone || '' } return params }, @@ -566,7 +667,7 @@ // { label: "璇存槑", prop: "number", input: true }, // { label: "鏃ユ湡", prop: "amount", date: true, isRequird: true }, // { label: "鎴鏃ユ湡", prop: "price", date: true }, - { label: "瀹屾垚", prop: "amount", inputFloat: true }, + { label: "鏁伴噺", prop: "amount", inputFloat: true }, { label: "璁¢噺鍗曚綅", prop: "unit" } ] } @@ -582,6 +683,7 @@ }, // 鏂板 addProductClick(value) { + console.log(value) if (value === "鎿嶄綔") { console.log(this.tableData) for (let i = 0; i < this.tableData.length; i++) { @@ -690,6 +792,61 @@ this.$parent.getData() } }) + }, + + // 鍙栨秷 + btnCancel() { + this.$confirm('纭畾鍙栨秷鍚楋紵', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + stateCancel(this.editConfig.infomation.id).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message.success("鍙栨秷璋冩嫧") + this.$parent.getData() + } + }) + this.list.map((item) => { + if (item.label === "宸插彇娑�") { + item.status = "active" + } else { + item.status = "todo" + } + }) + }).catch(() => { + }); + }, + //鎵撳嵃 + async btnPrint() { + if(this.workType!==3){ + localStorage.removeItem('pdfParams'); + try { + let res = await printReceipts(this.editCommonConfig.infomation.id); + console.log(res); + if (res.code === 200) { + console.log(this.editConfig.infomation.baseOperationType,"绫诲瀷") + let pdfParams = { + url: res.data, + baseOperationType: this.editConfig.infomation.baseOperationType || undefined, + cutAfterWidth: this.editConfig.infomation.baseOperationType === 2 ? 50.8 : 53.3 + }; + var { href } = this.$router.resolve({ + path: '/overview/previewExcel', + query:{ + ...pdfParams + } + + }); + window.open(href, '_blank'); + } + } catch (error) { + console.error(error); + } + } + } } } @@ -702,17 +859,26 @@ align-items: center; font-size: 14px; color: #333; + .header_btns { margin-left: auto; margin-right: 60px; + .btn { + cursor: pointer; + } + + .btn:nth-of-type(2) { cursor: no-drop; + color:#ccc; } } } + .content-status { display: flex; } + .basic-info { height: calc(100% - 80px); overflow: auto; @@ -725,46 +891,71 @@ // margin-top: 20px; // } } + .purchase-view { display: flex; + .left { width: 50%; } + .right { width: 50%; } } + .second-label { margin-left: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; } + ::v-deep { .el-dialog__headerbtn { position: absolute; top: 15px; } + .el-button { &:hover { border: 1px solid #dcdfe6; color: #333; } } - .el-tabs--card > .el-tabs__header { + + .el-tabs--card>.el-tabs__header { border-bottom: none; } - .el-tabs__item.is-active { - color: #333; - background: #f1f3f8; - } + + // .el-tabs__item.is-active { + // color: #333; + // background: #f1f3f8; + // } .el-tabs__item { height: 30px; line-height: 30px; font-size: 13px; background: #f3f3f3; } + .el-tabs__header { margin: 0 0 1px; } + + .bottom { + .el-form { + // border-top: 1px solid #EBEEF5; + } + + .el-form-item { + height: 28px; + + .el-input { + input { + height: 28px; + } + } + } + } } </style> -- Gitblit v1.8.0