Просмотр исходного кода

样式调整,适配低分辨率屏幕

jz.kai 4 лет назад
Родитель
Сommit
9dec7da05d
3 измененных файлов с 26 добавлено и 28 удалено
  1. 2 2
      src/views/Login.vue
  2. 9 10
      src/views/base/advisory-detail.vue
  3. 15 16
      src/views/base/report-detail.vue

+ 2 - 2
src/views/Login.vue

@@ -275,8 +275,8 @@ $text_color: black;
     left: 0;
     right: 0;
     width: 400px;
-    padding: 35px 35px 15px 35px;
-    margin: 80px auto;
+    padding: 15px 35px 15px 35px;
+    margin: 20px auto;
   }
 
   .login-form i {

+ 9 - 10
src/views/base/advisory-detail.vue

@@ -1,4 +1,3 @@
-
 <style scoped>
 .user-panel {
   margin: 10px auto;
@@ -13,7 +12,7 @@
     @close="closeDialog"
     :close-on-click-modal="false"
   >
-    <div class="user-panel" v-loading="loading">
+    <div class="user-panel" v-loading="loading" width="60%">
       <el-form
         ref="form"
         :model="formModel"
@@ -26,7 +25,7 @@
               <el-input
                 v-model="formModel.name"
                 placeholder="请输入咨询人"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -37,7 +36,7 @@
                 placeholder="请输入联系号码"
                 maxlength="11"
                 show-word-limit
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -49,7 +48,7 @@
                 v-model="formModel.cardType"
                 filterable
                 placeholder="请选择证件类型"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="cardType in cardTypeResult"
@@ -67,7 +66,7 @@
                 placeholder="请输入证件号码"
                 maxlength="18"
                 show-word-limit
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -79,7 +78,7 @@
                 v-model="formModel.insuranceType"
                 filterable
                 placeholder="请选择参保类型"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="insuranceType in insuranceTypeResult"
@@ -107,7 +106,7 @@
                 v-model="formModel.insuredArea"
                 filterable
                 placeholder="请选择参保区域"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="insuredArea in insuredAreaResult"
@@ -123,7 +122,7 @@
               <el-input
                 v-model="formModel.policyNumber"
                 placeholder="请输入保单号"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -132,7 +131,7 @@
           <el-input
                 v-model="formModel.advisoryContent"
                 placeholder="请输入咨询内容"
-                style="width: 93%"
+                style="width: 91%"
                 type="textarea"
                 :rows="3"
               ></el-input>

+ 15 - 16
src/views/base/report-detail.vue

@@ -1,4 +1,3 @@
-
 <style scoped>
 .user-panel {
   margin: 10px auto;
@@ -13,7 +12,7 @@
     @close="closeDialog"
     :close-on-click-modal="false"
   >
-    <div class="user-panel" v-loading="loading">
+    <div class="user-panel" v-loading="loading" width="60%">
       <el-form
         ref="form"
         :model="formModel"
@@ -26,7 +25,7 @@
               <el-input
                 v-model="formModel.name"
                 placeholder="请输入出险人"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -37,7 +36,7 @@
                 placeholder="请输入联系号码"
                 maxlength="11"
                 show-word-limit
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -49,7 +48,7 @@
                 v-model="formModel.cardType"
                 filterable
                 placeholder="请选择证件类型"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="cardType in cardTypeResult"
@@ -67,7 +66,7 @@
                 placeholder="请输入证件号码"
                 maxlength="18"
                 show-word-limit
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -79,7 +78,7 @@
                 v-model="formModel.insuranceType"
                 filterable
                 placeholder="请选择参保类型"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="insuranceType in insuranceTypeResult"
@@ -107,7 +106,7 @@
                 v-model="formModel.insuredArea"
                 filterable
                 placeholder="请选择参保区域"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="insuredArea in insuredAreaResult"
@@ -123,7 +122,7 @@
               <el-input
                 v-model="formModel.policyNumber"
                 placeholder="请输入保单号"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -135,7 +134,7 @@
                 v-model="formModel.lossDate"
                 type="date"
                 placeholder="请输入出险日期"
-                style="width: 300px">
+                style="width: 230px">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -155,7 +154,7 @@
               <el-input
                 v-model="formModel.whatHappened"
                 placeholder="请输入事情经过"
-                style="width: 300px"
+                style="width: 230px"
                 type="textarea"
                 :rows="3"
               ></el-input>
@@ -166,7 +165,7 @@
               <el-input
                 v-model="formModel.remark"
                 placeholder="请输入备注"
-                style="width: 300px"
+                style="width: 230px"
                 type="textarea"
                 :rows="3"
               ></el-input>
@@ -180,7 +179,7 @@
                 v-model="formModel.visitingHospital"
                 filterable
                 placeholder="请选择就诊医院"
-                style="width: 300px"
+                style="width: 230px"
               >
                 <el-option
                   v-for="visitingHospital in visitingHospitalResult"
@@ -196,7 +195,7 @@
               <el-input
                 v-model="formModel.visitingDepartment"
                 placeholder="请输入就诊科室"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -207,7 +206,7 @@
               <el-input
                 v-model="formModel.admissionNumber"
                 placeholder="请输入住院号"
-                style="width: 300px"
+                style="width: 230px"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -217,7 +216,7 @@
                 v-model="formModel.visitingDate"
                 type="date"
                 placeholder="请输入入院日期"
-                style="width: 300px">
+                style="width: 230px">
               </el-date-picker>
             </el-form-item>
           </el-col>