From cebd034737d009868a4d4711b792ade60971f2bc Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 18 十月 2023 11:50:42 +0800 Subject: [PATCH] 概述-调拨列表样式展示修改 --- src/views/warehouseManage/bussinessType/AddBussinessType.vue | 121 ++++++++++++++++++---------------------- 1 files changed, 54 insertions(+), 67 deletions(-) diff --git a/src/views/warehouseManage/bussinessType/AddBussinessType.vue b/src/views/warehouseManage/bussinessType/AddBussinessType.vue index 77d51d0..59d57c9 100644 --- a/src/views/warehouseManage/bussinessType/AddBussinessType.vue +++ b/src/views/warehouseManage/bussinessType/AddBussinessType.vue @@ -27,29 +27,29 @@ ref="form" :model="editConfig.infomation" :rules="rules" - label-position="left" - label-width="110px" + label-position="right" + label-width="120px" size="mini" > <div class="basic-info"> <!-- <FormBtnsView :showProduct="true" @productClick="productClick" /> --> <div class="basic-info-view"> <div class="purchase-view"> - <div class="left" style="margin-left: 20px"> + <div class="left"> <el-form-item label="鍏ュ簱绫诲瀷" prop="name"> <el-input v-model="editConfig.infomation.name" placeholder="璇峰~鍐�" :disabled="!showFooter" - style="width: 85%" + style="width: 100%" ></el-input> </el-form-item> - <el-form-item label="浣滀笟绫诲瀷" prop="baseOperationType" :label-width="labelWidth"> + <el-form-item label="浣滀笟绫诲瀷" prop="baseOperationType"> <el-select v-model="editConfig.infomation.baseOperationType" placeholder="璇烽�夋嫨" size="mini" - style="width: 85%" + style="width: 100%" :disabled="!showFooter" > <el-option v-for="item in baseOperationTypeList" :key="item.id" :label="item.name" :value="item.id"> @@ -57,23 +57,35 @@ </el-select> </el-form-item> - <el-form-item label="搴忓彿鍓嶇紑" prop="prefix" :label-width="labelWidth"> + <el-form-item label="搴忓彿鍓嶇紑" prop="prefix"> <el-input v-model="editConfig.infomation.prefix" placeholder="" :disabled="!showFooter" - style="width: 85%" + style="width: 100%" ></el-input> </el-form-item> - <el-form-item label="浠撳簱" prop="warehouseId" :label-width="labelWidth"> + <el-form-item label="浠撳簱" prop="warehouseId"> <el-select v-model="editConfig.infomation.warehouseId" placeholder="璇烽�夋嫨" size="mini" - style="width: 85%" + style="width: 100%" :disabled="!showFooter" > <el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="榛樿婧愪綅缃�" prop="defaultLocationSrcId"> + <el-select + v-model="editConfig.infomation.defaultLocationSrcId" + placeholder="璇烽�夋嫨" + size="mini" + style="width: 100%" + :disabled="!showFooter" + > + <el-option v-for="item in positionlist" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> @@ -92,13 +104,16 @@ </el-form-item> --> </div> <div class="right"> - <el-form-item label="閫�璐х被鍨�" prop="returnOperationTypeID"> + <el-form-item + v-if="editConfig.infomation.baseOperationType" + label="閫�璐х被鍨�" + prop="returnOperationTypeID" + > <el-select v-model="editConfig.infomation.returnOperationTypeID" - v-if="editConfig.infomation.baseOperationType" placeholder="璇烽�夋嫨" size="mini" - style="width: 85%" + style="width: 100%" :disabled="!showFooter" > <el-option @@ -115,7 +130,7 @@ v-model="editConfig.infomation.createBackorder" placeholder="璇烽�夋嫨" size="mini" - style="width: 85%" + style="width: 100%" :disabled="!showFooter" > <el-option v-for="item in createBackorderList" :key="item.id" :label="item.name" :value="item.id"> @@ -123,64 +138,34 @@ </el-select> </el-form-item> <el-form-item label="鏄剧ず浣滀笟璇︽儏" prop="showOperations"> - <el-checkbox v-model="editConfig.infomation.showOperations"></el-checkbox> + <el-checkbox v-model="editConfig.infomation.showOperations" :disabled="!showFooter"></el-checkbox> </el-form-item> <el-form-item v-if="editConfig.infomation.baseOperationType === 1" label="棰勫~鍐欎綔涓氳鎯�" prop="earlyOperations" > - <el-checkbox v-model="editConfig.infomation.earlyOperations"></el-checkbox> + <el-checkbox v-model="editConfig.infomation.earlyOperations" :disabled="!showFooter"></el-checkbox> </el-form-item> <el-form-item v-if="editConfig.infomation.baseOperationType !== 1" label="淇濈暀鏂瑰紡" prop="reservationMethod" - :label-width="labelWidth" > - <el-radio-group - v-model="editConfig.infomation.reservationMethod" - @input="reserveMethodClick" - :disabled="!showFooter" - > - <div style="margin-top: 8px"> - <el-radio - v-for="item in reservationMethodList" - :key="item.id" - :value="item.id" - :label="item.name" - > - </el-radio> - </div> + <el-radio-group v-model="editConfig.infomation.reservationMethod" :disabled="!showFooter"> + <!-- <div style="margin-top: 8px"> --> + <el-radio v-for="item in reservationMethodList" :key="item.id" :value="item.id" :label="item.id" + >{{ item.name }} + </el-radio> + <!-- </div> --> </el-radio-group> </el-form-item> - </div> - </div> - </div> - <div class="bottom"> - <div class="purchase-view"> - <div class="left"> - <!-- <div class="second-label">浣嶇疆</div> --> - <el-form-item label="榛樿婧愪綅缃�" prop="defaultLocationSrcId" style="margin-left: 20px"> - <el-select - v-model="editConfig.infomation.defaultLocationSrcId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 85%" - :disabled="!showFooter" - > - <el-option v-for="item in positionlist" :key="item.id" :label="item.name" :value="item.id"> - </el-option> - </el-select> - </el-form-item> - </div> - <div class="right"> - <el-form-item label="榛樿鐩殑浣嶇疆" prop="defaultLocationDestId" style="margin-left: 20px"> + <el-form-item label="榛樿鐩殑浣嶇疆" prop="defaultLocationDestId"> <el-select v-model="editConfig.infomation.defaultLocationDestId" placeholder="璇烽�夋嫨" size="mini" - style="width: 85%" + style="width: 100%" :disabled="!showFooter" > <el-option v-for="item in positionlist" :key="item.id" :label="item.name" :value="item.id"> @@ -338,10 +323,10 @@ // 浠撳簱 warehouseId: data.warehouseId, // 鏄剧ず浣滀笟璇︽儏 - showOperations: data.showOperations, + showOperations: data.showOperations ? data.showOperations : false, earlyOperations: data.earlyOperations, // 淇濈暀鏂瑰紡 - reservationMethod: data.reservationMethod, + reservationMethod: data.reservationMethod ? data.reservationMethod : 0, // 榛樿鍘熶綅缃� defaultLocationSrcId: data.defaultLocationSrcId, // 榛樿鐩爣浣嶇疆 @@ -389,15 +374,15 @@ // 浜у搧 productClick() { this.$router.push({ path: "/productManage/productList", query: { name: "浜у搧" } }) - }, - // 淇濈暀鏂瑰紡 - reserveMethodClick(val) { - if (val === "鍦ㄩ瀹氭棩鏈熶箣鍓�") { - this.labelWidth = "140px" - } else { - this.labelWidth = "80px" - } } + // 淇濈暀鏂瑰紡 + // reserveMethodClick(val) { + // if (val === "鍦ㄩ瀹氭棩鏈熶箣鍓�") { + // this.labelWidth = "140px" + // } else { + // this.labelWidth = "80px" + // } + // } } } </script> @@ -424,9 +409,11 @@ border-bottom: 1px solid #e9e9e9; } .basic-info { - height: calc(100% - 80px); - overflow: auto; - margin: 20px; + // height: 350px; + // overflow-y: auto; + // overflow-x: hidden; + width: calc(100% - 60px); + margin: 30px; // border: 1px solid #dcdfe6; // box-shadow: inset 0 0 2px #dee2e6; // -moz-box-shadow: inset 0 0 2px #dee2e6; -- Gitblit v1.8.0