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