askbot-dragon 0.7.93 → 0.7.96

package/src/components/formTemplate.vue

@@ -21,7 +21,7 @@
           <el-input v-model="item.value"
                     :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
                     :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
-                    v-else-if="item.formField.type==='INPUT'&&item.fieldId!=='workorder_name'"
+                    v-if="item.formField.type==='INPUT'&&item.fieldId!=='workorder_name'"
           ></el-input>
           <template v-else-if="item.formField.type==='EXPLANATION'">
             <div class="explanation">
@@ -40,7 +40,7 @@
               </p>
             </div>
           </template>
-          <el-input type="textarea" :rows="2" v-model="fieldValus[item.fieldId]"
+          <el-input type="textarea" :rows="2" v-model="item.value"
                     :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
                     :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
                     v-if="item.formField.type==='TEXTAREA'&& item.fieldId!=='workorder_description'"
@@ -112,43 +112,15 @@
             </el-checkbox-group>
           </div>
           <div v-else-if="item.formField.type==='SELECT' || item.formField.type==='OPTION'" >
-<!--            <el-select
-                    v-model=item.value
-                    :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                    style="width: 100%"
-                    filterable
-                    v-if="item.formField.extInfo && item.formField.extInfo.option"
-            >
-              <el-option
-                      v-for="(items,index) in item.formField.extInfo.option"
-                      :key="index"
-                      :label="items.label"
-                      :value="items.value">
-              </el-option>
-            </el-select>
-            <el-select
-                    v-model=item.value
-                    :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                    style="width: 100%"
-                    filterable
-                    v-else-if="item.formField.extInfo && item.formField.extInfo.options"
-            >
-              <el-option
-                      v-for="(items,index) in item.formField.extInfo.options"
-                      :key="index"
-                      :label="items.label"
-                      :value="items.value">
-              </el-option>
-            </el-select>-->
             <el-select
                 v-model=item.value
                 :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
                 style="width: 100%"
                 filterable
-                v-if="item.formField.extInfo && item.formField.extInfo.option"
+                v-if="item.fieldId==='workorder_clientId' || item.fieldId === 'workorder_statusId' || item.fieldId === 'workorder_priority'"
             >
               <el-option
-                  v-for="(items,index) in item.formField.extInfo.option"
+                  v-for="(items,index) in item.formField.extInfo.option?item.formField.extInfo.option:item.formField.extInfo.options"
                   :key="index"
                   :label="items.label"
                   :value="items.value">
@@ -168,8 +140,8 @@
           </div>
           <template v-else-if="item.formField.type==='CASCADER'">
             <div class="cascader-input" @click="openDrawer(item,'pc_cascader')">
-              <template v-if="checkDatas[item.fieldId] && (Array.isArray(checkDatas[item.fieldId]) && checkDatas[item.fieldId].length > 0)">
-                <span v-for="(cas,casIndex) in checkDatas[item.fieldId]" :key="casIndex">
+              <template v-if="extInfoFieldValue[item.fieldId] && (Array.isArray(extInfoFieldValue[item.fieldId]) && extInfoFieldValue[item.fieldId].length > 0)">
+                <span v-for="(cas,casIndex) in extInfoFieldValue[item.fieldId]" :key="casIndex">
                   {{casIndex==0?cas.label:'/'+cas.label}}
                 </span>
               </template>
@@ -207,7 +179,7 @@
                       name="file"
                       action="/open/media/file/upload"
                       :multiple="item.formField.extInfo&&item.formField.extInfo.limitNum&&item.formField.extInfo.limitNum>1?true:false"
-                      :file-list="fileListList[item.fieldId]"
+                      :file-list="extInfoFieldValue[item.fieldId]"
                       :limit="item.formField.extInfo.limitNum?Number(item.formField.extInfo.limitNum):(item.formField.extInfo.limit ? Number(item.formField.extInfo.limit) : 1)"
                       :before-upload="(file=>{return beforeAvatarUpload(file,item.formField.type)})"
                       :on-exceed="exceedUpload"
@@ -229,18 +201,21 @@
                     filterable
                     :multiple="item.formField.extInfo && item.formField.extInfo.selectType == '多选'"
                     @visible-change="(visible) =>{ return refTemplateVisibleChange(visible,item)  }"
