addEditFromApi优化

Code/Fe/src/components/addEditFromApiPop/index.vue

@@ -13,7 +13,7 @@
   >
     <!-- 数据填写 -->
     <div v-if="active === 0" style="height: 100%;">
-      <div class="centerInnerContent">
+      <div class="centerInnerContent" :class="{'hasDetails' : flexTableData}">
         <!-- 左侧主表 -->
         <div class="leftMainForm">
           <div class="dialogOuterTitle">{{formTitle}} 【主表信息】</div>
@@ -98,16 +98,14 @@
           </el-form>
         </div>
         <!-- 右侧子表 -->
-        <div class="rightDetailTable">
+        <div class="rightDetailTable" v-if="flexTableData">
           <div class="dialogOuterTitle">{{formTitle}} 【子表信息】</div>
-          <!-- 子表 -->
           <currenTableFlex
             ref="currenTableFlex_Ref"
             :isShowIndex="true"
             :isEditable="true"
             :setUTableHeight="230"
             class="currenTableFlex"
-            v-if="flexTableData"
             :flexTableData="flexTableData"
             :flexTableColumns="flexTableColumns"
           ></currenTableFlex>
@@ -214,7 +212,11 @@ export default {
     initFormItems(){
       let _dtoList_type = this.handleType == 'add' ? 'C' : 'U'
       let _dtoList = this.currentDtos[_dtoList_type].dtoList
-      this.formItemData = JSON.parse(JSON.stringify(_dtoList))
+      // 除去子表信息
+      let _formItems = _dtoList.filter(item=>{
+        return item.prop.toUpperCase() != 'DETAILS'
+      })
+      if(_formItems)this.formItemData = _formItems
       // 编辑格式：特殊处理默认值
       if(this.handleType == 'edit' && this.editRowData){
         this.formData = JSON.parse(JSON.stringify(this.editRowData))
@@ -222,7 +224,7 @@ export default {
         this.formData = {}
       }
       // 子表数据
-      let _list = this.formItemData.filter(item=>{
+      let _list = _dtoList.filter(item=>{
         return item.prop.toUpperCase() == 'DETAILS'
       })
       if(_list && _list.length > 0){
@@ -233,9 +235,11 @@ export default {
         }
       }
       // 子表数据列
-      let _detailApi = this.URLOption_detailList.slice(0,this.URLOption_detailList.lastIndexOf('/'))
-      let _detailDtos = this.$store.getters.dtoColumnTypes[_detailApi].S.dtoList
-      this.flexTableColumns = _detailDtos
+      if(this.URLOption_detailList){
+        let _detailApi = this.URLOption_detailList.slice(0,this.URLOption_detailList.lastIndexOf('/'))
+        let _detailDtos = this.$store.getters.dtoColumnTypes[_detailApi].S.dtoList
+        this.flexTableColumns = _detailDtos
+      }
 
       // 表单验证格式化
       this.formRules={}
@@ -359,19 +363,25 @@ export default {
   .centerInnerContent{
     height: calc(100% - 60px);
     overflow: auto;
-    display: flex;
 
     .leftMainForm{
-      width: 50%;
-      flex-shrink: 0;
       height: calc(100% - 60px);
     }
 
-    .rightDetailTable{
-      height: calc(100% - 60px);
-      width: calc(50%);
-      padding-left:40px;
-      border-left: #ddd solid 1px;
+    &.hasDetails{
+      display: flex;
+
+      .leftMainForm{
+        width: 50%;
+        flex-shrink: 0;
+      }
+
+      .rightDetailTable{
+        height: calc(100% - 60px);
+        width: calc(50%);
+        padding-left:40px;
+        border-left: #ddd solid 1px;
+      }
     }
   }
 </style>