样式调整

src/components/cdssManage/hospital/AddHospital.vue

@@ -8,31 +8,32 @@
     ></crumbs>
     <div class="AddPlanBox">
       <el-row :gutter="20">
-        <el-col :span="16">
+        <el-col :span="24">
           <el-form ref="form" :model="form" label-width="110px" :rules="rules">
-            <el-form-item label="医院名称" prop="hospitalName">
+            <el-form-item label="医院名称" prop="hospitalName" style="display:inline-block;width:300px">
               <el-input
                 v-model="form.hospitalName"
                 placeholder="2-30位,可输入汉字、字母、数字和下划线"
                 @blur="handlePinyin($event)"
               ></el-input>
             </el-form-item>
-            <el-form-item label="医院名称拼音" prop="spell">
+            <el-form-item label="医院名称拼音" prop="spell" style="display:inline-block;width:300px">
               <el-input v-model="form.spell" placeholder="请输入医院名称拼音"></el-input>
             </el-form-item>
             <!-- <el-form-item label="医院编码" prop="hospitalCode">
               <el-input v-model="form.hospitalCode" placeholder="4-15位,可输入字母、数字和下划线"></el-input>
             </el-form-item>-->
-            <el-form-item label="医院地址" prop="address">
-              <el-input type="textarea" :rows="2" v-model="form.address" placeholder="请输入医院地址"></el-input>
+            <el-form-item label="医院地址" prop="address" >
+              <el-input v-model="form.address" placeholder="请输入医院地址"></el-input>
             </el-form-item>
-            <el-form-item>
+            <!-- <p style="text-align: center;padding: 15px 0;border-top: 1px solid #e3e3e3;width: 100%;">关联子医院</p> -->
+            <el-form-item label="关联子医院">
               <el-table
                 size="mini"
                 :data="form.hospitalRelationVOList"
                 border
                 :style="form.hospitalRelationVOList.length > 0?'min-height: 200px':'60px'"
-                :height="form.hospitalRelationVOList.length > 0?'calc(100vh - 500px)':'60px'"
+                :height="form.hospitalRelationVOList.length > 0?'calc(100vh - 360px)':'60px'"
                 class="tabs"
                 ref="tables"
                 :header-row-style="{height:'40px',cursor: 'pointer'}"
@@ -69,7 +70,7 @@
                       class="is-request"
                       :prop="'hospitalRelationVOList.' + scope.$index + '.name'"
                       :rules="{
-                        required: true, message: '请输入医院名称', trigger: 'blur'
+                        required: true, trigger: 'blur'
                       }"
                     >
                       <el-input
@@ -90,7 +91,7 @@
                     <el-form-item
                       :prop="'hospitalRelationVOList.' + scope.$index + '.code'"
                       :rules="{
-                        required: true, message: '请输入编码', trigger: 'blur'
+                        required: true, trigger: 'blur'
                       }"
                     >
                       <el-input
@@ -130,10 +131,10 @@
       <div class="diag-center">
         <p class="diag-title">操作失败,请检查"医院名称+医院编码"重复项</p>
         <p class="title-warning">
-          <i class="el-icon-warning" style="color:#e6a23c"></i>标记为当前父医院重复项
+          <i class="el-icon-warning" style="color:#e6a23c"></i>标记为当前父医院的“子医院+子医院编码”重复项
         </p>
         <p class="title-warning title-warning-2">
-          <i class="el-icon-warning" style="color:#fe6c6f"></i>标记为与其他父医院重复项
+          <i class="el-icon-warning" style="color:#fe6c6f"></i>标记为与其它父医院的“子医院+子医院编码”重复项
         </p>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -447,10 +448,6 @@ export default {
   }
   /deep/.el-input__inner {
     height: 32px;
-    margin-bottom: 20px;
-  }
-  /deep/.el-form-item__error {
-    top: 34px;
   }
   .operation {
     display: flex;