From 47c7297c9fcbe5be06cf8f0ba5269c49089b84fc Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期四, 06 三月 2025 15:00:36 +0800 Subject: [PATCH] 下单样式修改 --- src/views/business/productOrder/components/add.vue | 234 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 141 insertions(+), 93 deletions(-) diff --git a/src/views/business/productOrder/components/add.vue b/src/views/business/productOrder/components/add.vue index 7abed7e..5f151a6 100644 --- a/src/views/business/productOrder/components/add.vue +++ b/src/views/business/productOrder/components/add.vue @@ -2,9 +2,7 @@ <div class="app-container"> <div v-show="!cableConfigShow&&!auxiliaryShow"> <div style="display: flex;justify-content: space-between;align-items:center;"> - <div> - 濮旀墭鍗曚俊鎭� - </div> + <div>濮旀墭鍗曚俊鎭�</div> <div> <el-cascader v-model="addObj.quarterItemId" @@ -41,96 +39,146 @@ <div v-show="!cableConfigShow&&!auxiliaryShow" style="margin-top: 10px"> <div class="search"> <el-form ref="addObj" :inline="true" :model="addObj" :rules="addObjRules" label-width="108px" label-position="right"> - <el-form-item label="濮旀墭缂栧彿:"> - <el-input v-model="addObj.entrustCode" clearable disabled placeholder="绯荤粺鐢熸垚" size="small"></el-input> - </el-form-item> - <el-form-item label="妫�楠岀被鍒�:" prop="orderType"> - <el-select v-model="addObj.orderType" :disabled="active>1&&tabIndex!=4" clearable size="small" style="width: 100%;"> - <el-option v-for="(a, ai) in dict.type.check_type1" :key="ai" :label="a.label" :value="a.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鍒跺崟浜�:"> - <el-input v-model="addObj.custom" disabled size="small" clearable></el-input> - </el-form-item> - <el-form-item label="濮旀墭鍗曚綅:" prop="company"> - <el-input v-model="addObj.company" disabled placeholder="閫夋嫨濮旀墭鍗曚綅" size="small" style="width: 208px"> - <template slot="append"> - <el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search" - @click="openCompanyList"></el-button> - </template> - </el-input> - </el-form-item> - <el-form-item label="鑱旂郴鏂瑰紡:" prop="phone"> - <el-input v-model="addObj.phone" :disabled="active>1&&tabIndex!=4" clearable placeholder="閫夋嫨濮旀墭瀹㈡埛" size="small"></el-input> - </el-form-item> - <el-form-item label="绱ф�ョ▼搴�:" prop="type"> - <el-select v-model="addObj.type" :disabled="active>1&&tabIndex!=4" clearable size="small"> - <el-option v-for="(a, ai) in dict.type.urgency_level" :key="ai" :label="a.label" :value="a.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鏍峰搧鍚嶇О:" prop="sample"> - <el-input v-model="addObj.sample" disabled size="small" style="width: 208px"> - <template slot="append"><el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search" - @click="selectStandardTree = true"></el-button></template> - </el-input> - </el-form-item> - <el-form-item label="鏍峰搧鏁伴噺:" prop="sampleNum" style="margin-right: 0"> - <el-input-number v-model="addObj.sampleNum" :disabled="active>1" :max="100" :min="1" :precision="0" - size="small" @change="addStandardTree"></el-input-number> - </el-form-item> - <el-form-item label="鏍峰搧鐘舵��:" prop="sampleStatus"> - <el-select v-model="addObj.sampleStatus" :disabled="active>1&&tabIndex!=4" size="small"> - <el-option v-for="(a,ai) in dict.type.sample_status_list" :key="ai" :label="a.label" :value="a.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鎶芥鏁伴噺:" prop="testQuantity"> - <el-input v-model="addObj.testQuantity" :disabled="active>1&&tabIndex!=4" clearable size="small"></el-input> - </el-form-item> - <el-form-item label="鏉ユ牱鏂瑰紡:" prop="formType"> - <el-select v-model="addObj.formType" :disabled="active>1&&tabIndex!=4" size="small" clearable> - <el-option v-for="(a,ai) in dict.type.form_type" :key="ai" :label="a.label" :value="a.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鐢熶骇鍗曚綅:" prop="production"> - <el-input v-model="addObj.production" :disabled="active>1&&tabIndex!=4" clearable placeholder="璇疯緭鍏�" - size="small"></el-input> - </el-form-item> - <el-form-item label="鐢熶骇鍗曚綅EN:" prop="productionEn"> - <el-input v-model="addObj.productionEn" :disabled="active>1&&tabIndex!=4" clearable placeholder="璇疯緭鍏�" - size="small"></el-input> - </el-form-item> - <el-form-item label="鏍峰搧澶勭悊鏂瑰紡:"> - <el-radio-group v-model="addObj.processing" :disabled="active>1&&tabIndex!=4" size="mini"> - <el-radio :label="0" border style="margin-right: 0">濮旀墭鍗曚綅鍙栧洖</el-radio> - <el-radio :label="1" border>瀹為獙瀹ゅ鐞�</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="鏄惁鐣欐牱:"> - <el-radio-group v-model="addObj.isLeave" border :disabled="active>1&&tabIndex!=4" size="mini"> - <el-radio :label="0" border style="margin-right: 0">涓嶇暀鏍�</el-radio> - <el-radio :label="1" border>鐣欐牱</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="鎶ュ憡鍙戦�佹柟寮�:"> - <el-radio-group v-model="addObj.send" :disabled="active>1&&tabIndex!=4" size="mini"> - <el-radio :label="1" border style="margin-right: 0">鑷彇</el-radio> - <el-radio :label="0" border>鍏朵粬</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="濮旀墭浜�:"> - <el-input v-model="addObj.prepareUser" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable size="small"></el-input> - </el-form-item> - <el-form-item label="濮旀墭浜鸿嫳鏂�:"> - <el-input v-model="addObj.prepareUserEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable size="small"></el-input> - </el-form-item> - <el-form-item label="澶囨敞:"> - <el-input v-model="addObj.remark" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable - size="small" style="width: 100%" type="textarea"></el-input> - </el-form-item> - <el-form-item label="澶囨敞鑻辨枃:"> - <el-input v-model="addObj.remarkEn" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable - size="small" type="textarea"></el-input> - </el-form-item> + <el-row> + <el-col :span="6"> + <el-form-item label="濮旀墭缂栧彿:"> + <el-input v-model="addObj.entrustCode" clearable disabled placeholder="绯荤粺鐢熸垚" size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="妫�楠岀被鍒�:" prop="orderType"> + <el-select v-model="addObj.orderType" :disabled="active>1&&tabIndex!=4" clearable size="small" style="width: 100%;"> + <el-option v-for="(a, ai) in dict.type.check_type1" :key="ai" :label="a.label" :value="a.value"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鍒跺崟浜�:"> + <el-input v-model="addObj.custom" disabled size="small" clearable></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="濮旀墭鍗曚綅:" prop="company"> + <el-input v-model="addObj.company" disabled placeholder="閫夋嫨濮旀墭鍗曚綅" size="small" style="width: 208px"> + <template slot="append"> + <el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search" + @click="openCompanyList"></el-button> + </template> + </el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鑱旂郴鏂瑰紡:" prop="phone"> + <el-input v-model="addObj.phone" :disabled="active>1&&tabIndex!=4" clearable placeholder="閫夋嫨濮旀墭瀹㈡埛" size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="绱ф�ョ▼搴�:" prop="type"> + <el-select v-model="addObj.type" :disabled="active>1&&tabIndex!=4" clearable size="small"> + <el-option v-for="(a, ai) in dict.type.urgency_level" :key="ai" :label="a.label" :value="a.value"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏍峰搧鍚嶇О:" prop="sample"> + <el-input v-model="addObj.sample" disabled size="small" style="width: 208px"> + <template slot="append"><el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search" + @click="selectStandardTree = true"></el-button></template> + </el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏍峰搧鏁伴噺:" prop="sampleNum" style="margin-right: 0"> + <el-input-number v-model="addObj.sampleNum" :disabled="active>1" :max="100" :min="1" :precision="0" + size="small" @change="addStandardTree"></el-input-number> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鏍峰搧鐘舵��:" prop="sampleStatus"> + <el-select v-model="addObj.sampleStatus" :disabled="active>1&&tabIndex!=4" size="small"> + <el-option v-for="(a,ai) in dict.type.sample_status_list" :key="ai" :label="a.label" :value="a.value"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鎶芥鏁伴噺:" prop="testQuantity"> + <el-input v-model="addObj.testQuantity" :disabled="active>1&&tabIndex!=4" clearable size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏉ユ牱鏂瑰紡:" prop="formType"> + <el-select v-model="addObj.formType" :disabled="active>1&&tabIndex!=4" size="small" clearable> + <el-option v-for="(a,ai) in dict.type.form_type" :key="ai" :label="a.label" :value="a.value"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鐢熶骇鍗曚綅:" prop="production"> + <el-input v-model="addObj.production" :disabled="active>1&&tabIndex!=4" clearable placeholder="璇疯緭鍏�" + size="small"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鐢熶骇鍗曚綅EN:" prop="productionEn"> + <el-input v-model="addObj.productionEn" :disabled="active>1&&tabIndex!=4" clearable placeholder="璇疯緭鍏�" + size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏍峰搧澶勭悊鏂瑰紡:"> + <el-radio-group v-model="addObj.processing" :disabled="active>1&&tabIndex!=4" size="mini"> + <el-radio :label="0" border style="margin-right: 0">濮旀墭鍗曚綅鍙栧洖</el-radio> + <el-radio :label="1" border>瀹為獙瀹ゅ鐞�</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏄惁鐣欐牱:"> + <el-radio-group v-model="addObj.isLeave" border :disabled="active>1&&tabIndex!=4" size="mini"> + <el-radio :label="0" border style="margin-right: 0">涓嶇暀鏍�</el-radio> + <el-radio :label="1" border>鐣欐牱</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鎶ュ憡鍙戦�佹柟寮�:"> + <el-radio-group v-model="addObj.send" :disabled="active>1&&tabIndex!=4" size="mini"> + <el-radio :label="1" border style="margin-right: 0">鑷彇</el-radio> + <el-radio :label="0" border>鍏朵粬</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="濮旀墭浜�:"> + <el-input v-model="addObj.prepareUser" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="濮旀墭浜鸿嫳鏂�:"> + <el-input v-model="addObj.prepareUserEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable size="small"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="澶囨敞:"> + <el-input v-model="addObj.remark" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable + size="small" style="width: 100%" type="textarea"></el-input> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="澶囨敞鑻辨枃:"> + <el-input v-model="addObj.remarkEn" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '璇疯緭鍏�'" clearable + size="small" type="textarea"></el-input> + </el-form-item> + </el-col> + </el-row> <el-row> <el-col :span="6"> <el-form-item label="鏍峰搧鍚嶇О:"> -- Gitblit v1.9.3