cuiqian2004
2024-08-27 d84283821bb08d81d887f20a7118caf25b8b2714
pages/modal/5602.vue
@@ -17,7 +17,8 @@
               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'">
            <view class="input-wrapper" :style="{'width':`calc(96% - ${item.labelWidth}px)`}"
               v-if="item.name=='Input' || item.name=='InputNumber'">
               <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                  @click="onEnterChange(item)">&#xe568;</text>
               <input class="uni-input" :class="item.disabled?'input-disabled':''"
@@ -98,7 +99,8 @@
                     <view v-if="param.Sub_Page[0].OK_Button==true">
                        <button type="default" @tap="cancel"
                           class="btn_cancel">{{translateSys('cancel')}}</button>
                        <button type="primary" @tap="ok" class="btn_add">{{translateSys('ok')}}</button>
                        <button type="primary" @tap="ok" class="btn_add" :class="okLoading?'btn_disabled':''"
                           :disabled="okLoading">{{translateSys('ok')}}</button>
                     </view>
                  </view>
               </swiper-item>
@@ -147,7 +149,8 @@
                     <view v-if=" param.Sub_Page[1].OK_Button==true">
                        <button type="default" @tap="cancel"
                           class="btn_cancel">{{translateSys('cancel')}}</button>
                        <button type="primary" @tap="ok2" class="btn_add">{{translateSys('ok')}}</button>
                        <button type="primary" @tap="ok2" class="btn_add" :class="ok2Loading?'btn_disabled':''"
                           :disabled="ok2Loading">{{translateSys('ok')}}</button>
                     </view>
                  </view>
               </swiper-item>
