oi-form

cuiqian2004

2025-03-14 7b15bbf1363982a03dd33c95f3ccdfdcfb7c1d47

 pages/modal/form/index.vue

@@ -2,97 +2,9 @@
   <view class="uni-page-modal-form">
      <view class="view-content">
         <!-- 表头样式 -->
         <uni-forms ref="baseForm" label-align="right">
            <view v-for="(item,index) in head_styledef.form.items" :key="index" class="v-head-style">
               <!-- 普通布局 -->
               <uni-forms-item v-if="item.name != 'Layout'" :label="item.label ?item.label +'：':'' "
                  :label-width="item.labelWidth+'px'">
                  <uni-data-picker v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''"
                     v-model="item.value" :localdata="item.dict" @change="onEnterChange(item)"
                     :readonly="item.disabled" :clear-icon="false" :popup-title="item.label"></uni-data-picker>
                  <view class="input-wrapper" v-if="item.name=='Input' || item.name=='InputNumber'">
                     <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                        @click="classAttr_extButton(item)">&#xe568;</text>
                     <input class="uni-input" :class="item.disabled?'input-disabled':''"
                        :style="{'padding-left':item.setting.prefix?0 : '8rpx','right':item.setting.suffix?0 : '8rpx'}"
                        :type="item.name=='Input'?'text':'number'" v-model="item.value"
                        :disabled="item.disabled" :placeholder="item.placeholder"
                        :focus="focusFieldId == item.fieldId" @focus="ontap(item)" @click="onClick(item)"
                        @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" :maxlength="-1" />
                     <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                        @click="classAttr_extButton(item)"></text>
                  </view>
                  <!-- 复选框 -->
                  <checkbox-group v-if="item.name=='Checkbox'" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" @change="onCheckBoxValue" :data-attr="item.fieldId"
                     :data-index="index">
                     <label v-for="(item2) in item.selections" :key="item2.value">
                        <checkbox :value="item2.value" :checked="item.value.includes(item2.value)" />
                        <text>{{item2.label}}</text>
                     </label>
                  </checkbox-group>
                  <!-- 单选框 -->
                  <radio-group v-if="item.name=='Radio'" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" @change="onRadioBoxValue" :data-attr="item.fieldId"
                     :data-index="index">
                     <label v-for="(item2) in item.selections" :key="item2.value">
                        <radio :value="item2.value" :checked="item2.value === item.value" />
                        <text>{{item2.label}}</text>
                     </label>
                  </radio-group>
                  <!-- Switch开关 -->
                  <switch class="input-switch" v-if="item.name=='Switch'"
                     :class="item.disabled?'input-disabled':''" :disabled="item.disabled" v-model="item.value"
                     @change="onEnterChange(item)" />
               </uni-forms-item>
               <!-- 栅格布局 -->
               <uni-row v-else :gutter="item.setting.gutter">
                  <uni-col
                     :span=" item.setting.spanList && item.setting.spanList[key]? item.setting.spanList[key] : 24 / item.setting.col"
                     v-for="(col,key) in item.setting.colList">
                     <uni-forms-item :label="col.label ? col.label +'：':''" :label-width="col.labelWidth+'px'">
                        <uni-data-picker v-if="col.name=='Select'" :class="col.disabled?'input-disabled':''"
                           v-model="col.value" :localdata="col.dict" @change="onEnterChange(col)"
                           :readonly="col.disabled" :clear-icon="false"
                           :popup-title="col.label"></uni-data-picker>
                        <view class="input-wrapper" v-if="col.name=='Input' || col.name=='InputNumber'">
                           <text v-if="col.setting.prefix" class="uni-icon" :class="[col.setting.prefix]"
                              @click="classAttr_extButton(col)">&#xe568;</text>
                           <input class="uni-input" :class="col.disabled?'input-disabled':''"
                              :style="{'padding-left':col.setting.prefix?0 : '8px','right':col.setting.suffix?0 : '8px'}"
                              :type="col.name=='Input'?'text':'number'" v-model="col.value"
                              :disabled="col.disabled" :placeholder="col.placeholder"
                              :focus="focusFieldId == col.fieldId" @focus="ontap(col)" @click="onClick(col)"
                              @keyup.enter="onEnterChange(col)" @blur="onEnterChange(col)" :maxlength="-1" />
                           <text v-if="col.setting.suffix" class="uni-icon" :class="[col.setting.suffix]"
                              @click="classAttr_extButton(col)"></text>
                        </view>
                        <!-- 复选框 -->
                        <checkbox-group v-if="col.name=='Checkbox'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" @change="onCheckBoxValue" :data-attr="col.fieldId"
                           :data-index="index" :data-iindex="key">
                           <label v-for="(col2) in col.selections" :key="col2.value">
                              <checkbox :value="col2.value" :checked="col.value.includes(col2.value)" />
                              <text>{{col2.label}}</text>
                           </label>
                        </checkbox-group>
                        <!-- 单选框 -->
                        <radio-group v-if="col.name=='Radio'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" @change="onRadioBoxValue" :data-attr="col.fieldId"
                           :data-index="index" :data-iindex="key">
                           <label v-for="(col2) in col.selections" :key="col2.value">
                              <radio :value="col2.value" :checked="col2.value === col.value" />
                              <text>{{col2.label}}</text>
                           </label>
                        </radio-group>
                        <!-- Switch开关 -->
                        <switch v-if="col.name=='Switch'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" v-model="col.value" @change="onEnterChange(col)" />
                     </uni-forms-item>
                  </uni-col>
               </uni-row>
            </view>
         </uni-forms>
         <OIForm ref="refBaseForm" class="v-head-style" :form="head_styledef.form" :focusId="focusFieldId"
            @click="onClick" @focus="ontap" @change="onEnterChange" @click-prefix="classAttr_extButton"
            @click-suffix="classAttr_extButton"></OIForm>
      </view>
      <view class="view-bottom">
         <button type="primary" @tap="ok" class="btn_add" :class="okLoading?'btn_disabled':''"
