数据映射修改

src/views/tentative/components/dataMap.vue

@@ -15,7 +15,8 @@
           >保存</el-button
         >
       </div>
-      <div class="right_box" v-for="(eleItem,index) in listArr" :key="index">
+      <template v-if="listArr.length>0">
+         <div class="right_box" v-for="(eleItem,index) in listArr" :key="index">
      
              <div>
                 <span>选择表单</span>
@@ -70,6 +71,10 @@
               </div>
        
       </div>
+      </template>
+      <el-empty description="暂无数据" v-else ></el-empty>
+
+     
     </div>
   </div>
 </template>
@@ -328,12 +333,11 @@ export default {
       this.getEleList(val);
       this.formoptions.forEach((ele) => {
         if (ele.initTabId === val) {
-          this.formpid = ele.pkeyId;
-          this.formname = ele.initTableName;
-          this.infoDetail.tabName = ele.tabName;
+       
    
           this.listArr[index].trialTabId= ele.pkeyId
           this.listArr[index].trialTabName= ele.initTableName
+          this.listArr[index].tabName= ele.tabName
         }
       });
     },
@@ -366,7 +370,7 @@ export default {
         keyName: this.clickKeyname,
       });
       if (res.code === 200) {
-        this.listArr = res.data||[]
+        this.listArr = res.data.length>0?res.data:[{}]
         this.formoptions.forEach((ele)=>{
          this.listArr.forEach(async(eleItem,eleIndex)=>{
           if(ele.pkeyId===eleItem.trialTabId){
@@ -385,7 +389,7 @@ export default {
 
     
       } else {
-          this.listArr = []
+          this.listArr = [{}]
 
         }
     },
@@ -418,9 +422,16 @@ export default {
       }
     },
     addList(index){
+        const currentItem = this.listArr[index];
+        if (!currentItem.elementId || !currentItem.initTabId) {
+          this.$message({
+            type: "warning",
+            message: "请选择元素和表单",
+          });
+          return; // 不满足条件则不添加
+        }
        this.listArr.splice(index + 1, 0, { 
-          id: Date.now(),
-          // 可以根据需要添加其他默认字段，例如：
+        
           tabName: '',
           elementName: ''
         });