+                    collapse-tags
+                    @change="changeRefData($event,item)"
             >
               <template v-for="(items,index) in refTemplateList[item.fieldId]">
                 <el-option
                         v-if="refTemplateList[item.fieldId]"
                         :key="index"
-                        :label="items.label"
-                        :value="items.value">
+                        :label="items.name"
+                        :value="items.id">
                 </el-option>
               </template>
               <div
                 @click="lodeMore(item)"
-                style="widht:100%;height:30px;display:flex;align-items: center;justify-content: center;color:#606266">
+                v-if="dataQuery[item.fieldId] && dataQuery[item.fieldId].hasNextPage"
+                style="width:100%;height:30px;display:flex;align-items: center;justify-content: center;color:#606266">
                   加载更多
               </div>
             </el-select>
@@ -322,7 +297,7 @@
               clickable
               name="datetimePicker"
               :required="item.required || isRequiredFn(item.formField)"
-              :value=timeValue[item.fieldId]
+              :value=extInfoFieldValue[item.fieldId]
               :label=item.formField.name
               :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
               @click="timeClick(item.fieldId,item,'DATE_TIME')"
@@ -348,7 +323,7 @@
                 clickable
                 name="datetimePicker"
                 :required="item.required || isRequiredFn(item.formField)"
-                :value=timeValue[item.fieldId]
+                :value=extInfoFieldValue[item.fieldId]
                 :label=item.formField.name
                 :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
                 @click="timeClick(item.fieldId,item,'TIME')"
@@ -374,7 +349,7 @@
               clickable
               name="datetimePicker"
               :required="item.required || isRequiredFn(item.formField)"
-              :value=timeValue[item.fieldId]
+              :value=extInfoFieldValue[item.fieldId]
               :label=item.formField.name
               :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
               @click="timeClick(item.fieldId,item,'DATE')"
@@ -466,7 +441,7 @@
                 :required="item.required || isRequiredFn(item.formField)"
                 :disabled="disableds"
                 @click-right-icon.stop="SelectClear(item.fieldId)"
-                :right-icon="selectValues[item.fieldId]? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
+                :right-icon="item.value || (Array.isArray(item.value) && item.value.length > 0)? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
             />
             <van-popup v-model="selectPicker" position="bottom" :style="{ height: '300px' }">
               <select-popup
@@ -488,7 +463,7 @@
             <van-field
               readonly
               clickable
-              :value="Array.isArray(selectValues[item.fieldId])?selectValues[item.fieldId].join(','):selectValues[item.fieldId]"
+              :value="Array.isArray(extInfoFieldValue[item.fieldId])?extInfoFieldValue[item.fieldId].join(','):extInfoFieldValue[item.fieldId]"
               :label="item.formField.name"
               name="picker"
               :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
@@ -496,15 +471,15 @@
               @click-right-icon.stop="SelectClear(item.fieldId)"
               :required="item.required || isRequiredFn(item.formField)"
               :disabled="disableds"
-              :right-icon="selectValues[item.fieldId]? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
+              :right-icon="extInfoFieldValue[item.fieldId]? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
             />
             <van-popup v-model="refShowPicker" position="bottom" :style="{ height: '300px' }">
               <select-popup
-                  :options="refTemplateList[item.fieldId]"
-                  :defaultValue="defaultValue"
+                  :options="refTemplateList[selectDetail.fieldId]"
+                  :defaultValue="refDefaultValue[selectDetail.fieldId]"
                   @onConfim="confirmRefSelect"
                   @onclose= "refShowPicker = false"
-                  :multiple="detailField.formField.extInfo && detailField.formField.extInfo.selectType ==='多选'?true:false"
+                  :multiple="selectDetail.formField && selectDetail.formField.extInfo && selectDetail.formField.extInfo.selectType ==='多选'?true:false"
                   ref="selectPopup"
                   :props="{
                     value:'id',
@@ -519,7 +494,7 @@
               readonly
               clickable
               name="area"
-              :value="checkDatas[item.fieldId] && Array.isArray(checkDatas[item.fieldId])?checkDatas[item.fieldId].map(e=>e.label).join(','):''"
+              :value="extInfoFieldValue[item.fieldId] && Array.isArray(extInfoFieldValue[item.fieldId])?extInfoFieldValue[item.fieldId].map(e=>e.label).join('/'):''"
               :label=item.formField.name
               :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
               @click="openDrawer(item,'cascader')"