@@ -104,8 +16,9 @@
         <uni-popup class="view-popup" ref="popup" background-color="#fff" @change="popupChange">
            <view class="popup-header">{{check_list.title}}</view>
            <view class="popup-content" :class="{ 'popup-height': popupType === 'left' || popupType === 'right' }"
               :style="{'width':check_list.width?check_list.width+'px':'200px','height':check_list.height?check_list.height+'px':'88%'}">
               <view class="popup-cont" :style="{'height':check_list.height?check_list.height-45+'px':'415px'}">
               :style="{'width':check_list.width?check_list.width+'px':'375rpx','height':check_list.height?check_list.height+'px':popupType =='center'?'60vh':'88vh'}">
               <view class="popup-cont"
                  :style="{'height':check_list.height?check_list.height-45+'px':popupType =='center'?'50vh':'80vh'}">
                  <view class="view_popup_CheckList" v-for="(item,index) in check_list.items">
                     <checkbox-group class="check_list" @change="checkChange" :data-ischeck="item.check"
                        :data-index="index" :style="{'margin-left': '10rpx'}">
@@ -117,7 +30,7 @@
                  </view>
               </view>
               <view class="popup-footer">
                  <button type="default" @tap="popup_sava" class="btn_popup_add">{{translateSys('ok')}}</button>
                  <button type="primary" @tap="popup_sava" class="btn_popup_add">{{translateSys('ok')}}</button>
                  <button type="default" @tap="popup_cancel"
                     class="btn_popup_cancel">{{translateSys('cancel')}}</button>
               </view>
