From de2f2613ffd98786bc7252a35ceb6a4d165849ef Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期五, 15 三月 2024 14:27:14 +0800 Subject: [PATCH] 界面调整 --- src/views/dg/danger/index.vue | 32 +++++++++++++++++++++----------- 1 files changed, 21 insertions(+), 11 deletions(-) diff --git a/src/views/dg/danger/index.vue b/src/views/dg/danger/index.vue index df55df3..f4df011 100644 --- a/src/views/dg/danger/index.vue +++ b/src/views/dg/danger/index.vue @@ -85,25 +85,26 @@ /> </el-card> <!-- 娣诲姞鎴栦慨鏀瑰畨鍏ㄩ殣鎮d俊鎭璇濇 --> - <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> - <el-form ref="dangerInfoFormRef" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="閫氭姤鏃堕棿" prop="notificationTime"> - <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨閫氭姤鏃堕棿" /> - </el-form-item> + <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body> + <el-form ref="dangerInfoFormRef" :model="form" :inline="true" :rules="rules" label-width="80px"> <el-form-item label="闅愭偅绫诲瀷" prop="dangerType"> - <el-input v-model="form.dangerType" placeholder="璇疯緭鍏ラ殣鎮g被鍨�" /> + <el-input class="el-input-width" v-model="form.dangerType" placeholder="璇疯緭鍏ラ殣鎮g被鍨�" /> </el-form-item> <el-form-item label="璐d换鍗曚綅" prop="accountabilityUnit"> - <el-input v-model="form.accountabilityUnit" placeholder="璇疯緭鍏ヨ矗浠诲崟浣�" /> + <el-input class="el-input-width" v-model="form.accountabilityUnit" placeholder="璇疯緭鍏ヨ矗浠诲崟浣�" /> </el-form-item> - <el-form-item label="鏁存敼鏃堕檺" prop="rectificationTimeLimit"> + <el-form-item label="閫氭姤鏃堕棿" prop="notificationTime"> + <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨閫氭姤鏃堕棿" /> + </el-form-item> + <el-form-item label="鏁存敼鏃堕檺" prop="rectificationTimeLimit"> <el-date-picker v-model="form.rectificationTimeLimit" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨鏁存敼鏃堕檺" /> </el-form-item> <el-form-item label="瀹屾垚鎯呭喌" prop="performance"> - <el-input v-model="form.performance" placeholder="璇疯緭鍏ュ畬鎴愭儏鍐�" /> + <el-input class="el-input-width" v-model="form.performance" placeholder="璇疯緭鍏ュ畬鎴愭儏鍐�" /> </el-form-item> + <br/> <el-form-item label="鍥剧墖" prop=""> - <el-upload action="#" list-type="picture-card" :auto-upload="false"> + <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="5"> <el-icon><Plus /></el-icon> <template #file="{ file }"> <div> @@ -137,8 +138,9 @@ <img w-full :src="dialogImageUrl" alt="Preview Image" /> </el-dialog> </el-form-item> + <br/> <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> @@ -373,3 +375,11 @@ console.log(file) } </script> +<style scoped> +.el-input-width { + width: 265px; +} +.el-picker-panel { + width: 365px !important; +} +</style> \ No newline at end of file -- Gitblit v1.8.0