账户密码添加机制修改

src/views/index.vue

@@ -48,7 +48,7 @@
         </div>
       </div>
       <div v-if="list.length == 0" class="no-data">
-        <el-empty description="无数据" />
+        <el-empty description="瞅啥？没看见无数据吗？还看！！！" />
       </div>
     </div>
   </div>

src/views/jichuang/case/table.vue

@@ -78,7 +78,17 @@
             :fileType="['mp4']"
           ></FileUpload>
         </el-form-item>
-        <el-form-item label="账号">
+        <el-col :span="1.5">
+          <el-button
+            style="margin: 0 0 18px 30px"
+            type="primary"
+            icon="Plus"
+            size="small"
+            @click="addUserandPass"
+            >添加账号</el-button
+          >
+        </el-col>
+        <el-form-item>
           <div
             class="user-data"
             v-for="(item, index) in formListJson"
@@ -93,13 +103,10 @@
               :placeholder="'密码-' + (index + 1)"
               style="margin-top: 6px"
             />
-            <div class="add-btn" v-show="index == 0" @click="addUserandPass">
+
-              <el-icon><CirclePlus /></el-icon>
-            </div>
             <div
               class="add-btn"
               style="color: red"
-              v-show="index != 0"
               @click="closeUserandPass(index)"
             >
               <el-icon><CircleClose /></el-icon>
@@ -147,7 +154,7 @@ const data = reactive({
       },
     ],
   },
-  formListJson: [{ userName: "", passWord: "" }],
+  formListJson: [],
 });
 let title = ref("");
 const { form, rules, formListJson } = toRefs(data);
@@ -220,7 +227,7 @@ const cancelDataScope = () => {
 };
 const handlerAdd = () => {
   form.value = {};
-  formListJson.value = [{ userName: "", passWord: "" }];
+  // formListJson.value = [{ userName: "", passWord: "" }];
   title.value = "新增项目集合";
   innerVisible.value = true;
 };
@@ -231,6 +238,7 @@ const handlerAdd = () => {
 }
 
 ::v-deep .user-data {
+  margin-left: 100px;
   display: flex;
   align-items: center;
   margin-bottom: 6px;