@@ -139,15 +52,20 @@
      updateDataObj,
      dataObjInfo
   } from "@/api/data.js"
   import dayjs from "dayjs";
   import OIForm from '@/components/oi-form/index.vue'

   export default {
      name: "PageModalForm",
      modules: {
         Base64,
      },
      components: {
         OIForm
      },
      data() {
         return {
            okLoading:false,
            okLoading: false,
            title: this.translateSys('add2'),
            type: '',
            editMode: false,
@@ -158,7 +76,8 @@
            focusOldFieldId: "",
            head_styledef: {
               form: {
                  items: []
                  items: [],
                  model: {}
               }
            },
            global_attr: [],
@@ -230,7 +149,7 @@
            this.ext_info = JSON.parse(options.extInfo);
         if (options.dataJson)
            this.data_json = JSON.parse(options.dataJson);
         this.title = this.param.ShowName? this.param.ShowName : options.titlename; //设置按钮文字
         this.title = options.titlename ? options.titlename : this.param.ShowName; //设置按钮文字
         // console.log(options)
         uni.setNavigationBarTitle({
            title: this.title
@@ -243,7 +162,7 @@
               title: this.translateSys("error"),
               content: this.translate("tip_no_master_class"),
               showCancel: false,
               confirmText: this.translateSys("cancel")
               confirmText: this.translateSys('close')
            });
         }
      },
@@ -318,7 +237,7 @@
                                 styledefHead.form
                                    .model[ele.fieldId] = itemName;
                              }
                              ele.dict = selections.map((a) => {
                              ele.selections = selections.map((a) => {
                                 return {
                                    value: a.value,
                                    text: a.label
@@ -355,7 +274,7 @@
                                    styledefHead.form
                                       .model[col.fieldId] = itemName;
                                 }
                                 col.dict = selections.map((a) => {
                                 col.selections = selections.map((a) => {
                                    return {
                                       value: a.value,
                                       text: a.label
@@ -393,7 +312,7 @@
                  title: $this.translateSys('tip') + "1",
                  content: exStr,
                  showCancel: false,
                  confirmText: $this.translateSys("cancel")
                  confirmText: $this.translateSys('close')
               });

            }
@@ -431,60 +350,48 @@
                  title: this.translateSys("error") + "3",
                  content: ex.errMsg,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
            }

         },
         async loadFormData(objAttr) {
            let formData
            let attrs = []

            if (this.objId) {
               let info = await dataObjInfo({
                  class_id: this.clsId,
                  obj_id: this.objId,
               });
               formData = {};
               formData["id"] = info.id;
               formData["state"] = info.state;

               attrs = [{
                  attr: "id",
                  value: info.id
               }, {
                  attr: "state",
                  value: info.state
               }]
               info.attr_list.forEach(({
                  name,
                  value
               }) => {
                  formData[name] = value;
               });
            } else if (objAttr) {
               formData = {};
               Object.keys(objAttr).forEach((attr) => {
                  let value = objAttr[attr];
                  formData[attr] = value;
               });
            }
            //传入参数值
            if (formData) {
               if (this.head_styledef?.form) {
                  const items = this.head_styledef?.form?.items || []
                  const model = this.head_styledef?.form?.model || {}
                  Object.assign(model, formData);
                  items.forEach(async (ele, index) => {
                     if (ele.name != "Layout") {
                        let value = formData[ele.fieldId]
                        if (value)
                           ele.value = value

                     } else {
                        ele.setting.colList.forEach(async (col) => {
                           if (col) {
                              let value = formData[col.fieldId]
                              if (value)
                                 col.value = value
                           }
                        });
                     }
                  attrs.push({
                     attr: name,
                     value: value
                  })
                  this.$data.head_styledef.form.model = model
                  this.$data.head_styledef.form.items = items
               }
               });
               this.setFormValues(attrs)
            } else if (objAttr) {
               Object.keys(objAttr).forEach((attr) => {
                  attrs.push({
                     attr: attr,
                     value: objAttr[attr]
                  })
               });
               this.setFormValues(attrs)
            }


         },
         async loadInitialEvent() {
            try {
@@ -529,7 +436,7 @@
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys(
                              "cancel")
                              'close')
                        });
                     } else uni.showModal({
                        title: this.translateSys('tip'),
@@ -539,7 +446,7 @@
                           .ret,
                        showCancel: false,
                        confirmText: this.translateSys(
                           "cancel")
                           'close')
                     });
                     return false;
                  } else {
@@ -551,7 +458,7 @@
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys(
                           "cancel")
                           'close')
                     });

                     if (result.result_type == 0 && result.action) {
@@ -595,7 +502,7 @@
                              content: result.info,
                              showCancel: false,
                              confirmText: this
                                 .translateSys("cancel")
                                 .translateSys('close')
                           });
                        }
                     }
