拆分回显悬浮数据显示修改

jero-web/src/views/documentManage/splitting/modules/SplitAddForm.vue

@@ -200,7 +200,7 @@
                           </a-col>
 
                           <a-col :span="12" v-else-if="item.field_show_type === '0'">
-                            <div class="box-title-text" :title="item.db_field_txt">
+                            <div class="box-title-text box-tree-text" :title="item.db_field_txt">
                               <div class="title-text">
                                 <span class="Required" v-if="item.field_must_input == 1">*</span>
                                 <span class="title-text-text">{{item.db_field_txt}}</span>
@@ -208,12 +208,14 @@
                               <a-form-model-item class="itemModel" :prop="item.db_field_name">
                                 <a-tree-select
                                   v-model="formInline[item.db_field_name]"
-                                  :maxTagCount="1"
+
                                   style="width: 100%"
                                   :tree-data="item.tree"
                                   tree-checkable
                                   :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                                  @change="changeTree"
                                 />
+
                               </a-form-model-item>
                             </div>
                           </a-col>
@@ -541,7 +543,9 @@
           ]
         },
         numberFlag:false,
-        itemVal:{}
+        itemVal:{},
+        contentTrees:'',
+
       }
     },
     props:{
@@ -642,7 +646,7 @@
         this.$nextTick(() => {
           this.$refs.ueditor.setContent(item.itemContent)
         })
-        console.log('ineciem',index,item)
+        // console.log('ineciem',index,item)
       },
       //删除按钮
       splitDelete(item,index){
@@ -660,7 +664,6 @@
       //保存
       splitSave(){
         // console.log('vallll',this.contentList)
-        console.log('formInline',this.formInline)
         this.$refs.splitEditForm.validate(valid=>{
           if(valid){
             this.submitFlag=true
@@ -943,6 +946,9 @@
                 message: res.db_field_txt + this.$t('cannotEmpty'),
                 trigger: 'blur'
               })
+
+
+
             } else if (res.field_show_type === '4' || res.field_show_type === '6' ||
               res.field_show_type === '5' || res.field_show_type === '7'
             ) {
@@ -1017,6 +1023,7 @@
           getAction(this.url.getDocumentInfo, { id: item.id }).then((res) => {
             if (res.success) {
               this.formInline = res.result
+
               // console.log('form11111',this.formInline)
             }
           })
@@ -1039,6 +1046,14 @@
         this.formInline[value + '_id'] = id
         this.formInline = { ...this.formInline }
       },
+      //树结果选择
+      changeTree(value, label, extra){
+        // console.log('changeValue',value, label, extra)
+        let labelValues = label
+        labelValues.shift()
+        this.contentTrees= labelValues.join(',')
+      },
+
 
       //正则替换小数点
       limitNumber(value) {
@@ -1269,4 +1284,10 @@
       }
     }
   }
+  .box-tree-text{
+    .ant-select-selection--multiple{
+      height: 32px;
+      overflow-y: auto;
+    }
+  }
 </style>