@@ -540,7 +515,7 @@
           <div @click="checkUpload(item.fieldId,item.formField.extInfo)" class="form-field-item-file">
             <div class="fileName"><span style="color: red" v-if="item.required || isRequiredFn(item.formField)">*</span>{{item.formField.name}}</div>
             <van-uploader
-                v-model="fileListList[item.fieldId]"
+                v-model="extInfoFieldValue[item.fieldId]"
                 :before-read="(file=>{return beforeRead(file,item.formField.type)})"
                 :max-count='item.formField.extInfo&&item.formField.extInfo.limitNum ? item.formField.extInfo.limitNum : (item.formField.extInfo.limit ? item.formField.extInfo.limit : 1)'
                 :after-read="afterRead"
@@ -580,7 +555,7 @@
     <el-drawer
         :withHeader="false"
         :visible.sync="drawer"
-        size="60%"
+        size="400px"
         direction="btt">
       <div class="drawer-container">
        <tree ref="drawerTree"
@@ -600,6 +575,7 @@
           :options="options"
           :defaultValue="defaultValue"
           @onConfim="confirmSelect"
+          @onclose= "selectPopUp = false"
           :multiple="detailField.formField.extInfo && detailField.formField.extInfo.selectType ==='多选'?true:false"
           ref="selectPopup"
           :props="{
@@ -725,12 +701,13 @@ export default {
       detailField:{
         formField:{}
       },
-      checkDatas:[],
+      extInfoFieldValue:{},
       selectPopUp:false,
       options:[],
       defaultValue:[],
       timeDetailData:{},
-      selectDetail:{}
+      selectDetail:{},
+      refDefaultValue:{}
     }
   },
   props: {
@@ -796,6 +773,15 @@ export default {
             item.value = item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:''
           }
         }
+        if (!item.relationDisplay){
+          item.value = []
+          this.extInfoFieldValue[item.fieldId] = []
+          this.selectValues[item.fieldId] = []
+          this.extInfoFieldValue[item.fieldId] = []
+          if (item.formField.extInfo.extInfoFieldValue){
+            item.formField.extInfo.extInfoFieldValue = ''
+          }
+        }
       })
       let newArr = arr.filter(item=>item.relationDisplay)
       console.debug('arr',arr,newArr)