@@ -612,7 +519,7 @@
                  title: $this.translateSys('tip') + "2",
                  content: exStr,
                  showCancel: false,
                  confirmText: $this.translateSys("cancel")
                  confirmText: $this.translateSys('close')
               });
            }
         },
@@ -627,10 +534,13 @@
               console.log(result.decodedata);
               item.value = result.decodedata;
               var $this = this;
               if (item.oldvalue != item.value && item.value.trim() != "") {
                  item.oldvalue = item.value;
               let newVal = item.value.trim()
               if (!newVal)
                  return
               if (item.oldvalue != newVal) {
                  item.oldvalue = newVal;
                  var attr = item.fieldId;
                  this.head_styledef.form.model[attr] = item.value;
                  this.head_styledef.form.model[attr] = newVal;
                  var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
                  var onSuffixClickCallbackEvent = item.bind
                     .onSuffixClickCallbackEvent; //后图标点击事件
@@ -641,36 +551,59 @@
                  if (onChangeEvent?.id) { //内容变化后事件
                     $this.onChange(onChangeEvent);
                  }
                  if (item.value) { //第一个输入框不为空
                     //初始化，下个输入框focus属性
                     var findd = false
                     for (let i in $this.head_styledef.form.items) {
                        const ele = $this.head_styledef.form.items[i]
                  //初始化，下个输入框focus属性
                  var findd = false
                  for (let i in $this.head_styledef.form.items) {
                     const ele = $this.head_styledef.form.items[i]

                        if (ele.name != "Layout") {
                           if (ele.name == 'Input' || ele.name ==
                              'InputNumber') {
                              if (attr == ele.fieldId) {
                                 findd = true
                              } else {
                                 if (findd) {
                                    $this.setData({
                                       focusFieldId: ele.fieldId
                                    })
                                    break
                                 }

                     if (ele.name != "Layout") {
                        if (ele.name == 'Input' || ele.name ==
                           'InputNumber') {
                           if (attr == ele.fieldId) {
                              findd = true
                           } else {
                              if (findd) {
                                 $this.setData({
                                    focusFieldId: ele.fieldId
                                 })
                                 break
                              }

                           }
                        } else {
                           if (findd) {
                              let curIndex = ele.setting.colList.findIndex((
                                 col, index2, arr) => {
                                 return (col.name == 'Input' || col
                                    .name == 'InputNumber');

                        }
                     } else {
                        if (findd) {
                           let curIndex = ele.setting.colList.findIndex((
                              col, index2, arr) => {
                              return (col.name == 'Input' || col
                                 .name == 'InputNumber');
                           })
                           if (curIndex > -1) {
                              $this.setData({
                                 focusFieldId: ele.setting
                                    .colList[curIndex]
                                    .fieldId
                              })
                              if (curIndex > -1) {
                              break
                           }

                        } else {
                           let curIndex = ele.setting.colList.findIndex((
                              col, index2, arr) => {
                              return attr == col.fieldId;
                           })
                           if (curIndex > -1) {
                              findd = true
                              let curIndex2 = ele.setting.colList
                                 .findIndex((col, index2, arr) => {
                                    return (col.name == 'Input' ||
                                          col.name ==
                                          'InputNumber') &&
                                       index2 >
                                       curIndex;
                                 })
                              if (curIndex2 > -1) {
                                 $this.setData({
                                    focusFieldId: ele.setting
                                       .colList[curIndex]
@@ -678,34 +611,9 @@
                                 })
                                 break
                              }

                           } else {
                              let curIndex = ele.setting.colList.findIndex((
                                 col, index2, arr) => {
                                 return attr == col.fieldId;
                              })
                              if (curIndex > -1) {
                                 findd = true
                                 let curIndex2 = ele.setting.colList
                                    .findIndex((col, index2, arr) => {
                                       return (col.name == 'Input' ||
                                             col.name ==
                                             'InputNumber') &&
                                          index2 >
                                          curIndex;
                                    })
                                 if (curIndex2 > -1) {
                                    $this.setData({
                                       focusFieldId: ele.setting
                                          .colList[curIndex]
                                          .fieldId
                                    })
                                    break
                                 }
                              }
                           }

                        }

                     }
                  }

@@ -715,74 +623,22 @@

         onEnterChange(item) { //回车，点击按钮，取消节点事件
            console.log(item);
            if (item.oldvalue != item.value && item.value.trim() != "") {
               item.oldvalue = item.value;
            let newVal = item.value
            if (typeof item.value == "string") {
               newVal = item.value.trim()
               if (!newVal)
                  return
            }
            if (item.oldvalue != newVal) {
               item.oldvalue = newVal;
               var attr = item.fieldId;
               this.head_styledef.form.model[attr] = item.value;
               this.head_styledef.form.model[attr] = newVal;
               var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件

               if (onChangeEvent?.id) { //内容变化后事件
                  this.onChange(onChangeEvent);
               }

            }
         },
         onCheckBoxValue(e) { //绑定Model值
            let values = e.detail.value || []
            const item = this.head_styledef.form.items[e.currentTarget?.dataset?.index || 0]
            if (item?.setting?.colList) {
               const col = item.setting.colList[e.currentTarget?.dataset?.iindex || 0]
               if (col) {
                  col.value = values
                  let attr = col.fieldId;
                  this.head_styledef.form.model[attr] = col.value;
                  var onChangeEvent = col.bind.onChangeEvent; //内容变化后事件
                  if (onChangeEvent?.id) { //内容变化后事件
                     this.onChange(onChangeEvent);
                  }
                  return
               }
            } else {
               if (item) {
                  item.value = values
                  let attr = item.fieldId;
                  this.head_styledef.form.model[attr] = item.value;
                  var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
                  if (onChangeEvent?.id) { //内容变化后事件
                     this.onChange(onChangeEvent);
                  }
               }
            }

         },
         onRadioBoxValue(e) { //绑定Model值
            let values = e.detail.value || ""
            const item = this.head_styledef.form.items[e.currentTarget?.dataset?.index || 0]
            if (item?.setting?.colList) {
               const col = item.setting.colList[e.currentTarget?.dataset?.iindex || 0]
               if (col) {
                  col.value = values
                  let attr = col.fieldId;
                  this.head_styledef.form.model[attr] = col.value;
                  var onChangeEvent = col.bind.onChangeEvent; //内容变化后事件
                  if (onChangeEvent?.id) { //内容变化后事件
                     this.onChange(onChangeEvent);
                  }
                  return
               }
            } else {
               if (item) {
                  item.value = values
                  let attr = item.fieldId;
                  this.head_styledef.form.model[attr] = item.value;
                  var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
                  if (onChangeEvent?.id) { //内容变化后事件
                     this.onChange(onChangeEvent);
                  }
               }

            }

         },
         classAttr_extButton(item) {
            var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件
@@ -793,7 +649,7 @@
                  title: this.translateSys("tip"),
                  content: this.translate('icon_click_callback_empty'),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return;
            }
@@ -802,7 +658,7 @@
                  title: this.translateSys("tip"),
                  content: this.translate('icon_click_event_empty'),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return;
            }
@@ -810,7 +666,7 @@
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.popup.open(this.popupType);

            this.dataObjRunCustomEvent_Return(onSuffixClickCallbackEvent.id, '', onSuffixClickEvent.id,
            this.dataObjRunCustomEvent_Return(onSuffixClickEvent.id, '', onSuffixClickCallbackEvent.id,
               item);
         },

@@ -883,7 +739,7 @@
                              content: tip,
                              showCancel: false,
                              confirmText: this.translateSys(
                                 "cancel")
                                 'close')
                           });
                        } else uni.showModal({
                           title: this.translateSys('tip'),
@@ -893,7 +749,7 @@
                              .ret,
                           showCancel: false,
                           confirmText: this.translateSys(
                              "cancel")
                              'close')
                        });
                        return false;
                     } else {
@@ -905,7 +761,7 @@
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys(
                              "cancel")
                              'close')
                        });

                        if (result.result_type == 0 && result.action) {
@@ -949,7 +805,7 @@
                                 content: result.info,
                                 showCancel: false,
                                 confirmText: this
                                    .translateSys("cancel")
                                    .translateSys('close')
                              });
                           }
                        }
