From de2f2613ffd98786bc7252a35ceb6a4d165849ef Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期五, 15 三月 2024 14:27:14 +0800 Subject: [PATCH] 界面调整 --- src/views/pcr/pcrData/index.vue | 33 +++++++++++++++++++-------------- 1 files changed, 19 insertions(+), 14 deletions(-) diff --git a/src/views/pcr/pcrData/index.vue b/src/views/pcr/pcrData/index.vue index 6f99196..5f1d256 100644 --- a/src/views/pcr/pcrData/index.vue +++ b/src/views/pcr/pcrData/index.vue @@ -80,37 +80,37 @@ /> </el-card> <!-- 娣诲姞鎴栦慨鏀逛汉杞﹁矾鍩虹淇℃伅瀵硅瘽妗� --> - <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> - <el-form ref="pcrDataFormRef" :model="form" :rules="rules" label-width="80px"> + <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body> + <el-form ref="pcrDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px"> <el-form-item label="鎸囨爣绫诲瀷" prop="modeName"> - <el-select v-model="form.modeName" placeholder="璇烽�夋嫨" @change="handleModeNameChange"> + <el-select v-model="form.modeName" placeholder="璇烽�夋嫨" @change="handleModeNameChange" class="el-input-width"> <el-option key="1" label="閬撹矾閲岀▼鏁伴噺" value="閬撹矾閲岀▼鏁伴噺" /> <el-option key="2" label="鏈哄姩杞︿繚鏈夐噺" value="鏈哄姩杞︿繚鏈夐噺" /> <el-option key="3" label="椹鹃┒浜轰繚鏈夐噺" value="椹鹃┒浜轰繚鏈夐噺" /> </el-select> </el-form-item> - <el-form-item label="鍛ㄦ湡" prop="period"> + <el-form-item label="缁熻鍛ㄦ湡" prop="period"> <el-select v-model="form.period" placeholder="璇烽�夋嫨" style="width: 100px;" @change="clearPeriod"> <el-option key="1" label="骞村害" :value="1" /> <el-option key="2" label="鏈堝害" :value="2" /> </el-select>   - <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" /> + <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" style="width: 150px;"/> </el-form-item> <el-form-item :label="form.indexOneName" prop="indexOneValue"> - <el-input v-model="form.indexOneValue" placeholder="璇疯緭鍏ユ寚鏍�1鍊�" /> + <el-input class="el-input-width" v-model="form.indexOneValue" placeholder="璇疯緭鍏ユ寚鏍�1鍊�" /> </el-form-item> <el-form-item :label="form.indexTwoName" prop="indexTwoValue"> - <el-input v-model="form.indexTwoValue" placeholder="璇疯緭鍏ユ寚鏍�2鍊�" /> + <el-input class="el-input-width" v-model="form.indexTwoValue" placeholder="璇疯緭鍏ユ寚鏍�2鍊�" /> </el-form-item> <el-form-item :label="form.indexThreeName" prop="indexThreeValue"> - <el-input v-model="form.indexThreeValue" placeholder="璇疯緭鍏ユ寚鏍�3鍊�" /> + <el-input class="el-input-width" v-model="form.indexThreeValue" placeholder="璇疯緭鍏ユ寚鏍�3鍊�" /> </el-form-item> <el-form-item :label="form.indexFourName" prop="indexFourValue"> - <el-input v-model="form.indexFourValue" placeholder="璇疯緭鍏ユ寚鏍�4鍊�" /> + <el-input class="el-input-width" v-model="form.indexFourValue" placeholder="璇疯緭鍏ユ寚鏍�4鍊�" /> </el-form-item> <el-form-item label="鐘舵��" prop="status"> - <el-select v-model="form.status" placeholder="璇烽�夋嫨"> + <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width"> <el-option key="1" label="宸插惎鐢�" :value="1" /> <el-option key="2" label="宸茬鐢�" :value="2" /> </el-select> @@ -346,10 +346,10 @@ form.value.indexThreeName = '灏忓瀷姹借溅'; form.value.indexFourName = '鎽╂墭杞�'; } else if (form.value.modeName === "椹鹃┒浜轰繚鏈夐噺") { - form.value.indexOneName = '璐ц繍杞﹁締椹鹃┒浜�'; - form.value.indexTwoName = '鍏氦瀹㈣繍椹鹃┒浜�'; - form.value.indexThreeName = '灏忓瀷姹借溅椹鹃┒浜�'; - form.value.indexFourName = '鎽╂墭杞﹂┚椹朵汉'; + form.value.indexOneName = '璐ц繍杞﹁締'; + form.value.indexTwoName = '鍏氦瀹㈣繍'; + form.value.indexThreeName = '灏忓瀷姹借溅'; + form.value.indexFourName = '鎽╂墭杞�'; } }; @@ -359,3 +359,8 @@ }; </script> +<style scoped> +.el-input-width { + width: 265px; +} +</style> \ No newline at end of file -- Gitblit v1.8.0