新建店铺UI

src/views/shop/create-shop.vue

@@ -92,6 +92,74 @@
               ></el-option>
             </el-select>
           </el-form-item>
+          <div v-if="formData.dynamicFlag == '1'">
+            <el-col :span="10">
+              <el-form-item label="入驻企业名称">
+                <el-input
+                    type="text"
+                    maxlength="40"
+                    size="small"
+                    v-model="formData.compainName"
+                    placeholder="请输入入驻企业名称"
+                    style="width:85%;"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="10" :offset="1">
+              <el-form-item label="联系手机号" label-width="90px">
+                <el-input
+                    type="text"
+                    size="small"
+                    v-model="formData.phoneNum"
+                    placeholder="请输入联系电话"
+                    style="width:85%;"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <div class="main-content">
+              <el-row>
+                <el-col :span="10">
+                  <el-form-item label="管理员姓名">
+                    <el-input
+                        type="text"
+                        maxlength="40"
+                        size="small"
+                        v-model="formData.compainName"
+                        placeholder="请输入管理员姓名"
+                        style="width:85%;"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="1">
+                  <img style="vertical-align: middle" src="../../assets/image/lianjie_icon.png" />
+                </el-col>
+                <el-col :span="10">
+                  <el-form-item label="手机号" label-width="90px">
+                    <el-input
+                        type="text"
+                        size="small"
+                        v-model="formData.phoneNum"
+                        placeholder="请输入管理员手机号"
+                        style="width:85%;"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="2" class="span-mt-10">
+                  <img
+                      class="edit-img"
+                      src="../../assets/image/plus.png"
+                  />
+                  <img
+                      class="edit-img"
+                      src="../../assets/image/trash.png"
+                  />
+                </el-col>
+              </el-row>
+            </div>
+            <el-form-item label="营业证明">
+              <p class="p-tips">若填写的联系人注册不是法定代表人，请上传委托书<br/>仅支持jpg、png图片文件，且文件小于3M<br/>上传的证件图片内，必须是加盖过红色公章和法人章，否则视为无效</p>
+            </el-form-item>
+          </div>
         </el-form>
       <el-dialog
           class="dialog-title-border-old"
@@ -152,6 +220,8 @@
           name: '',
           introduce: '',
           dynamicFlag: '',
+          compainName: '',
+          phoneNum: '',
         },
         showCropper: false,
         currentOption: {
@@ -440,4 +510,15 @@
     top: -6px;
     left: 130px;
   }
+  .span-mt-10{
+    .edit-img {
+      width: 20px;
+      margin-top: 10px;
+    }
+  }
+  .p-tips{
+    font-size: 13px;
+    color: #8C8C8C;
+    line-height: 26px;
+  }
 </style>