@@ -963,7 +819,7 @@
                        title: this.translateSys("error") + "4.1",
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                        confirmText: this.translateSys('close')
                     });
                  });
               }
@@ -978,115 +834,77 @@
                     this.translate('reason') + this.translateSys("colon") +
                     tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
            }
         },

         setFormValues(data) {
         setFormValues(attrs) {
            console.log(attrs)
            const head_styledef = this.head_styledef
            if (JSON.stringify(data) == '{}') {
            if (JSON.stringify(attrs) == '{}') {
               return;
            }
            head_styledef.form.items.forEach(async (ele, index) => {
               if (ele.name != "Layout") {
                  let curIndex = data.findIndex((attr, index2, arr) => {
                     return attr.attr == ele.fieldId;
                  })
                  if (curIndex > -1) {
                     const attr = data[curIndex]
                     if (ele.name ==
                        'Select' &&
                        attr
                        .choice_list
                     ) {
                        const
                           dictItemList = [];
                        const
                           choiceList =
                           attr
                           .choice_list || [];
                        for (let d in
                              choiceList) {
                           const
                              val =
                              choiceList[
                                 d
                              ];
                           dictItemList
                              .push({
                                 text: val,
                                 value: val
                              });
            attrs.forEach(async (attr, key) => {
               if (attr.choice_list) {
                  var dictItemList = [];
                  attr.choice_list.forEach(async (val, index) => {
                     dictItemList.push({
                        text: val,
                        value: val
                     });
                  });
                  head_styledef.form.items.forEach(async (attr_item, index) => {
                     if (attr_item.name != "Layout") {
                        if (attr_item.fieldId == attr.attr) {
                           if (attr_item.useDict) {
                              attr_item.dict = dictItemList;
                           } else {
                              attr_item.selections = dictItemList;
                           }
                        }
                        ele.dict =
                           dictItemList;
                     }

                     ele.value =
                        attr
                        .value;
                  }
               } else {
                  ele.setting
                     .colList
                     .forEach(
                        async (
                           col
                        ) => {
                           if (
                              col) {
                              let curIndex = data.findIndex((
                                 attr, index2, arr) => {
                                 return attr.attr == col.fieldId;
                              })
                              if (curIndex > -1) {
                                 const attr = data[curIndex]
                                 if (col.name ==
                                    'Select' &&
                                    attr
                                    .choice_list
                                 ) {
                                    const
                                       dictItemList = [];
                                    const
                                       choiceList =
                                       attr
                                       .choice_list || [];
                                    for (let d in
                                          choiceList) {
                                       const
                                          val =
                                          choiceList[
                                             d
                                          ];
                                       dictItemList
                                          .push({
                                             text: val,
                                             value: val
                                          });
                                    }
                                    col.dict =
                                       dictItemList;
                     } else if (attr_item.name == "Layout") {
                        attr_item.setting.colList.forEach((col) => {
                           if (col) {
                              if (col.fieldId == attr.attr) {
                                 if (col.useDict) {
                                    col.dict = dictItemList;
                                 } else {
                                    col.selections = dictItemList;
                                 }

                                 col.value =
                                    attr
                                    .value;
                              }
                           }

                        })

                        });
                     }
                  });
               }
            })
               head_styledef.form.model[attr.attr] = attr.value;
               head_styledef.form.items.forEach(async (ele, index) => {
                  if (ele.name != "Layout") {
                     if (ele.fieldId == attr.attr) {
                        ele.value = attr.value;
                        ele.oldvalue = attr.value;
                     }
                  } else if (ele.name == "Layout") {
                     ele.setting.colList.forEach((col) => {
                        if (col) {
                           if (col.fieldId == attr.attr) {
                              col.value = attr.value;
                              col.oldvalue = attr.value;
                           }
                        }
                     });
                  }

               })

               //判断表单里是否有返回字段，没有就装载到model里，点击确定提交的时候带上这些数据
            })
            console.log(head_styledef)
            this.setData({
               head_styledef: head_styledef
            })
         },


         popupChange(e) {
            console.log('当前模式：' + e.type + ',状态：' + e.show);
         },
@@ -1129,7 +947,7 @@
                  title: this.translateSys("tip"),
                  content: "popupParam为空！",
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return;
            }
@@ -1138,7 +956,7 @@
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return;
            }
@@ -1237,14 +1055,14 @@
                        title: this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                        confirmText: this.translateSys('close')
                     });
                  } else uni.showModal({
                     title: this.translateSys("tip"),
                     content: tip + ',' + this.translateSys('tip') + ':' + data
                        .ret,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                     confirmText: this.translateSys('close')
                  });
                  return false
               } else {
@@ -1256,7 +1074,7 @@
                     title: this.translateSys("tip"),
                     content: tip,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                     confirmText: this.translateSys('close')
                  });

                  var actionlist = data.action;