@@ -933,8 +919,8 @@ export default {
       }
       else{
         let length = 0
-        if (this.fileListList[this.filedId]){
-          length = this.fileListList[this.filedId].length
+        if (this.extInfoFieldValue[this.filedId]){
+          length = this.extInfoFieldValue[this.filedId].length
         }
         if (file.length<=this.limitNum-length){
           for (let i=0;i<file.length;i++){
@@ -1038,12 +1024,12 @@ export default {
         imageInfo.url = ossFileUrl(this.ossConfig, res.name)
         imageInfo.status='success'
         imageInfo.name=res.name
-        for (let j=0;j<this.fileListList[this.filedId].length;j++){
-          if (this.fileListList[this.filedId][j].content&&this.fileListList[this.filedId][j].content===content){
-            this.fileListList[this.filedId][j].name=res.name
-            this.fileListList[this.filedId][j].status='success'
-            this.fileListList[this.filedId][j].url=imageInfo.url
-            delete this.fileListList[this.filedId][j].content
+        for (let j=0;j<this.extInfoFieldValue[this.filedId].length;j++){
+          if (this.extInfoFieldValue[this.filedId][j].content&&this.extInfoFieldValue[this.filedId][j].content===content){
+            this.extInfoFieldValue[this.filedId][j].name=res.name
+            this.extInfoFieldValue[this.filedId][j].status='success'
+            this.extInfoFieldValue[this.filedId][j].url=imageInfo.url
+            delete this.extInfoFieldValue[this.filedId][j].content
           }
         }
         this.fileUpload=false
@@ -1148,8 +1134,8 @@ export default {
           }
 
         }
-        if (type ==='FILE'){
-          if (this.formList.form.formFieldRelation[i].value!==undefined){
+        if (type ==='FILE' || type == 'ATTACHMENT' || type == 'IMAGE' || type == 'VIDEO'){
+          if (this.formList.form.formFieldRelation[i].value){
             if (this.formList.form.formFieldRelation[i].value===null||this.formList.form.formFieldRelation[i].value===''){
               this.formList.form.formFieldRelation[i].value=[]
             }
@@ -1165,29 +1151,37 @@ export default {
                       valueList[file].url = this.formList.form.formFieldRelation[i].value[file]
                     }
                     if (type === 'object'&&JSON.stringify(this.formList.form.formFieldRelation[i].value[file])!=='{}') {
-                      this.fileListList[this.formList.form.formFieldRelation[i].fieldId]=this.formList.form.formFieldRelation[i].value
+                      this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=this.formList.form.formFieldRelation[i].value
                     }
                     else {
-                      this.fileListList[this.formList.form.formFieldRelation[i].fieldId]=[]
+                      this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=[]
                     }
                   }
                   if (bool){
-                    this.fileListList[this.formList.form.formFieldRelation[i].fieldId]=valueList
+                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=valueList
                   }
               }
             }
           }
-
-
-
+        }
+        if (type === 'REF' || type === 'REF_TEMPLATE'){
+          if (this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue){
+            let name = this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue.map(item=>{
+              return item.name
+            })
+            this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = name
+          }
         }
       }
       for (let i = 0; i < this.formList.form.formFieldRelation.length; i++) {
         let type = this.formList.form.formFieldRelation[i].formField.type
         let extInfo = this.formList.form.formFieldRelation[i].formField.extInfo
         if (type === 'CASCADER') {
-          let fieldValue = this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue?this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue:[]
-          this.checkDatas[this.formList.form.formFieldRelation[i].fieldId] = fieldValue
+          let fieldValue = this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue ?
+              this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue :[]
+          if (!this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]){
+            this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = fieldValue
+          }
           if (this.formList.form.formFieldRelation[i].value){
             this.formList.form.formFieldRelation[i].value = this.formList.form.formFieldRelation[i].formField.defaultValue?
                 this.formList.form.formFieldRelation[i].formField.defaultValue:[];
@@ -1206,17 +1200,17 @@ export default {
             if (!this.formList.form.formFieldRelation[i].formField.extInfo.mold ||
                 this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
                 this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'TIME'){
-              this.timeValue[this.formList.form.formFieldRelation[i].fieldId]=dateTime.Format('hh:mm')
+              this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=dateTime.Format('hh:mm')
             }
             else if (this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATA_TIME' ||
                 this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE_TIME' ||
                 this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE_TIME'){
-              this.timeValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd hh:mm')
+              this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd hh:mm')
             }
             else if (this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATA' ||
                 this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE' ||
                 this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE'){
-              this.timeValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd')
+              this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd')
             }
           }
         }
@@ -1268,6 +1262,9 @@ export default {
           }
         }
       }
+      if (this.formList.extInfo && this.formList.extInfo.extInfoFieldValue){
+        this.extInfoFieldValue = this.formList.extInfo.extInfoFieldValue
+      }
       this.formShow = this.formList
     },
     addZero(i) {
@@ -1305,6 +1302,7 @@ export default {
         this.isPhone=this.propIsPhone;
         this.isCompany=this.propIsCompany;
       }
+
     },
     //时间的选择器
     onConfirm(value, id,item,type) {
@@ -1312,18 +1310,18 @@ export default {
       if (type == 'DATE'){
         this.datePicker = false
         this.timeDetailData.value = value;
-        this.timeValue[id] =this.formatDate(value);
+        this.extInfoFieldValue[id] =this.formatDate(value);
       }
       else if (type == 'TIME'){
         this.timePicker = false;
-        this.timeValue[id] = value;
+        this.extInfoFieldValue[id] = value;
         console.debug('timeDetailData',this.timeDetailData)
         this.timeDetailData.value = forMatTime(value)
       }
       else if (type == 'DATE_TIME'){
         this.dateTimePicker = false;
         this.timeDetailData.value = value
-        this.timeValue[id] =this.formatDate(value) +" "+ this.addZero(value.getHours()) + ':' + this.addZero(value.getMinutes())
+        this.extInfoFieldValue[id] =this.formatDate(value) +" "+ this.addZero(value.getHours()) + ':' + this.addZero(value.getMinutes())
       }
       /*for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         if (this.formShow.form.formFieldRelation[i].fieldId=== id) {
@@ -1363,6 +1361,9 @@ export default {
     //下拉的选择器
     onConfirmSelect(value, item) {
       console.log('value',value,this.selectDetail)
+      if (!value){
+        return
+      }
       this.selectValues[this.selectDetail.fieldId] = value;
       for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         if (this.formShow.form.formFieldRelation[i].fieldId === this.selectDetail.fieldId) {
@@ -1426,15 +1427,21 @@ export default {
             }
           })
         }
-        if (this.fileListList[this.formShow.form.formFieldRelation[i].fieldId]!== undefined) {
+        if (this.extInfoFieldValue[this.formShow.form.formFieldRelation[i].fieldId] &&
+            (this.formShow.form.formFieldRelation[i].formField.type == 'FILE' ||
+            this.formShow.form.formFieldRelation[i].formField.type == 'IMAGE' ||
+            this.formShow.form.formFieldRelation[i].formField.type == 'VIDEO' ||
+            this.formShow.form.formFieldRelation[i].formField.type == 'ATTACHMENT')) {
           let value=[]
-          this.fileListList[this.formShow.form.formFieldRelation[i].fieldId].forEach(item=>{
+          this.extInfoFieldValue[this.formShow.form.formFieldRelation[i].fieldId].forEach(item=>{
             let file = {}
             file.name = item.name
             file.url = item.url
             value.push(file)
           })
-          this.formShow.form.formFieldRelation[i].value=value
+          this.formShow.form.formFieldRelation[i].value = value.map(item=>{
+            return item.name
+          })
         }
         if(this.formShow.form.formFieldRelation[i].display &&
             (this.formShow.form.formFieldRelation[i].required || this.isRequiredFn(this.formShow.form.formFieldRelation[i].formField)) &&
@@ -1446,12 +1453,17 @@ export default {
             strVal = value.replace(/\n/g,'');
           }
           let bool = this.formShow.form.formFieldRelation[i].value && this.formShow.form.formFieldRelation[i].value.includes('\n') && !strVal
-            if(!this.formShow.form.formFieldRelation[i].value || bool|| (this.formShow.form.formFieldRelation[i].value&&this.formShow.form.formFieldRelation[i].value.length===0)) {
+            if(!this.formShow.form.formFieldRelation[i].value || bool || (this.formShow.form.formFieldRelation[i].value&&this.formShow.form.formFieldRelation[i].value.length===0)) {
               this.$message.error('请完善'+ this.formShow.form.formFieldRelation[i].formField.name)
               return
             }
         }
       }
+      let extInfo = {
+        extInfoFieldValue:this.extInfoFieldValue
+      }
+        this.$set(this.formShow,'extInfo',extInfo)
+      console.debug('form',this.formShow)
         this.$emit('submitClick',this.formShow)
         this.disableds = true
         this.submitValue = '已提交'
@@ -1488,11 +1500,12 @@ export default {
     },
     //下拉的点击事件
     selectClick(id,type,item) {
-      console.debug('111')
+      console.debug('111',item)
       if (this.disableds){
         return
       }
-      this.selectDetail = item
+      this.selectDetail = item;
+      this.defaultValue = ''
       if(type == 'client') {
         let selectOption
         this.selectValue=[]
@@ -1511,7 +1524,9 @@ export default {
         this.selectId = id
         this.showPicker = true
       } else if (type == 'ref'){
-        this.refShowPicker = true
+        this.refShowPicker = true;
+        this.refTemplateVisibleChange(true,item);
+        this.refDefaultValue[item.fieldId] = item.value?[item.value]:[]
       } else if (type == 'select'){
         this.selectPicker = true;
       }
@@ -1748,27 +1763,27 @@ export default {
           imgInfo.name = data.file.name
           imgInfo.uid = data.file.uid
         }
-        if (!this.fileListList[this.filedId])
+        if (!this.extInfoFieldValue[this.filedId])
         {
-          this.fileListList[this.filedId] = []
+          this.extInfoFieldValue[this.filedId] = []
         }
-        this.fileListList[this.filedId].push(imgInfo)
+        this.extInfoFieldValue[this.filedId].push(imgInfo)
         this.loading.close()
       }).catch((err) => {
         console.debug("upload err", err);
       });
     },
     successUpload(response,file,fileList){
-      if (!this.fileListList[this.filedId]){
-        this.fileListList[this.filedId] = []
+      if (!this.extInfoFieldValue[this.filedId]){
+        this.extInfoFieldValue[this.filedId] = []
       }
       for (let i=0;i<fileList.length;i++){
-        if (!this.fileListList[this.filedId][i]){
-          this.fileListList[this.filedId][i]={}
+        if (!this.extInfoFieldValue[this.filedId][i]){
+          this.extInfoFieldValue[this.filedId][i]={}
         }
-        this.fileListList[this.filedId][i].url=fileList[i].url
-        this.fileListList[this.filedId][i].name=fileList[i].name
-        this.fileListList[this.filedId][i].status=fileList[i].status
+        this.extInfoFieldValue[this.filedId][i].url=fileList[i].url
+        this.extInfoFieldValue[this.filedId][i].name=fileList[i].name
+        this.extInfoFieldValue[this.filedId][i].status=fileList[i].status
       }
     },
     uploadProgress(){
@@ -1780,17 +1795,17 @@ export default {
       });
     },
     handleRemove(file) {
-      if (this.fileListList[this.filedId]){
-        for (let i=0;i<this.fileListList[this.filedId].length;i++)
+      if (this.extInfoFieldValue[this.filedId]){
+        for (let i=0;i<this.extInfoFieldValue[this.filedId].length;i++)
         {
-          if (this.fileListList[this.filedId][i].uid){
-            if (this.fileListList[this.filedId][i].uid===file.uid){
-              this.fileListList[this.filedId].splice(i,1)
+          if (this.extInfoFieldValue[this.filedId][i].uid){
+            if (this.extInfoFieldValue[this.filedId][i].uid===file.uid){
+              this.extInfoFieldValue[this.filedId].splice(i,1)
               return
             }
           }
-          else if (this.fileListList[this.filedId][i].url===file.url){
-            this.fileListList[this.filedId].splice(i,1)
+          else if (this.extInfoFieldValue[this.filedId][i].url===file.url){
+            this.extInfoFieldValue[this.filedId].splice(i,1)
             return
           }
         }
@@ -1867,6 +1882,7 @@ export default {
       this.videoUploadPercent = file.percentage.toFixed(0);
     },
     refTemplateVisibleChange(visible,field) {
+      console.debug('field1111',field)
       let fields = field.formField.type === 'REF' ? field.formField.extInfo.ref.field : field.formField.extInfo.ref.vars
       if (visible) {
         if (
@@ -1883,62 +1899,42 @@ export default {
             sortInfos: [],
             templateId: ''
           })
-          this.getTemplateList(field.formField.extInfo.ref.source, fields, field)
+          let param = {
+            templateId:field.formField.extInfo.ref.source,
+            fieldId:fields,
+            field:field,
+            dataQuery:this.dataQuery
+          }
+          this.$emit('getTemplateList',param)
         }
       }
     },
-    getTemplateList(templateId, fieldId, field) {
-      let url = '/order-api/data-template/data/page'
-      this.dataQuery[field.fieldId].templateId = templateId
-      // let dataQuery = {
-      //   filterId: '',
-      //   keywords: '',
-      //   pageInfo: {
-      //     pageNo: 1,
-      //     pageSize: 20
-      //   },
-      //   sortInfos: [],
-      //   templateId: templateId
-      // }
-      this.$http.post(url, this.dataQuery[field.fieldId]).then(res => {
-        if (res.data.code === '0') {
-          let list = res.data.data.data
-          this.dataQuery[field.fieldId].hasNextPage = res.data.data.hasNextPage
-          // this.isHasNext[field.id] = res.data.data.hasNextPage
-          let templateList = []
-          templateList = list.map(res => {
-            let info = {}
-            for (let key in res.fieldValues) {
-              if (Array.isArray(fieldId)) {
-                let vals = ''
-                let values = ''
-                fieldId.forEach(val => {
-                  vals += val
-                  if (res.fieldValues[val]) {
-                    values += res.fieldValues[val]
-                  }
-                })
-                info[vals] = values
-                info.id = res.id
-                info.name = values
-              } else {
-                if (fieldId === key) {
-                  info[key] = res.fieldValues[key]
-                  info.id = res.id
-                  info.name = res.fieldValues[key]
-                }
+    changeRefData(value, item) {
+      console.log(value);
+      console.debug('value', value, item, this.refTemplateList[item.fieldId])
+      let arr = []
+      if (this.refTemplateList[item.fieldId]) {
+        this.refTemplateList[item.fieldId].forEach(data => {
+          if(typeof value == 'string' || typeof value == 'number') {
+            if(value == data.id) {
+              let obj = {
+                name: data.name,
+                id: data.id
               }
+              arr.push(data)
             }
-            return info
-          })
-          this.$nextTick(() =>{
-            this.$set(this.refTemplateList,field.fieldId,[
-              ...this.refTemplateList[field.fieldId],
-              ...templateList
-            ])
-          })
-        }
-      })
+          } else {
+            if (value.indexOf(data.id) !== -1) {
+              let obj = {
+                name: data.name,
+                id: data.id
+              }
+              arr.push(data)
+            }
+          }
+        })
+      }
+      this.extInfoFieldValue[item.fieldId] = arr
     },
     lodeMore(item) {
       this.dataQuery[item.fieldId].pageInfo.pageNo += 1
@@ -1947,7 +1943,6 @@ export default {
     //打开级联/下拉抽屉选择
     openDrawer(field,type){
       this.detailField = field;
-      console.debug('type',type)
       if (type == 'cascader' || type === 'pc_cascader'){
         if (type == 'cascader'){
           this.showArea = true;
@@ -1956,16 +1951,19 @@ export default {
           this.drawer = true;
         }
         this.$nextTick(()=>{
-          let arr =  this.checkDatas[field.fieldId]?this.checkDatas[field.fieldId]:[]
-          console.debug('drawerTree',this.$refs.drawerTree)
+          let arr =  this.extInfoFieldValue[field.fieldId]?this.extInfoFieldValue[field.fieldId]:[]
           let drawerTree = this.$refs.drawerTree
-          if (drawerTree){
-            drawerTree.forEach(item=>{
-              item.$refs.dataTree.setCheckedNodes (arr);
-              item.checked = this.checkDatas[field.fieldId] && this.checkDatas[field.fieldId][0]?this.checkDatas[field.fieldId][0].value:'';
-            })
+          if (drawerTree) {
+            if (Array.isArray(drawerTree)) {
+              drawerTree.forEach(item => {
+                item.$refs.dataTree.setCheckedNodes(arr);
+                item.checked = this.extInfoFieldValue[field.fieldId] && this.extInfoFieldValue[field.fieldId][0] ? this.extInfoFieldValue[field.fieldId][0].value : '';
+              })
+            } else {
+              drawerTree.$refs.dataTree.setCheckedNodes(arr);
+              drawerTree.checked = this.extInfoFieldValue[field.fieldId] && this.extInfoFieldValue[field.fieldId][0] ? this.extInfoFieldValue[field.fieldId][0].value : '';
+            }
           }
-
         })
       }
       else if (type === 'select'){
@@ -1986,8 +1984,9 @@ export default {
     //保存级联数据
     saveData(checkList,checkDatas){
       this.$set(this.detailField,'value',checkList);
-      this.checkDatas[this.detailField.fieldId] = checkDatas;
-      this.$set(this.detailField.formField.extInfo,'fieldValue',this.checkDatas)
+      this.extInfoFieldValue[this.detailField.fieldId] = checkDatas;
+      this.$set(this.detailField.formField.extInfo,'extInfoFieldValue',checkDatas);
+      console.debug('checkDatas',this.detailField.formField.extInfo,checkList)
       this.$forceUpdate();
       this.showArea = false;
       this.drawer = false;
@@ -2007,10 +2006,17 @@ export default {
         return
       }
       this.detailField.value = list;
-      let val = option?option.map(item=>{
-        return item.name
-      }):[]
-      this.selectValue[this.detailField.fieldId] = val;
+      let val = ''
+      if (Array.isArray(option)){
+        val = option.map(item=>{
+          return item.id
+        })
+        this.extInfoFieldValue[this.detailField.fieldId] = option
+      }
+      else {
+        val = option.id
+        this.extInfoFieldValue[this.detailField.fieldId] = [option]
+      }
       this.refShowPicker = false;
     },
     // 一个重复的方法 兼容 状态优先级 的关联控件，