样式修改

src/components/cdssManage/hospital/AddHospital.vue

@@ -31,7 +31,7 @@
             <!-- <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-form-item label="医院地址">
               <el-input v-model="form.address" placeholder="请输入医院地址"></el-input>
             </el-form-item>
             <p
@@ -128,9 +128,7 @@
               </el-table>
               <div class="add" v-if="form.hospitalRelationVOList.length == 0">
                 <!--<el-button icon="el-icon-plus"></el-button>-->
-                <p class="add-border" @click="add">
-                  <img src="../../../images/add-nob.png" alt="新增" />
-                </p>
+                <p class="add-border" @click="add"></p>
               </div>
             </el-form-item>
             <el-form-item>
@@ -472,14 +470,19 @@ export default {
   }
 }
 .add-border {
-  border: 1px #48c5d7 dashed;
+  border: 1px #c9c9c9 dashed;
   width: 96%;
+  height: 30px;
   text-align: center;
   line-height: 30px;
   cursor: pointer;
-  img {
-    vertical-align: middle;
-  }
+  background: url('../../../images/add-no.png') no-repeat center center;
+  background-size: 16px 16px;
+}
+.add-border:hover {
+  border-color: #48c5d7;
+  background: url('../../../images/add-nob.png') no-repeat center center;
+  background-size: 16px 16px;
 }
 .add {
   width: 100%;
@@ -511,4 +514,10 @@ export default {
   overflow: hidden;
   justify-content: center;
 }
+/deep/.el-form-item.is-success .el-input__inner,
+.el-form-item.is-success .el-input__inner:focus,
+.el-form-item.is-success .el-textarea__inner,
+.el-form-item.is-success .el-textarea__inner:focus {
+  border-color: #ccc;
+}
 </style>