@@ -1319,7 +1137,7 @@
                                 .translate(
                                    "tip_action_unprocessed"),
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                              confirmText: this.translateSys('close')
                           });
                        }
                     }
@@ -1396,7 +1214,7 @@
                  title: this.translateSys("error") + "3.1",
                  content: exStr,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
            });
         },
@@ -1484,14 +1302,14 @@
                        title: $this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: $this.translateSys("cancel")
                        confirmText: $this.translateSys('close')
                     });
                  } else uni.showModal({
                     title: $this.translateSys("tip"),
                     content: tip + ',' + $this.translateSys('tip') + ':' + data
                        .ret,
                     showCancel: false,
                     confirmText: $this.translateSys("cancel")
                     confirmText: $this.translateSys('close')
                  });
                  return false
               } else {
@@ -1503,7 +1321,7 @@
                     title: $this.translateSys("tip"),
                     content: tip,
                     showCancel: false,
                     confirmText: $this.translateSys("cancel")
                     confirmText: $this.translateSys('close')
                  });

                  if (data != "") {
@@ -1677,7 +1495,7 @@
                                    .translate(
                                       "tip_action_unprocessed"),
                                 showCancel: false,
                                 confirmText: $this.translateSys("cancel")
                                 confirmText: $this.translateSys('close')
                              });
                           }
                        }