@@ -185,8 +188,8 @@
      data() {
         return {
            title: this.translateSys("sorting"),
            ClsID: "Sorting_Detail",
            ClsID2: "Sorting_Result",
            ClsID: "Distribution_CNTR_Detail",
            ClsID2: "Picking_Result",
            param: {},
            focusFieldId: "",
            focusOldFieldId: "",
@@ -210,6 +213,8 @@
            items: [],
            active_id: '',
            activelist: [],
            okLoading: false,
            ok2Loading: false,
         };
      },
      onLoad(options) {
@@ -220,22 +225,7 @@
         this.$data.title = options.titlename;
         this.$data.param = JSON.parse(options.param);
         // console.log(this.$data.param);
         //获取数据类的自定义表单参数
         this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
         //加载初始界面
         if (this.$data.param.Show_Welcom_Page) {
            this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
            this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
            this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
         }
         //加载Tab页签
         this.$data.items.push(this.$data.param.Sub_Page[0].Name);
         this.$data.items.push(this.$data.param.Sub_Page[1].Name);
         this.Detail1_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[0].UI_Style.ID);
         this.Detail2_UIstyleGetInfo(this.ClsID2, this.$data.param.Sub_Page[1].UI_Style.ID);
         console.log(this.$data.param);
         this.loadData(options.paramValue)
      },
      methods: {
         setData: function(obj) {
@@ -258,6 +248,50 @@
                  data = data[key2];
               });
            });
         },
         async loadData(paramValue) {
            //获取数据类的自定义表单参数
            await this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
            //传入参数值
            if (paramValue) {
               const attrs = paramValue.attrs || [];
               (this.$data.head_styledef?.form?.items || []).forEach(async (ele, index) => {
                  if (ele.name != "Layout") {
                     attrs.forEach(async (ele2, index2) => {
                        if (ele.fieldId == ele2.name) {
                           ele.value = ele2.value;
                        }
                     });
                  } else {
                     ele.setting.colList.forEach(async (col) => {
                        if (col) {
                           attrs.forEach(async (ele2,
                              index2) => {
                              if (col.fieldId == ele2.name) {
                                 col.value = ele2.value;
                              }
                           });
                        }
                     });
                  }
               })
            }
            //加载初始界面
            if (this.$data.param.Show_Welcom_Page) {
               this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
               this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
               this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
            }
            //加载Tab页签
            this.$data.items.push(this.$data.param.Sub_Page[0].Name);
            this.$data.items.push(this.$data.param.Sub_Page[1].Name);
            await this.Detail1_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[0].UI_Style.ID);
            await this.Detail2_UIstyleGetInfo(this.ClsID2, this.$data.param.Sub_Page[1].UI_Style.ID);
            console.log(this.$data.param);
         },
         changeSwiper(evt) {
            let index = evt.target.current || evt.detail.current;
@@ -310,18 +344,21 @@
                  $this.$data.head_styledef = ret.result.style_def ? JSON.parse(styledef) : {};
                  // this.form = this.head_styledef.form.model;
                  // console.log($this.$data.head_styledef);
                  $this.head_styledef.form.items.forEach(async (ele, index) => {
                     if (ele.useDict == true) { //判断useDict是否使用字典
                        await this.DictGetInfo(ele.bind.dict, index, 'mast');
                     }
                     if ($this.focusFieldId == "") {
                        if (ele.name == 'Input' || ele.name == 'InputNumber') {
                           $this.setData({
                              focusFieldId: ele.fieldId
                           })
                  if ($this.head_styledef.form?.items) {
                     $this.head_styledef.form.items.forEach(async (ele, index) => {
                        if (ele.useDict == true) { //判断useDict是否使用字典
                           await this.DictGetInfo(ele.bind.dict, index, 'mast');
                        }
                     }
                  });
                        if ($this.focusFieldId == "") {
                           if (ele.name == 'Input' || ele.name == 'InputNumber') {
                              $this.setData({
                                 focusFieldId: ele.fieldId
                              })
                           }
                        }
                     });
                  }
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "1",
@@ -332,9 +369,10 @@
               }
            }).catch(ex => {
               // console.log(ex);
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
               uni.showModal({
                  title: this.translateSys("error") + "1.1",
                  content: ex.errMsg,
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
@@ -365,11 +403,13 @@
                  // var aa = JSON.stringify(this.detail1_styledef);
                  // $this.$data.detail1StyleDefList.push(JSON.parse(aa));
                  // console.log($this.$data.detail1StyleDefList);
                  $this.detail1_styledef.form.items.forEach(async (ele, index) => {
                     if (ele.useDict == true) { //判断useDict是否使用字典
                        await this.DictGetInfo(ele.bind.dict, index, 'sub');
                     }
                  });
                  if ($this.detail1_styledef.form?.items) {
                     $this.detail1_styledef.form.items.forEach(async (ele, index) => {
                        if (ele.useDict == true) { //判断useDict是否使用字典
                           await this.DictGetInfo(ele.bind.dict, index, 'sub');
                        }
                     });
                  }
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "2",
@@ -380,9 +420,10 @@
               }
            }).catch(ex => {
               // console.log(ex);
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
               uni.showModal({
                  title: this.translateSys("error") + "2.1",
                  content: ex.errMsg,
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
@@ -420,9 +461,10 @@
               }
            }).catch(ex => {
               // console.log(ex);
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
               uni.showModal({
                  title: this.translateSys("error") + "3.1",
                  content: ex.errMsg,
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
@@ -437,53 +479,47 @@
               dict_name: dict.name
            };
            // console.log(dataInfo);
            this.$store.dispatch('DictGetInfo', dataInfo).then(async (success) => {
               // console.log(success);
               if (success.err_code == 0) {
                  var list = [];
                  var itemName = '';
                  success.result.dict_item_list.forEach((item) => {
                     if (item.is_default == '1')
                        itemName = item.name;
                     list.push({
                        text: item.value,
                        value: item.name,
                     });
            try {
               const res = await this.getDictInfo(dataInfo)
               var list = [];
               var itemName = '';
               res.result.dict_item_list.forEach((item) => {
                  if (item.is_default == '1')
                     itemName = item.name;
                  list.push({
                     text: item.value,
                     value: item.name,
                  });
                  if (type == 'mast') { //有默认值,显示默认值
                     if (itemName) {
                        $this.head_styledef.form.items[index].value = itemName;
                        var attr = $this.head_styledef.form.items[index].fieldId;
                        $this.head_styledef.form.model[attr] = itemName;
                     }
                     $this.head_styledef.form.items[index].dict = list;
                     var head_styledef = JSON.parse(JSON.stringify($this.head_styledef));
                     $this.head_styledef = [];
                     $this.head_styledef = head_styledef;
                     // console.log($this.$data.detail1StyleDefList);
                  } else {
                     if (itemName) {
                        $this.detail1_styledef.form.items[index].value = itemName;
                        var attr = $this.detail1_styledef.form.items[index].fieldId;
                        $this.detail1_styledef.form.model[attr] = itemName;
                     }
                     $this.detail1_styledef.form.items[index].dict = list;
                     var detail1_styledef = JSON.parse(JSON.stringify($this.detail1_styledef));
                     $this.detail1_styledef = [];
                     $this.detail1_styledef = detail1_styledef;
                     // console.log($this.$data.detail1_styledef);
               });
               //有默认值,显示默认值
               if (type == 'mast') { //有默认值,显示默认值
                  if (itemName) {
                     $this.head_styledef.form.items[index].value = itemName;
                     var attr = $this.head_styledef.form.items[index].fieldId;
                     $this.head_styledef.form.model[attr] = itemName;
                  }
                  $this.head_styledef.form.items[index].dict = list;
                  var head_styledef = JSON.parse(JSON.stringify($this.head_styledef));
                  $this.head_styledef = [];
                  $this.head_styledef = head_styledef;
                  // console.log($this.head_styledef);
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "9.1",
                     content: success.err_msg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
                  if (itemName) {
                     $this.detail1_styledef.form.items[index].value = itemName;
                     var attr = $this.detail1_styledef.form.items[index].fieldId;
                     $this.detail1_styledef.form.model[attr] = itemName;
                  }
                  $this.detail1_styledef.form.items[index].dict = list;
                  var detail1_styledef = JSON.parse(JSON.stringify($this.detail1_styledef));
                  $this.detail1_styledef = [];
                  $this.detail1_styledef = detail1_styledef;
                  // console.log($this.$data.detail1_styledef);
               }
            }).catch(ex => {
               // $this.head_styledef.form.items[index].dictitem=success.result;
               // this.$store.commit("classAttrList", $this.$data.classAttrList);
            } catch (ex) {
               // console.log(ex);
               uni.showModal({
                  title: this.translateSys("error") + "9",
@@ -491,8 +527,110 @@
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
            });
            }
         },
         getDictInfo(info) { //Mobox3得到得到字典信息字典项列表
            const loginInfo = this.$store.getters.loginid
            const mobxoSApi = this.$store.getters.getMobxoSApi
            return new Promise((resolve, reject) => {
               uni.request({
                  url: mobxoSApi + 'api/dict/GetInfo2?sessionid=' + loginInfo.result.session_id,
                  data: info,
                  method: 'POST',
                  dataType: "json",
                  success: (_res) => {
                     // console.log(_res);
                     var ret = _res.data
                     if (typeof ret == 'string') {
                        try {
                           try {
                              try {
                                 ret = JSON.parse(ret.replace(/\\"/g, '"'));
                              } catch (ex) {
                                 ret = JSON.parse(ret.replace(/\\/g, '\\\\'))
                              }
                           } catch (ex) {
                              ret = JSON.parse(ret.replace(/\\"/g, "'").replace(/[\r\n]/g,
                                 '<br>').replace(/[\t]/g, '    '));
                           }
                        } catch (ex) {
                           console.log(ret)
                           return reject('将getDictInfo【json string】转换为【json object】失败')
                        }
                     }
                     if (ret.err_code == 0) {
                        resolve(ret);
                     } else {
                        reject({
                           "errMsg": ret.err_msg
                        });
                     }
                     if (ret.err_code == 0) {
                        resolve(ret);
                     } else {
                        reject({
                           "errMsg": ret.err_msg
                        });
                     }
                  },
                  fail: (err) => {
                     // console.log(err);
                     reject(err);
                  }
               })
            })
         },
         getUIStyleInfo(info) { //Mobox3数据类界面样式
            const loginInfo = this.$store.getters.loginid
            const dataSApi = this.$store.getters.getDataSApi
            return new Promise((resolve, reject) => {
               uni.request({
                  url: dataSApi + 'api/class/uistyle/GetInfo?sessionid=' + loginInfo.result
                     .session_id,
                  data: info,
                  method: 'POST',
                  dataType: "json",
                  success: (_res) => {
                     // console.log(_res);
                     var ret = _res.data
                     if (typeof ret == 'string') {
                        try {
                           try {
                              try {
                                 ret = JSON.parse(ret.replace(/\\"/g, '"'));
                              } catch (ex) {
                                 ret = JSON.parse(ret.replace(/\\/g, '\\\\'))
                              }
                           } catch (ex) {
                              ret = JSON.parse(ret.replace(/\\"/g, "'").replace(/[\r\n]/g,
                                 '<br>').replace(/[\t]/g, '    '));
                           }
                        } catch (ex) {
                           console.log(ret)
                           return reject('将getUIStyleInfo【json string】转换为【json object】失败')
                        }
                     }
                     if (ret.err_code == 0) {
                        resolve(ret);
                     } else {
                        reject({
                           "errMsg": ret.err_msg || ret.errMsg
                        });
                     }
                  },
                  fail: (err) => {
                     // console.log(err);
                     reject(err);
                  }
               })
            })
         },
         onClick(item) {
            this.focusFieldId = item.fieldId
         },
@@ -506,7 +644,7 @@
               var $this = this;
               console.log(item);
               if (item.oldvalue != item.value) {
               if (item.oldvalue != item.value && item.value.trim() != "") {
                  item.oldvalue = item.value;
                  var attr = item.fieldId;
                  this.head_styledef.form.model[attr] = item.value;
@@ -589,7 +727,7 @@
         },
         onEnterChange(item) { //回车,点击按钮,取消节点事件
            // console.log(item);
            if (item.oldvalue != item.value) {
            if (item.oldvalue != item.value && item.value.trim() != "") {
               item.oldvalue = item.value;
               var attr = item.fieldId;
               this.head_styledef.form.model[attr] = item.value;
@@ -779,7 +917,7 @@
                                             this.translateSys(
                                                "quotation_mark_left") + value
                                             .page_name + this.translateSys(
                                                "sys.quotation_mark_right") +
                                                "quotation_mark_right") +
                                             this.translate(
                                                "are_you_sure_clear_last"),
@@ -913,8 +1051,34 @@
                                       data.forEach(async (ele2, index) => {
                                          if (ele.fieldId == ele2
                                             .attr) {
                                             if (ele.name ==
                                                'Select' &&
                                                ele2
                                                .choice_list) {
                                                const
                                                   dictItemList = [];
                                                const
                                                   choiceList =
                                                   ele2
                                                   .choice_list ||
                                                   [];
                                                for (let d in
                                                      choiceList) {
                                                   const val =
                                                      choiceList[
                                                         d];
                                                   dictItemList
                                                      .push({
                                                         text: val,
                                                         value: val
                                                      });
                                                }
                                                ele.dict =
                                                   dictItemList;
                                             }
                                             ele.value = ele2
                                                .value;
                                          }
                                       });
                                    });
@@ -943,9 +1107,10 @@
                     }
                  }).catch(ex => {
                     // console.log(ex);
                     let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
                     uni.showModal({
                        title: this.translateSys("error") + "4.1",
                        content: ex.errMsg,
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
@@ -1038,48 +1203,53 @@
            if (JSON.stringify(data.row) == '{}') {
               return;
            }
            data.row.forEach(row => {
               var styleStr = JSON.stringify(this.$data.detail1_styledef);
               if (type) { //确定后脚本进入加载已分拣数据
                  styleStr = JSON.stringify(this.$data.detail2_styledef);
               } else {
                  if (data.page_name == this.$data.param.Sub_Page[1].Name) { //判断返回的action的page_name是否是已分拣
                     styleStr = JSON.stringify(this.$data.detail2_styledef); //待分拣
                  }
            var styleStr = JSON.stringify(this.$data.detail1_styledef);
            if (type) { //确定后脚本进入加载已分拣数据
               styleStr = JSON.stringify(this.$data.detail2_styledef);
            } else {
               if (data.page_name == this.$data.param.Sub_Page[1].Name) { //判断返回的action的page_name是否是已分拣
                  styleStr = JSON.stringify(this.$data.detail2_styledef); //待分拣
               }
               var detailStyle = JSON.parse(styleStr);
               detailStyle.form.objId = row.id;
               detailStyle.form.htmlobjId = row.id ? row.id.replace(/-/g, '').replace('{', '').replace('}',
                  '') : 'null';
               detailStyle.form.attrs = row.attrs;
               row.attrs.forEach(attr => {
                  detailStyle.form.items.forEach(ele => {
                     if (ele.name != 'Layout') {
                        if (ele.fieldId == attr.attr) ele.value = attr.value;
                     } else if (ele.name == 'Layout') {
                        ele.setting.colList.forEach(col => {
                           if (col) {
                              if (col.fieldId == attr.attr) col.value = attr
                                 .value;
                           }
                        });
                     }
                  });
               });
            }
            data.row.forEach(row => {
               if (type) { //确定后脚本进入加载已分拣数据
                  this.$data.detail2StyleDefList.push(detailStyle);
                  // console.log(this.$data.detail2StyleDefList);
               } else {
                  if (data.page_name == this.$data.param.Sub_Page[1].Name) { //判断返回的action的page_name是否是已分拣
               var detailStyle = JSON.parse(styleStr);
               if (detailStyle.form) {
                  detailStyle.form.objId = row.id;
                  detailStyle.form.htmlobjId = row.id ? row.id.replace(/-/g, '').replace('{', '').replace(
                     '}',
                     '') : 'null';
                  detailStyle.form.attrs = row.attrs;
                  row.attrs.forEach(attr => {
                     detailStyle.form.items.forEach(ele => {
                        if (ele.name != 'Layout') {
                           if (ele.fieldId == attr.attr) ele.value = attr.value;
                        } else if (ele.name == 'Layout') {
                           ele.setting.colList.forEach(col => {
                              if (col) {
                                 if (col.fieldId == attr.attr) col.value = attr
                                    .value;
                              }
                           });
                        }
                     });
                  });
                  if (type) { //确定后脚本进入加载已分拣数据
                     this.$data.detail2StyleDefList.push(detailStyle);
                     // console.log(this.$data.detail2StyleDefList);
                  } else {
                     this.$data.detail1StyleDefList.push(detailStyle);
                     this.activelist.push({
                        active: false
                     });
                     // console.log(this.$data.detail1StyleDefList);
                     if (data.page_name == this.$data.param.Sub_Page[1]
                        .Name) { //判断返回的action的page_name是否是已分拣
                        this.$data.detail2StyleDefList.push(detailStyle);
                        // console.log(this.$data.detail2StyleDefList);
                     } else {
                        this.$data.detail1StyleDefList.push(detailStyle);
                        this.activelist.push({
                           active: false
                        });
                        // console.log(this.$data.detail1StyleDefList);
                     }
                  }
               }
            });
@@ -1096,95 +1266,103 @@
            if (JSON.stringify(data.content) == '{}') {
               return;
            }
            var styleStr = JSON.stringify($this.$data.detail2_styledef); //已分拣
            if (data.page_name == $this.$data.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是待分拣
               styleStr = JSON.stringify($this.$data.detail1_styledef); //待分拣
            }
            data.content.forEach(cont => {
               var styleStr = JSON.stringify($this.$data.detail2_styledef); //已分拣
               if (data.page_name == $this.$data.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是待分拣
                  styleStr = JSON.stringify($this.$data.detail1_styledef); //待分拣
               }
               var detailStyle = JSON.parse(styleStr);
               detailStyle.SelBut_Checked = data.checkbox ?? true;
               detailStyle.form.objId = cont.id;
               detailStyle.form.htmlobjId = cont.id ? cont.id.replace(/-/g, '').replace('{', '').replace('}',
                  '') : 'null';
               detailStyle.form.attrs = cont.attrs;
               cont.attrs.forEach(attr => {
                  detailStyle.form.items.forEach(ele => {
                     if (ele.name != 'Layout') {
                        if (ele.fieldId == attr.attr) ele.value = attr.value;
                     } else if (ele.name == 'Layout') {
                        ele.setting.colList.forEach(col => {
                           if (col) {
                              if (col.fieldId == attr.attr) col.value = attr
                                 .value;
               if (detailStyle.form) {
                  detailStyle.SelBut_Checked = data.checkbox ?? true;
                  detailStyle.form.objId = cont.id;
                  detailStyle.form.htmlobjId = cont.id ? cont.id.replace(/-/g, '').replace('{', '').replace(
                     '}',
                     '') : 'null';
                  detailStyle.form.attrs = cont.attrs;
                  cont.attrs.forEach(attr => {
                     detailStyle.form.items.forEach(ele => {
                        if (ele.name != 'Layout') {
                           if (ele.fieldId == attr.attr) ele.value = attr.value;
                        } else if (ele.name == 'Layout') {
                           ele.setting.colList.forEach(col => {
                              if (col) {
                                 if (col.fieldId == attr.attr) col.value = attr
                                    .value;
                              }
                           });
                        }
                     });
                  });
                  if (data.page_name == $this.$data.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是待分拣
                     //如果 clear = false 则不需要清除,根据id判断是否存在,不存在插入到页面,如果存在用新的属性覆盖
                     if (data.clear == false) {
                        var isflag = true;
                        $this.detail1StyleDefList.forEach((style, index) => {
                           if (style.form.objId == detailStyle.form.objId) {
                              cont.attrs.forEach(attr => {
                                 style.form.items.forEach(ele => {
                                    if (ele.name != 'Layout') {
                                       if (ele.fieldId == attr.attr) ele
                                          .value =
                                          attr.value;
                                    } else if (ele.name == 'Layout') {
                                       ele.setting.colList.forEach(col => {
                                          if (col) {
                                             if (col.fieldId == attr
                                                .attr) col.value =
                                                attr
                                                .value;
                                          }
                                       });
                                    }
                                 });
                              });
                              isflag = false;
                           }
                        });
                        if (isflag) $this.detail1StyleDefList.push(detailStyle); //待分拣
                     } else {
                        $this.detail1StyleDefList.push(detailStyle); //待分拣
                     }
                  });
               });
               if (data.page_name == $this.$data.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是待分拣
                  //如果 clear = false 则不需要清除,根据id判断是否存在,不存在插入到页面,如果存在用新的属性覆盖
                  if (data.clear == false) {
                     var isflag = true;
                     $this.detail1StyleDefList.forEach((style, index) => {
                        if (style.form.objId == detailStyle.form.objId) {
                           cont.attrs.forEach(attr => {
                              style.form.items.forEach(ele => {
                                 if (ele.name != 'Layout') {
                                    if (ele.fieldId == attr.attr) ele.value =
                                       attr.value;
                                 } else if (ele.name == 'Layout') {
                                    ele.setting.colList.forEach(col => {
                                       if (col) {
                                          if (col.fieldId == attr
                                             .attr) col.value = attr
                                             .value;
                                       }
                                    });
                                 }
                              });
                           });
                           isflag = false;
                        }
                     $this.activelist.push({
                        active: false
                     });
                     if (isflag) $this.detail1StyleDefList.push(detailStyle); //待分拣
                     // console.log($this.$data.detail1StyleDefList);
                  } else {
                     $this.detail1StyleDefList.push(detailStyle); //待分拣
                  }
                  $this.activelist.push({
                     active: false
                  });
                  // console.log($this.$data.detail1StyleDefList);
               } else {
                  if (data.clear == false) {
                     //如果 clear = false 则不需要清除,根据id判断是否存在,不存在插入到页面,如果存在用新的属性覆盖
                     var isflag = true;
                     $this.detail2StyleDefList.forEach((style, index) => {
                        if (style.form.objId == detailStyle.form.objId) {
                           cont.attrs.forEach(attr => {
                              style.form.items.forEach(ele => {
                                 if (ele.name != 'Layout') {
                                    if (ele.fieldId == attr.attr) ele.value =
                                       attr.value;
                                 } else if (ele.name == 'Layout') {
                                    ele.setting.colList.forEach(col => {
                                       if (col) {
                                          if (col.fieldId == attr
                                             .attr) col.value = attr
                                             .value;
                                       }
                                    });
                                 }
                     if (data.clear == false) {
                        //如果 clear = false 则不需要清除,根据id判断是否存在,不存在插入到页面,如果存在用新的属性覆盖
                        var isflag = true;
                        $this.detail2StyleDefList.forEach((style, index) => {
                           if (style.form.objId == detailStyle.form.objId) {
                              cont.attrs.forEach(attr => {
                                 style.form.items.forEach(ele => {
                                    if (ele.name != 'Layout') {
                                       if (ele.fieldId == attr.attr) ele
                                          .value =
                                          attr.value;
                                    } else if (ele.name == 'Layout') {
                                       ele.setting.colList.forEach(col => {
                                          if (col) {
                                             if (col.fieldId == attr
                                                .attr) col.value =
                                                attr
                                                .value;
                                          }
                                       });
                                    }
                                 });
                              });
                           });
                           isflag = false;
                        }
                     });
                     if (isflag) $this.detail2StyleDefList.push(detailStyle); //已分拣
                  } else {
                     $this.detail2StyleDefList.push(detailStyle); //已分拣
                              isflag = false;
                           }
                        });
                        if (isflag) $this.detail2StyleDefList.push(detailStyle); //已分拣
                     } else {
                        $this.detail2StyleDefList.push(detailStyle); //已分拣
                     }
                     // console.log($this.$data.detail2StyleDefList);
                  }
                  // console.log($this.$data.detail2StyleDefList);
               }
            });
         },
@@ -1256,9 +1434,10 @@
                        }
                     }).catch(ex => {
                        // console.log(ex);
                        let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
                        uni.showModal({
                           title: this.translateSys("error") + "5.1",
                           content: ex.errMsg,
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
@@ -1456,21 +1635,23 @@
         },
         sava(event) {
            var $this = this;
            if (this.$data.detail1StyleDefList.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate(
                        "page.tip_no_data_first") +
                        "tip_no_data_first") +
                     this.translateSys(
                        "quotation_mark_left") + this.param.Sub_Page[0].Name + this.translateSys(
                        "sys.quotation_mark_right") +
                        "quotation_mark_right") +
                     this.translate(
                        "page.tip_no_data_last"),
                        "tip_no_data_last"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return false;
            }
            this.okLoading = true
            //获取表头属性
            var head_attr = {};
            this.$data.head_styledef.form.items.forEach(item => {
@@ -1538,6 +1719,7 @@
               });
            });
            if (jsonlist.length == 0) {
               this.okLoading = false
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
@@ -1571,21 +1753,23 @@
         },
         sava2(event) {
            var $this = this;
            if (this.$data.detail1StyleDefList.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate(
                        "page.tip_no_data_first") +
                        "tip_no_data_first") +
                     this.translateSys(
                        "quotation_mark_left") + this.param.Sub_Page[1].Name + this.translateSys(
                        "sys.quotation_mark_right") +
                        "quotation_mark_right") +
                     this.translate(
                        "page.tip_no_data_last"),
                        "tip_no_data_last"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return false;
            }
            this.ok2Loading = true
            //获取表头属性
            var head_attr = {};
            this.$data.head_styledef.form.items.forEach(item => {
@@ -1653,12 +1837,14 @@
               });
            });
            if (jsonlist.length == 0) {
               this.ok2Loading = false
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            const list = []
@@ -1782,7 +1968,7 @@
                                          this.translateSys(
                                             "quotation_mark_left") + value
                                          .page_name + this.translateSys(
                                             "sys.quotation_mark_right") +
                                             "quotation_mark_right") +
                                          this.translate(
                                             "are_you_sure_clear_last"),
                                       success: function(res) {
@@ -1923,8 +2109,17 @@
                     confirmText: this.translateSys("cancel")
                  });
               }
               if (type == "1")
                  this.okLoading = false
               else if (type == "2")
                  this.ok2Loading = false
            }).catch(ex => {
               var tip = typeof ex == "string" ? ex : ex.errMsg;
               if (type == "1")
                  this.okLoading = false
               else if (type == "2")
                  this.ok2Loading = false
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
               uni.showModal({
                  title: this.translateSys("error") + "8.1",
                  content: this.translate("execute_after_ok_event_failed") + this.translateSys(
@@ -1969,6 +2164,7 @@
      .v-headStyle {
         width: 100%;
         margin-bottom: 11rpx;
      }
      .view-content {
@@ -2017,24 +2213,24 @@
      }
      .v-headStyle .txt_title {
         font-size: 34rpx;
         font-size: 14px;
         text-align: right;
         display: inline-block;
         vertical-align: 12px;
         // align-items: center;
         color: #606266;
         padding: 0 5px 0 0;
         vertical-align: 10px;
      }
      .v-headStyle input {
         display: inline-block;
         /* border: 1px solid #d5d5d5; */
         /* width: 65%; */
         width: 85%;
         height: 52rpx;
         line-height: 34rpx;
         line-height: 14px;
         background: #FFF;
         border-radius: 0 !important;
         color: #2d8cf0;
         padding: 10rpx 8rpx 12rpx;
         font-size: 34rpx;
         padding: 12rpx 8rpx;
         font-size: 14px;
         font-family: inherit;
         box-shadow: none !important;
         transition-duration: 0.1s;
@@ -2194,9 +2390,15 @@
         font-size: 38rpx;
         font-weight: bold;
         float: right;
         color: #fff;
         display: inline-block;
      }
      button.btn_disabled {
         background-color: #ddd;
         color: #888;
      }
      .logo {
         height: 100rpx;
         width: 460rpx;