更改样式

src/views/shop/create-shop.vue

@@ -118,6 +118,7 @@
             ></el-option>
           </el-select>
         </el-form-item>
+        <div>
         <div v-if="formData.storeType == 1">
           <el-row>
             <el-col :span="10">
@@ -160,65 +161,65 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <div
-            class="main-content"
-            v-for="(item, index) in formData.adminList"
-            :key="index"
-          >
-            <el-row>
-              <el-col :span="10">
-                <el-form-item label="管理员姓名" class="required-label">
-                  <el-input
-                    type="text"
-                    maxlength="10"
-                    size="small"
-                    v-model="item.adminName"
-                    placeholder="请输入管理员姓名"
-                    style="width: 85%"
-                  ></el-input>
-                  <span class="word-num"
-                    >{{ item.adminName.replace(/\s+/g, "").length }}/10</span
+            <div
+              class="main-content"
+              v-for="(item, index) in formData.adminList"
+              :key="index"
+            >
+              <el-row>
+                <el-col :span="10">
+                  <el-form-item label="管理员姓名" class="required-label">
+                    <el-input
+                      type="text"
+                      maxlength="10"
+                      size="small"
+                      v-model="item.adminName"
+                      placeholder="请输入管理员姓名"
+                      style="width: 85%"
+                    ></el-input>
+                    <span class="word-num"
+                      >{{ item.adminName.replace(/\s+/g, "").length }}/10</span
+                    >
+                  </el-form-item>
+                </el-col>
+                <el-col :span="1" style="text-align: right">
+                  <img
+                    style="margin-top: 5px"
+                    src="../../assets/image/lianjie_icon.png"
+                  />
+                </el-col>
+                <el-col :span="10">
+                  <el-form-item
+                    label="手机号"
+                    label-width="95px"
+                    class="required-label"
                   >
-                </el-form-item>
-              </el-col>
-              <el-col :span="1" style="text-align: right">
-                <img
-                  style="margin-top: 5px"
-                  src="../../assets/image/lianjie_icon.png"
-                />
-              </el-col>
-              <el-col :span="10">
-                <el-form-item
-                  label="手机号"
-                  label-width="95px"
-                  class="required-label"
-                >
-                  <el-input
-                    type="text"
-                    size="small"
-                    maxlength="11"
-                    v-model="item.adminMobile"
-                    placeholder="请输入管理员手机号"
-                    style="width: 85%"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2" class="span-mt-10">
-                <img
-                  v-if="index < 4 && index == formData.adminList.length - 1"
-                  @click="addItem(index)"
-                  class="edit-img"
-                  src="../../assets/image/plus.png"
-                />
-                <img
-                  v-if="formData.adminList.length > 1"
-                  @click="deleteItem(index)"
-                  class="edit-img"
-                  src="../../assets/image/trash.png"
-                />
-              </el-col>
-            </el-row>
-          </div>
+                    <el-input
+                      type="text"
+                      size="small"
+                      maxlength="11"
+                      v-model="item.adminMobile"
+                      placeholder="请输入管理员手机号"
+                      style="width: 85%"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="2" class="span-mt-10">
+                  <img
+                    v-if="index < 4 && index == formData.adminList.length - 1"
+                    @click="addItem(index)"
+                    class="edit-img"
+                    src="../../assets/image/plus.png"
+                  />
+                  <img
+                    v-if="formData.adminList.length > 1"
+                    @click="deleteItem(index)"
+                    class="edit-img"
+                    src="../../assets/image/trash.png"
+                  />
+                </el-col>
+              </el-row>
+            </div>
           <el-form-item label="营业证明">
             <p class="p-tips">
               若填写的联系人注册不是法定代表人，请上传委托书<br />
@@ -320,7 +321,6 @@
           </el-form-item>
         </div>
         <div v-if="formData.storeType == 3">
-          <el-col :span="10">
             <el-form-item
               label="医生姓名"
               prop="docName"
@@ -333,18 +333,15 @@
                 size="small"
                 v-model="formData.docName"
                 placeholder="请输入医生姓名"
-                style="width: 85%"
+                style="width: 35%"
               ></el-input>
               <span class="word-num"
                 >{{ formData.docName.replace(/\s+/g, "").length }}/50</span
               >
             </el-form-item>
-          </el-col>
-          <el-col :span="10" :offset="1">
             <el-form-item
               label="联系手机号"
               prop="docPhone"
-              label-width="95px"
               class="required-label"
             >
               <el-input
@@ -354,10 +351,9 @@
                 v-model="formData.docPhone"
                 :disabled="isDisabled"
                 placeholder="请输入联系电话"
-                style="width: 85%"
+                style="width: 35%"
               ></el-input>
             </el-form-item>
-          </el-col>
         </div>
         <div v-if="formData.storeType == 2">
           <el-col :span="10">
@@ -501,19 +497,22 @@
             </el-form-item>
           </el-col>
         </div>
-
-        <el-form-item
-          label="医疗资质"
-          prop="storeQualityUrl"
-        >
-          <el-input
-            :disabled="storeData"
-            size="small"
-            v-model="formData.storeQualityUrl"
-            placeholder="请填写URL,仅对批发商品生效"
-            style="width: 35%"
-          ></el-input>
-        </el-form-item>
+        </div>
+   
+        <div>
+          <el-form-item
+            label="医疗资质"
+            prop="storeQualityUrl"
+          >
+            <el-input
+              size="small"
+              v-model="formData.storeQualityUrl"
+              placeholder="请填写URL,仅对批发商品生效"
+              style="width: 35%"
+            ></el-input>
+          </el-form-item>
+        </div>
+       
       </el-form>
       <el-dialog
         class="dialog-title-border-old"