@@ -1690,7 +1508,7 @@
                              "quotation_mark_right") + $this.translateSys(
                              "comma") + 'event_id' + eventid,
                        showCancel: false,
                        confirmText: $this.translateSys("cancel")
                        confirmText: $this.translateSys('close')
                     });
                  }
               }
@@ -1705,7 +1523,7 @@
                  title: $this.translateSys('tip') + "5.1",
                  content: exStr,
                  showCancel: false,
                  confirmText: $this.translateSys("cancel")
                  confirmText: $this.translateSys('close')
               });
            });
         },
@@ -1718,7 +1536,7 @@
               });
               this.okLoading = true
               var obj_attr = this.head_styledef.form.model || {};
                  console.log(obj_attr)
               console.log(obj_attr)
               let ret = await this.sava();
               this.okLoading = false
               uni.hideLoading();
@@ -1818,7 +1636,7 @@
                  title: this.translateSys('tip') + "7.1",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }
@@ -1845,7 +1663,7 @@
                  title: this.translateSys("tip") + "6.1",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }
@@ -1872,7 +1690,7 @@
                  title: this.translateSys("tip") + "6.2",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }
@@ -1881,7 +1699,7 @@
         async afterOK() {

            try {
               var obj_attr = this.head_styledef.form.model ||{}
               var obj_attr = this.head_styledef.form.model || {}
               // console.log(obj_attr);
               var input_param = {
                  id: "",
@@ -1923,14 +1741,14 @@
                  title: this.translateSys('tip') + "7.2",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }

         },

          async cancel(e) { //取消
         async cancel(e) { //取消
            try {
               if (!this.objId) {
                  if (this.editMode) {
@@ -1962,9 +1780,12 @@
                     value: obj_attr[a],
                  })),
               };
               let input_param = Base64.encode(JSON.stringify(inputParam));
               let global_attr = Base64.encode(JSON.stringify(this.global_attr))
               let data_json = Base64.encode(JSON.stringify(this.data_json))
               let input_param = Base64.encode(JSON.stringify(
                  inputParam));
               let global_attr = Base64.encode(JSON.stringify(this
                  .global_attr))
               let data_json = Base64.encode(JSON.stringify(this
                  .data_json))
               let ext_info = Base64.encode(JSON.stringify(this.ext_info))

               await runCustomEvent({
@@ -1989,7 +1810,7 @@
                  title: this.translateSys("tip") + "8.1",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }
@@ -2005,10 +1826,14 @@
                     value: obj_attr[a],
                  })),
               };
               let input_param = Base64.encode(JSON.stringify(inputParam));
               let global_attr = Base64.encode(JSON.stringify(this.global_attr))
               let data_json = Base64.encode(JSON.stringify(this.data_json))
               let ext_info = Base64.encode(JSON.stringify(this.ext_info))
               let input_param = Base64.encode(JSON.stringify(
                  inputParam));
               let global_attr = Base64.encode(JSON.stringify(this
                  .global_attr))
               let data_json = Base64.encode(JSON.stringify(this
                  .data_json))
               let ext_info = Base64.encode(JSON.stringify(this
                  .ext_info))

               await runCustomEvent({
                  ed_type: 0,
@@ -2027,22 +1852,25 @@
               let exStr = JSON.stringify(ex)
               if (exStr == "{}")
                  exStr = ex
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : exStr
               let tip = typeof ex.errMsg == "string" ? ex.errMsg :
                  exStr
               uni.showModal({
                  title: this.translateSys("tip") + "8.2",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
                  confirmText: this.translateSys('close')
               });
               return false
            }
         },
         translate(t) {
            if (typeof this.$t == "function") return this.$t(`page.${t}`)
            if (typeof this.$t == "function") return this.$t(
               `page.${t}`)
            else return t;
         },
         translateSys(t) {
            if (typeof this.$t == "function") return this.$t(`sys.${t}`)
            if (typeof this.$t == "function") return this.$t(
               `sys.${t}`)
            else return t;
         },
      },
@@ -2086,7 +1914,8 @@
            }

            .uni-icon {
               padding: 8rpx;

               padding: 10rpx 5rpx;
               font-size: 32rpx;
               color: rgb(192, 196, 204);
            }
@@ -2119,7 +1948,7 @@
            margin: 0 10rpx;
            // padding: 5rpx 10rpx;
            background: #4D6AF4;
               font-size: 38rpx;
            font-size: 38rpx;
            border: none;
            color: #fff;
            float: left;
@@ -2134,8 +1963,10 @@
         .btn_cancel {
            width: 45%;
            margin: 0 10rpx;
            // background: #fff;
            // border: none;
            // color: #000;
            background: #fff;
            border: none;
            color: #000;
            font-size: 38rpx;
            float: right;
@@ -2155,7 +1986,7 @@

      .uni-icon {
         /* border: 1px solid red; */
         width: 8%;
         width: 30rpx;
         font-family: uniicons;
         font-size: 40rpx;
         font-weight: 400;
@@ -2193,7 +2024,7 @@
      .popup-footer {
         float: right;
         position: absolute;
         bottom: 0;
         bottom: 10rpx;
         right: 20rpx;
      }

@@ -2217,9 +2048,11 @@
         margin-top: 50rpx;
         padding: 15rpx;
         line-height: 1.5;
         background: #27A6E1;
         border: none;
         color: #fff;
         // background: #27A6E1;
         // border: none;
         // color: #fff;
         background: #fff;
         color: #000;
         font-size: 38rpx;
         font-weight: bold;
         /* float: right; */