cuiqian2004
2025-04-16 5da058ec1b0c60368083478582e56c12ceee20c7
pages/modal/5600.vue
@@ -11,17 +11,18 @@
            <uni-data-picker class="dv_select" 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'">
            <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>
                  @click="classAttr_extButton(item)">&#xe568;</text>
               <input class="uni-input" :class="item.disabled?'input-disabled':''"
                  :type="item.name=='Input'?'text':'number'" v-model="item.value" :disabled="item.disabled"
                  :placeholder="item.placeholder"
                  :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
                  :focus="focusFieldId == item.fieldId" @focus="ontap(index,item)" @click="onClick(item)"
                  @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" />
                  @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" :maxlength="-1" />
               <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                  @click="onEnterChange(item)">&#xe568;</text>
                  @click="classAttr_extButton(item)">&#xe568;</text>
            </view>
         </view>
@@ -58,7 +59,7 @@
                                       <input class="uni-input" v-if="!item.disabled"
                                          :type="item.name=='InputNumber'?'number':'text'"
                                          v-model="item.value" :disabled="item.disabled"
                                          :placeholder="item.placeholder" />
                                          :placeholder="item.placeholder" :maxlength="-1" />
                                    </view>
                                    <!-- 栅格布局 -->
                                    <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
@@ -72,7 +73,7 @@
                                             <input class="uni-input" v-if="!cols.disabled"
                                                :type="cols.name=='InputNumber'?'number':'text'"
                                                v-model="cols.value" :disabled="cols.disabled"
                                                :placeholder="cols.placeholder" />
                                                :placeholder="cols.placeholder" :maxlength="-1" />
                                          </view>
                                       </uni-col>
                                    </uni-row>
@@ -94,7 +95,8 @@
                     <view class="view-bottom" 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>
@@ -130,7 +132,7 @@
                              </div>
                              <div class="dv-panel-button">
                                 <checkbox v-if="param.Sub_Page[1].Select_Button==true" :value="ii"
                                    v-model:checked="style.SelBut_Checked" />
                                 :checked="style.SelBut_Checked" />
                                 <!-- <text></text> -->
                                 <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">保存</Button> -->
@@ -143,7 +145,8 @@
                     <view class="view-bottom" 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>
@@ -160,24 +163,50 @@
            </div>
         </view>
      </view>
      <!-- <view class="view-bottom" v-if="current==0 && param.Sub_Page[0].OK_Button==true">
         <button type="default" @tap="cancel" class="btn_cancel">取消</button>
         <button type="primary" @tap="ok" class="btn_add">确定</button>
      <view>
         <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'}">
                  <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'}">
                        <label>
                           <checkbox :value="item.check" :checked="item.check" />
                           <text>{{item.name}}</text>
                        </label>
                     </checkbox-group>
                  </view>
               </view>
               <view class="popup-footer">
                  <button type="default" @tap="popup_sava" class="btn_popup_add">{{translateSys('ok')}}</button>
                  <button type="default" @tap="popup_cancel"
                     class="btn_popup_cancel">{{translateSys('cancel')}}</button>
               </view>
            </view>
         </uni-popup>
      </view>
      <view class="view-bottom" v-if="current==1 && param.Sub_Page[1].OK_Button==true">
         <button type="default" @tap="cancel" class="btn_cancel">取消</button>
         <button type="primary" @tap="ok2" class="btn_add">确定</button>
      </view> -->
   </view>
</template>
<script>
   import Base64 from '../../components/js-base64/base64.js'
   import {
      Base64
   } from  '@/js/Base64.js';
   import {
      appGetInfo,
      dictGetInfo
   } from "@/api/mobox.js"
   import {
      getUIStyleInfo,
      runCustomEvent,
      dataObjCreate,
      dataObjDel
   } from "@/api/data.js"
   export default {
      modules: {
         Base64,
      },
      data() {
         return {
            title: this.translateSys("coding_disk"),
@@ -206,6 +235,14 @@
            active_id: '',
            activelist: [],
            selectAttrObj: {},
            okLoading: false,
            ok2Loading: false,
            global_attr: [],
            popupType: "center",
            check_list: {},
            popupParam: {},
         };
      },
      onLoad(options) {
@@ -213,9 +250,9 @@
         uni.setNavigationBarTitle({
            title: options.titlename
         }); //设置顶部标题 
         this.$data.title = options.titlename;
         this.$data.param = JSON.parse(options.param);
         // console.log(this.$data.param);
         this.title = options.titlename;
         this.param = JSON.parse(options.param);
         // console.log(this.param);
         this.loadData(options.paramValue)
      },
      //页面初始化获取焦点
@@ -243,11 +280,11 @@
         },
         async loadData(paramValue) {
            //获取数据类的自定义表单参数
            await this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
            await this.Head_UIStyleGetInfo(this.ClsID, this.param.Input_UI_Style.ID);
            //传入参数值
            if (paramValue) {
               const attrs = paramValue.attrs || [];
               (this.$data.head_styledef?.form?.items || []).forEach(async (ele, index) => {
               (this.head_styledef?.form?.items || []).forEach(async (ele, index) => {
                  if (ele.name != "Layout") {
                     attrs.forEach(async (ele2, index2) => {
                        if (ele.fieldId == ele2.name) {
@@ -270,17 +307,17 @@
            }
            //加载初始界面
            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);
            if (this.param.Show_Welcom_Page) {
               this.param.Welcome_Page.Img = this.param.Welcome_Page.Img.replace(/ /g, '+');
               this.param.Welcome_Page.Width = parseInt(this.param.Welcome_Page.Width);
               this.param.Welcome_Page.Height = parseInt(this.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.ClsID, this.$data.param.Sub_Page[1].UI_Style.ID);
            console.log(this.$data.param);
            this.items.push(this.param.Sub_Page[0].Name);
            this.items.push(this.param.Sub_Page[1].Name);
            await this.Detail1_UIstyleGetInfo(this.ClsID, this.param.Sub_Page[0].UI_Style.ID);
            await this.Detail2_UIstyleGetInfo(this.ClsID, this.param.Sub_Page[1].UI_Style.ID);
            console.log(this.param);
         },
         changeSwiper(evt) {
            let index = evt.target.current || evt.detail.current;
@@ -313,28 +350,46 @@
            }
         },
         async Head_UIStyleGetInfo(class_id, style_id) { //获取自定义表单样式
            var $this = this;
            var dataInfo = {
               class_id: class_id,
               ui_style_id: style_id,
            };
            this.$store.dispatch('UIStyleGetInfo', dataInfo).then(ret => {
               // console.log(ret);
               if (ret.err_code == 0) {
                  var styledef = "";
                  if (ret.result.style_def) {
                     //mobox2的style_def是json字符串
                     styledef = ret.result.style_def.replace(/\\/g, "");
                     //mobox3的style_def是base64字符串
                     if (!ret.result.style_def.includes('"')) styledef = Base64.decode(ret.result
                        .style_def);
                  }
                  $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.$data.head_styledef.form.items.forEach(async (ele, index) => {
            try {
               var $this = this;
               var dataInfo = {
                  class_id: class_id,
                  ui_style_id: style_id,
               };
               const result = await getUIStyleInfo(dataInfo)
               var styledef = "";
               if (result.style_def) {
                  //mobox2的style_def是json字符串
                  styledef = result.style_def.replace(/\\/g, "");
                  //mobox3的style_def是base64字符串
                  if (!result.style_def.includes('"')) styledef = Base64.decode(result
                     .style_def);
               }
               $this.head_styledef = result.style_def ? JSON.parse(styledef) : {};
               // this.form = this.head_styledef.form.model;
               // console.log($this.head_styledef);
               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');
                     } else {
                        if (ele?.name === "Select") {
                           const selections = ele?.selections || []
                           //有默认值,显示默认值
                           let itemName = ele.value || "";
                           if (itemName) {
                              $this.head_styledef.form
                                 .model[ele.fieldId] = itemName;
                           }
                           $this.head_styledef.form.items[index].dict = selections.map((a) => {
                              return {
                                 value: a.value,
                                 text: a.label
                              }
                           })
                        }
                     }
                     if ($this.focusFieldId == "") {
                        if (ele.name == 'Input' || ele.name == 'InputNumber') {
@@ -345,112 +400,106 @@
                     }
                  });
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "1",
                     content: ret.err_msg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
               }
            }).catch(ex => {
            } 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,
                  title: this.translateSys("error") + "2.1",
                  content: tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
            });
            }
         },
         async Detail1_UIstyleGetInfo(class_id, style_id) { //获取自定义表单样式
            var $this = this;
            var dataInfo = {
               class_id: class_id,
               ui_style_id: style_id,
            };
            this.$store.dispatch('UIStyleGetInfo', dataInfo).then(ret => {
               // console.log(ret);
               if (ret.err_code == 0) {
                  var styledef = "";
                  if (ret.result.style_def) {
                     //mobox2的style_def是json字符串
                     styledef = ret.result.style_def.replace(/\\/g, "");
                     //mobox3的style_def是base64字符串
                     if (!ret.result.style_def.includes('"')) styledef = Base64.decode(ret.result
                        .style_def);
                  }
                  $this.$data.detail1_styledef = ret.result.style_def ? JSON.parse(styledef) : {};
                  $this.$data.detail1_styledef.SelBut_Checked = true;
                  // console.log($this.$data.detail1_styledef);
                  // $this.$data.detail1StyleDefList.push($this.$data.detail1_styledef);
                  // var aa = JSON.stringify(this.detail1_styledef);
                  // $this.$data.detail1StyleDefList.push(JSON.parse(aa));
                  // console.log($this.$data.detail1StyleDefList);
            try {
               var $this = this;
               var dataInfo = {
                  class_id: class_id,
                  ui_style_id: style_id,
               };
               const result = await getUIStyleInfo(dataInfo)
               var styledef = "";
               if (result.style_def) {
                  //mobox2的style_def是json字符串
                  styledef = result.style_def.replace(/\\/g, "");
                  //mobox3的style_def是base64字符串
                  if (!result.style_def.includes('"')) styledef = Base64.decode(result
                     .style_def);
               }
               $this.detail1_styledef = result.style_def ? JSON.parse(styledef) : {};
               $this.detail1_styledef.SelBut_Checked = true;
               // console.log($this.detail1_styledef);
               // $this.detail1StyleDefList.push($this.detail1_styledef);
               // var aa = JSON.stringify(this.detail1_styledef);
               // $this.detail1StyleDefList.push(JSON.parse(aa));
               // console.log($this.detail1StyleDefList);
               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 {
                        if (ele?.name === "Select") {
                           const selections = ele?.selections || []
                           //有默认值,显示默认值
                           let itemName = ele.value || "";
                           if (itemName) {
                              $this.detail1_styledef.form
                                 .model[ele.fieldId] = itemName;
                           }
                           $this.detail1_styledef.form.items[index].dict = selections.map((a) => {
                              return {
                                 value: a.value,
                                 text: a.label
                              }
                           })
                        }
                     }
                  });
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "2",
                     content: ret.err_msg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
               }
            }).catch(ex => {
            } 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")
               });
            });
            }
         },
         async Detail2_UIstyleGetInfo(class_id, style_id) { //获取自定义表单样式
            var $this = this;
            var dataInfo = {
               class_id: class_id,
               ui_style_id: style_id,
            };
            this.$store.dispatch('UIStyleGetInfo', dataInfo).then(ret => {
               // console.log(ret);
               if (ret.err_code == 0) {
                  var styledef = "";
                  if (ret.result.style_def) {
                     //mobox2的style_def是json字符串
                     styledef = ret.result.style_def.replace(/\\/g, "");
                     //mobox3的style_def是base64字符串
                     if (!ret.result.style_def.includes('"')) styledef = Base64.decode(ret.result
                        .style_def);
                  }
                  $this.$data.detail2_styledef = ret.result.style_def ? JSON.parse(styledef) : {};
                  $this.$data.detail2_styledef.SelBut_Checked = true;
                  // console.log($this.$data.detail2_styledef);
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "3",
                     content: ret.err_msg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
            try {
               var $this = this;
               var dataInfo = {
                  class_id: class_id,
                  ui_style_id: style_id,
               };
               const result = await getUIStyleInfo(dataInfo)
               var styledef = "";
               if (result.style_def) {
                  //mobox2的style_def是json字符串
                  styledef = result.style_def.replace(/\\/g, "");
                  //mobox3的style_def是base64字符串
                  if (!result.style_def.includes('"')) styledef = Base64.decode(result
                     .style_def);
               }
            }).catch(ex => {
               $this.detail2_styledef = result.style_def ? JSON.parse(styledef) : {};
               $this.detail2_styledef.SelBut_Checked = true;
            } 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")
               });
            });
            }
         },
         async DictGetInfo(dict, index, type) { //Mobox3得到得到字典信息字典项列表
            this.data = [];
@@ -459,54 +508,44 @@
               dict_id: dict.id,
               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 result = await dictGetInfo(dataInfo)
               var list = [];
               var itemName = '';
               (result.dict_item_list || []).forEach((item) => {
                  if (item.is_default == '1')
                     itemName = item.name
                  list.push({
                     text: item.value ? item.value : item.name,
                     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.head_styledef);
                  } 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") + "3.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.detail1_styledef);
               }
            }).catch(ex => {
            } catch (ex) {
               // console.log(ex);
               uni.showModal({
                  title: this.translateSys("error") + "3",
@@ -514,8 +553,10 @@
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
            });
            }
            // console.log(dataInfo);
         },
         onClick(item) {
            this.focusFieldId = item.fieldId
         },
@@ -528,26 +569,7 @@
               item.value = result.decodedata;
               // uni.hideKeyboard();
               var $this = this;
               // if(item.value=='B61DF51DD50645CEB9D152DD77D2466A'){
               //    this.active_id = 'B61DF51DD50645CEB9D152DD77D2466A';
               //    // var target = uni.createSelectorQuery().select('#B61DF51DD50645CEB9D152DD77D2466A');
               //    uni.createSelectorQuery()
               //        .select("#tabpanel")//对应外层节点
               //        .boundingClientRect((container) => {
               //            uni.createSelectorQuery()
               //            .select("#B61DF51DD50645CEB9D152DD77D2466A")//目标节点
               //            .boundingClientRect((target) => {
               //                uni.pageScrollTo({
               //                scrollTop: target.top - container.top,//滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
               //                });
               //            })
               //            .exec();
               //        })
               //        .exec();
               // }
               //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;
@@ -629,26 +651,49 @@
         },
         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;
               var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
               var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件
               var onSuffixClickEvent = item.bind.onSuffixClickEvent; //后图标点击回调
               var isflag = false;
               if (onChangeEvent.id) { //内容变化后事件
                  this.onChange(onChangeEvent);
               }
               // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
               //   this.onSuffixClick(onSuffixClickCallbackEvent);
               // }
               // if(onSuffixClickEvent.id){   //后图标点击回调
               //   this.onSuffixClickCallback(onSuffixClickEvent);
               // }
            }
         },
         classAttr_extButton(item) {
            var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件
            var onSuffixClickEvent = item.bind.onSuffixClickEvent; //后图标点击回调
            if (!onSuffixClickCallbackEvent.id) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate('icon_click_callback_empty'),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            if (!onSuffixClickEvent.id) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate('icon_click_event_empty'),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            this.popupType = 'right'
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.popup.open(this.popupType);
            this.dataObjRunCustomEvent_Return(onSuffixClickCallbackEvent.id, '', onSuffixClickEvent.id,
               item);
         },
         getDetailAttrList(list, selectButton) {
            const detailAttrList = [];
            list.forEach(style => {
@@ -744,7 +789,7 @@
                  var dataInfo = {
                     ed_type: 0,
                     start_transaction: true,
                     class_id: this.$data.head_styledef.form.clsId,
                     class_id: this.head_styledef.form.clsId,
                     class_name: '',
                     event_id: event.id,
                     event_name: '',
@@ -760,230 +805,250 @@
                     global_attr: '',
                     input_param: input_param,
                  };
                  this.$store.dispatch('runCustomEvent', dataInfo).then(ret => {
                     // console.log(ret);
                     if (ret.err_code == 0) {
                        var result = ret.result;
                        if (result.ret != 0) {
                           var tip = result.err_info ? typeof result.err_info == 'string' ? result
                              .err_info : result.err_info.join('<br/>') : '';
                           if (result.ret == 801) {
                              if (this.param.Only_Script_Error) {
                                 let pos = tip.indexOf(":");
                                 if (pos > -1) tip = tip.substring(pos + 1);
                              }
                              uni.showModal({
                                 title: this.translateSys("tip"),
                                 content: tip,
                                 showCancel: false,
                                 confirmText: this.translateSys("cancel")
                              });
                           } else uni.showModal({
                              title: this.translateSys("tip"),
                              content: tip + ',' + this.translateSys('tip') + ':' + result
                                 .ret,
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                           return false;
                        } else {
                           var tip = result.info ? typeof result.info == 'string' ? result.info :
                              result.info.join('<br/>') : '';
                           if (tip) uni.showModal({
                  runCustomEvent(dataInfo).then(result => {
                     console.log(result);
                     if (result.ret != 0) {
                        var tip = result.err_info ? typeof result.err_info == 'string' ? result
                           .err_info : result.err_info.join('<br/>') : '';
                        if (result.ret == 801) {
                           if (this.param.Only_Script_Error) {
                              let pos = tip.indexOf(":");
                              if (pos > -1) tip = tip.substring(pos + 1);
                           }
                           uni.showModal({
                              title: this.translateSys("tip"),
                              content: tip,
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                           if (result.result_type == 0 && result.action) {
                              result.action.forEach(item => {
                                 if (item.action_type == "insert_subtable_page_row") { //码盘中
                                    $this.$data.param.Show_Welcom_Page = false;
                                    var value = item.value;
                                    $this.viewAceionRow(value);
                                 } else if (item.action_type ==
                                    "set_subtable_page_content") { //已码盘
                                    $this.$data.param.Show_Welcom_Page = false;
                                    var value = item.value;
                                    if (value.clear_confirm != false && value.clear ==
                                       true &&
                                       $this.$data.detail1StyleDefList.length > 0 &&
                                       value.page_name == $this.$data.param.Sub_Page[0]
                                       .Name
                                    ) { //判断是否清空页签内容,正在码盘是否有数据
                                       uni.showModal({
                                          title: this.translateSys("tip"),
                                          content: this.translate(
                                                "are_you_sure_clear_first") +
                                             this.translateSys(
                                                "quotation_mark_left") + value
                                             .page_name + this.translateSys(
                                                "sys.quotation_mark_right") +
                                             this.translate(
                                                "are_you_sure_clear_last"),
                                          success: function(res) {
                                             if (res.confirm) {
                                                $this.$data
                                                   .detail1StyleDefList = [];
                                                $this.viewAceionContent(
                                                   value);
                                             } else if (res.cancel) {
                                                $this.$data
                                                   .detail1StyleDefList = [];
                                                $this.viewAceionContent(
                                                   value);
                                             }
                                          }
                                       });
                                    } else {
                                       if (value.page_name == $this.$data.param.Sub_Page[
                                             0].Name) { //判断返回的action的page_name是否是待分拣
                                          $this.$data.detail1StyleDefList = [];
                                       } else {
                                          $this.$data.detail2StyleDefList = [];
                                       }
                                       $this.viewAceionContent(value);
                                    }
                                 } else if (item.action_type ==
                                    "select_subtable_page_row") {
                                    // value = {"page_name":"码盘中", "row":{"id":"xx"}}
                                    var value = item.value;
                                    $this.detail1StyleDefList.forEach(ele => {
                                       $this.activelist[index].active = false;
                                       if (ele.form.objId == value.row.id) {
                                          ele.SelBut_Checked = true;
                                          $this.active_id = ele.form.htmlobjId;
                                          //自动滚动到指定元素
                                          uni.createSelectorQuery()
                                             .select("#tabpanel") //对应外层节点
                                             .boundingClientRect((
                                                container) => {
                                                uni.createSelectorQuery()
                                                   .select("#tabpanel" +
                                                      ele.form.htmlobjId
                                                   ) //目标节点
                                                   .boundingClientRect((
                                                      target) => {
                                                      uni.pageScrollTo({
                                                         scrollTop: target
                                                            .top -
                                                            container
                                                            .top, //滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
                                                      });
                                                   })
                                                   .exec();
                                             })
                                             .exec();
                                       }
                                    });
                                 } else if (item.action_type ==
                                    "remove_subtable_page_row") { //清除面板中指定id的数据
                                    var value = item.value;
                                    if (value.page_name == $this.param.Sub_Page[0]
                                       .Name) { //判断返回的action的page_name是否是待分拣
                                       //清除面板中指定id的数据
                                       value.row.forEach(row => {
                                          $this.$data.detail1StyleDefList
                                             .forEach((ele, index) => {
                                                if (ele.form.objId == row
                                                   .id) {
                                                   $this.$data
                                                      .detail1StyleDefList
                                                      .splice(index, 1);
                                                }
                                             });
                                       });
                                    }
                                 } else if (item.action_type == "set_subtable_page_row") {
                                    $this.viewActionSetRow(item.value)
                                 } else if (item.action_type ==
                                    "set_subtable_page_ext_data") {
                                    var value = item.value;
                                    if (value.page_name == $this.$data.param.Sub_Page[0]
                                       .Name) { //判断返回的action的page_name是否是待分拣
                                       $this.setData({
                                          detail1ExtData: value.ext_data
                                       })
                                    } else if (value.page_name == $this.$data.param
                                       .Sub_Page[1].Name) {
                                       $this.setData({
                                          detail2ExtData: value.ext_data
                                       })
                                    }
                                 } else if (item.action_type == "clear_subpage_rows") {
                                    var value = item.value;
                                    if (value.page_name == $this.$data.param.Sub_Page[0]
                                       .Name) { //判断返回的action的page_name是否是待分拣
                                       $this.setData({
                                          detail1StyleDefList: [],
                                          detail1ExtData: {}
                                       })
                                    } else if (value.page_name == $this.$data.param
                                       .Sub_Page[1].Name) {
                                       $this.setData({
                                          detail2StyleDefList: [],
                                          detail2ExtData: {}
                                       })
                                    }
                                 } else if (item.action_type ==
                                    "set_dlg_current_edit_attr") {
                                    if ($this.focusOldFieldId == item.value) {
                                       $this.setData({
                                          focusFieldId: ""
                                       })
                                    } else {
                                       $this.setData({
                                          focusFieldId: $this.focusOldFieldId
                                       })
                                    }
                                    $this.$nextTick(() => {
                                       $this.setData({
                                          focusFieldId: item.value
                                       })
                                    });
                                 } else if (item.action_type == "set_dlg_attr") {
                                    // value = {"attr":"xxx", "value":"xxx"}
                                    var data = item.value;
                                    $this.$data.head_styledef.form.items.forEach(async (
                                       ele, index) => {
                                       data.forEach(async (ele2, index) => {
                                          if (ele.fieldId == ele2
                                             .attr) {
                                             ele.value = ele2
                                                .value;
                                          }
                                       });
                                    });
                                 }
                              });
                           } else {
                              // this.detail2StyleDefList=[];
                              if (result.info) {
                                 uni.showModal({
                                    title: this.translateSys("error") + "4.3",
                                    content: result.info,
                                    showCancel: false,
                                    confirmText: this.translateSys("cancel")
                                 });
                              }
                           }
                        }
                     } else {
                        uni.showModal({
                           title: this.translateSys("error") + "4",
                           content: ret.err_msg,
                        } else uni.showModal({
                           title: this.translateSys("tip"),
                           content: tip + ',' + this.translateSys('tip') + ':' + result
                              .ret,
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
                        return false;
                     } else {
                        var tip = result.info ? typeof result.info == 'string' ? result.info :
                           result.info.join('<br/>') : '';
                        if (tip) uni.showModal({
                           title: this.translateSys("tip"),
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
                        if (result.result_type == 0 && result.action) {
                           result.action.forEach(item => {
                              if (item.action_type == "insert_subtable_page_row") { //码盘中
                                 $this.param.Show_Welcom_Page = false;
                                 var value = item.value;
                                 $this.viewAceionRow(value);
                              } else if (item.action_type ==
                                 "set_subtable_page_content") { //已码盘
                                 $this.param.Show_Welcom_Page = false;
                                 var value = item.value;
                                 if (value.clear_confirm != false && value.clear ==
                                    true &&
                                    $this.detail1StyleDefList.length > 0 &&
                                    value.page_name == $this.param.Sub_Page[0]
                                    .Name
                                 ) { //判断是否清空页签内容,正在码盘是否有数据
                                    uni.showModal({
                                       title: this.translateSys("tip"),
                                       content: this.translate(
                                             "are_you_sure_clear_first") +
                                          this.translateSys(
                                             "quotation_mark_left") + value
                                          .page_name + this.translateSys(
                                             "quotation_mark_right") +
                                          this.translate(
                                             "are_you_sure_clear_last"),
                                       success: function(res) {
                                          if (res.confirm) {
                                             $this.$data
                                                .detail1StyleDefList = [];
                                             $this.viewAceionContent(
                                                value);
                                          } else if (res.cancel) {
                                             $this.$data
                                                .detail1StyleDefList = [];
                                             $this.viewAceionContent(
                                                value);
                                          }
                                       }
                                    });
                                 } else {
                                    if (value.page_name == $this.param.Sub_Page[
                                          0].Name) { //判断返回的action的page_name是否是待分拣
                                       $this.detail1StyleDefList = [];
                                    } else {
                                       $this.detail2StyleDefList = [];
                                    }
                                    $this.viewAceionContent(value);
                                 }
                              } else if (item.action_type ==
                                 "select_subtable_page_row") {
                                 // value = {"page_name":"码盘中", "row":{"id":"xx"}}
                                 var value = item.value;
                                 $this.detail1StyleDefList.forEach(ele => {
                                    $this.activelist[index].active = false;
                                    if (ele.form.objId == value.row.id) {
                                       ele.SelBut_Checked = true;
                                       $this.active_id = ele.form.htmlobjId;
                                       //自动滚动到指定元素
                                       uni.createSelectorQuery()
                                          .select("#tabpanel") //对应外层节点
                                          .boundingClientRect((
                                             container) => {
                                             uni.createSelectorQuery()
                                                .select("#tabpanel" +
                                                   ele.form.htmlobjId
                                                ) //目标节点
                                                .boundingClientRect((
                                                   target) => {
                                                   uni.pageScrollTo({
                                                      scrollTop: target
                                                         .top -
                                                         container
                                                         .top, //滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
                                                   });
                                                })
                                                .exec();
                                          })
                                          .exec();
                                    }
                                 });
                              } else if (item.action_type ==
                                 "remove_subtable_page_row") { //清除面板中指定id的数据
                                 var value = item.value;
                                 if (value.page_name == $this.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    //清除面板中指定id的数据
                                    value.row.forEach(row => {
                                       $this.detail1StyleDefList
                                          .forEach((ele, index) => {
                                             if (ele.form.objId == row
                                                .id) {
                                                $this.$data
                                                   .detail1StyleDefList
                                                   .splice(index, 1);
                                             }
                                          });
                                    });
                                 }
                              } else if (item.action_type == "set_subtable_page_row") {
                                 $this.viewActionSetRow(item.value)
                              } else if (item.action_type ==
                                 "set_subtable_page_ext_data") {
                                 var value = item.value;
                                 if (value.page_name == $this.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    $this.setData({
                                       detail1ExtData: value.ext_data
                                    })
                                 } else if (value.page_name == $this.param
                                    .Sub_Page[1].Name) {
                                    $this.setData({
                                       detail2ExtData: value.ext_data
                                    })
                                 }
                              } else if (item.action_type == "clear_subpage_rows") {
                                 var value = item.value;
                                 if (value.page_name == $this.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    $this.setData({
                                       detail1StyleDefList: [],
                                       detail1ExtData: {}
                                    })
                                 } else if (value.page_name == $this.param
                                    .Sub_Page[1].Name) {
                                    $this.setData({
                                       detail2StyleDefList: [],
                                       detail2ExtData: {}
                                    })
                                 }
                              } else if (item.action_type ==
                                 "set_dlg_current_edit_attr") {
                                 if ($this.focusOldFieldId == item.value) {
                                    $this.setData({
                                       focusFieldId: ""
                                    })
                                 } else {
                                    $this.setData({
                                       focusFieldId: $this.focusOldFieldId
                                    })
                                 }
                                 $this.$nextTick(() => {
                                    $this.setData({
                                       focusFieldId: item.value
                                    })
                                 });
                              } else if (item.action_type == "set_dlg_attr") {
                                 // value = {"attr":"xxx", "value":"xxx"}
                                 var data = item.value;
                                 $this.head_styledef.form.items.forEach(async (
                                    ele, index) => {
                                    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;
                                       }
                                    });
                                 });
                              }
                           });
                           console.log("end")
                        } else {
                           // this.detail2StyleDefList=[];
                           if (result.info) {
                              uni.showModal({
                                 title: this.translateSys("error") + "4.3",
                                 content: result.info,
                                 showCancel: false,
                                 confirmText: this.translateSys("cancel")
                              });
                           }
                        }
                     }
                  }).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")
                     });
@@ -1009,6 +1074,9 @@
               number1 = parseInt(value1)
            if (value2)
               number2 = parseInt(value2)
            if (!operation) {
               return value2;
            }
            if (operation == "+") {
               return number1 + number2
            } else if (operation == "-") {
@@ -1016,54 +1084,125 @@
            } else if (operation == "*") {
               return number1 * number2
            } else if (operation == "/") {
               if (number2)
                  return number1 / number2
               else
                  return number1
            } else return number2
               if (number2) return number1 / number2;
               else {
                  throw new Error(`${this.translate("illegal_dividend")}'${value2}'`);
                  return 0;
               }
            } else if (operation == "=") {
               return value2;
            } else {
               throw new Error(`${this.translate("unrecognized_operator")}'${operation}'`);
               return 0;
            }
         },
         //更新分页签中的列表项内容
         viewActionSetRow(value) {
            const $this = this
            var detailStyleDefList = []
            if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
               detailStyleDefList = $this.$data.detail2StyleDefList
            } else if (value.page_name == $this.$data.param.Sub_Page[0].Name) {
               detailStyleDefList = $this.$data.detail1StyleDefList
            if (value.page_name == $this.param.Sub_Page[1].Name) {
               detailStyleDefList = $this.detail2StyleDefList
            } else if (value.page_name == $this.param.Sub_Page[0].Name) {
               detailStyleDefList = $this.detail1StyleDefList
            }
            detailStyleDefList.forEach(ele => {
               value.row.forEach((rowData) => {
                  if (ele.form.objId == rowData.id) {
                     rowData.attrs.forEach(attr => {
                        ele.form.items.forEach(ele2 => {
                           if (ele2.name != 'Layout') {
                              if (ele2.fieldId == attr.attr) {
                                 ele2.value = $this.operationNumber(ele2.value,
                                    attr.value, attr.operation)
                              }
                           } else if (ele2.name == 'Layout') {
                              ele2.setting.colList.forEach(col => {
                                 if (col) {
                                    if (col.fieldId == attr.attr) {
                                       col.value = $this
                                          .operationNumber(col.value,
                                             attr.value, attr
                                             .operation)
                                    }
                  if (rowData.id) {
                     if (ele.form.objId == rowData.id) {
                        rowData.attrs.forEach(attr => {
                           ele.form.items.forEach(ele2 => {
                              if (ele2.name != 'Layout') {
                                 if (ele2.fieldId == attr.attr) {
                                    ele2.value = $this.operationNumber(ele2
                                       .value,
                                       attr.value, attr.operation)
                                 }
                              })
                           }
                              } else if (ele2.name == 'Layout') {
                                 ele2.setting.colList.forEach(col => {
                                    if (col) {
                                       if (col.fieldId == attr.attr) {
                                          col.value = $this
                                             .operationNumber(col
                                                .value,
                                                attr.value, attr
                                                .operation)
                                       }
                                    }
                                 })
                              }
                           });
                        });
                     });
                     }
                  } else if (rowData.condition) {
                     const conditions = rowData.condition;
                     let bFindCondition = true;
                     for (let i in conditions) {
                        const condition = conditions[i];
                        let bFind = false;
                        for (let i2 in ele.form.items) {
                           const ele2 = ele.form.items[i2];
                           if (ele2.name != "Layout") {
                              if (ele2.fieldId == condition.attr) {
                                 if (condition.value == ele2.value) {
                                    bFind = true;
                                 }
                                 break;
                              }
                           } else {
                              const colList = ele2.setting.colList || [];
                              for (let i3 in colList) {
                                 const col = colList[i3];
                                 if (col.fieldId == condition.attr) {
                                    if (condition.value == col.value) {
                                       bFind = true;
                                    }
                                    break;
                                 }
                              }
                              if (bFind) break;
                           }
                        }
                        if (!bFind) {
                           bFindCondition = false;
                           break;
                        }
                     }
                     if (bFindCondition) {
                        rowData.attrs.forEach(attr => {
                           ele.form.items.forEach(ele2 => {
                              if (ele2.name != 'Layout') {
                                 if (ele2.fieldId == attr.attr) {
                                    ele2.value = $this.operationNumber(ele2
                                       .value,
                                       attr.value, attr.operation)
                                 }
                              } else if (ele2.name == 'Layout') {
                                 ele2.setting.colList.forEach(col => {
                                    if (col) {
                                       if (col.fieldId == attr.attr) {
                                          col.value = $this
                                             .operationNumber(col
                                                .value,
                                                attr.value, attr
                                                .operation)
                                       }
                                    }
                                 })
                              }
                           });
                        });
                     }
                  }
               })
            });
            if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
            if (value.page_name == $this.param.Sub_Page[1].Name) {
               $this.setData({
                  detail2StyleDefList: detailStyleDefList
               })
            } else if (value.page_name == $this.$data.param.Sub_Page[0].Name) {
            } else if (value.page_name == $this.param.Sub_Page[0].Name) {
               $this.setData({
                  detail1StyleDefList: detailStyleDefList
               })
@@ -1076,48 +1215,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.detail1_styledef);
            if (type) { //确定后脚本进入加载已分拣数据
               styleStr = JSON.stringify(this.detail2_styledef);
            } else {
               if (data.page_name == this.param.Sub_Page[1].Name) { //判断返回的action的page_name是否是已分拣
                  styleStr = JSON.stringify(this.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是否是已分拣
                     this.$data.detail2StyleDefList.push(detailStyle);
                     // console.log(this.$data.detail2StyleDefList);
                  } else {
                     this.$data.detail1StyleDefList.push(detailStyle);
                     this.activelist.push({
                        active: false
               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;
                              }
                           });
                        }
                     });
                     // console.log(this.$data.detail1StyleDefList);
                  });
                  if (type) { //确定后脚本进入加载已分拣数据
                     this.detail2StyleDefList.push(detailStyle);
                     // console.log(this.detail2StyleDefList);
                  } else {
                     if (data.page_name == this.param.Sub_Page[1]
                        .Name) { //判断返回的action的page_name是否是已分拣
                        this.detail2StyleDefList.push(detailStyle);
                        // console.log(this.detail2StyleDefList);
                     } else {
                        this.detail1StyleDefList.push(detailStyle);
                        this.activelist.push({
                           active: false
                        });
                        // console.log(this.detail1StyleDefList);
                     }
                  }
               }
            });
@@ -1133,94 +1277,105 @@
            if (JSON.stringify(data.content) == '{}') {
               return;
            }
            var styleStr = JSON.stringify($this.detail2_styledef);
            if (data.page_name == $this.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是码盘中
               styleStr = JSON.stringify($this.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.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.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.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.detail2StyleDefList);
                  }
                  // console.log($this.$data.detail2StyleDefList);
               }
            });
@@ -1270,38 +1425,28 @@
                        obj_id: objID
                     };
                     // console.log(dataInfo);
                     $this.$store.dispatch('dataObjDel', dataInfo).then(ret => {
                     dataObjDel(dataInfo).then(ret => {
                        // console.log(ret);
                        if (ret.err_code == 0) {
                           const style = $this.detail2StyleDefList[index];
                           $this.detail2StyleDefList.splice(index, 1);
                           if ($this.Before_Del_Event?.ID)
                              //是否有删除前事件
                              $this.del2(style, $this.Before_Del_Event);
                           else if ($this.After_Del_Event?.ID)
                              //是否有删除后事件
                              $this.del2(style, $this.After_Del_Event);
                           uni.showModal({
                              title: this.translateSys("tip"),
                              content: this.translate("delete_success"),
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                        } else {
                           uni.showModal({
                              title: this.translateSys("error") + "5",
                              content: ret.err_msg,
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                        }
                        const style = $this.detail2StyleDefList[index];
                        $this.detail2StyleDefList.splice(index, 1);
                        if ($this.Before_Del_Event?.ID)
                           //是否有删除前事件
                           $this.del2(style, $this.Before_Del_Event);
                        else if ($this.After_Del_Event?.ID)
                           //是否有删除后事件
                           $this.del2(style, $this.After_Del_Event);
                        uni.showModal({
                           title: this.translateSys("tip"),
                           content: this.translate("delete_success"),
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
                     }).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")
                        });
@@ -1316,7 +1461,7 @@
         async del(style, event) {
            //获取表头属性
            var head_attr = {};
            this.$data.head_styledef.form.items.forEach(item => {
            this.head_styledef.form.items.forEach(item => {
               head_attr[item.fieldId] = item.value;
            });
            // console.log(head_attr);
@@ -1397,7 +1542,7 @@
         async del2(style, event) {
            //获取表头属性
            var head_attr = {};
            this.$data.head_styledef.form.items.forEach(item => {
            this.head_styledef.form.items.forEach(item => {
               head_attr[item.fieldId] = item.value;
            });
            // console.log(head_attr);
@@ -1483,45 +1628,607 @@
               ele.active = false;
            });
            this.activelist[value].active = true;
            // console.log(this.$data.activelist);
            // console.log(this.activelist);
         },
         popupChange(e) {
            console.log('当前模式:' + e.type + ',状态:' + e.show);
         },
         checkChange(e) { //弹框check选择
            // console.log(e.target.dataset);
            var index = e.target.dataset.index;
            var ischeck = e.target.dataset.ischeck;
            var data = this.check_list.items;
            // this.check_list.items=[];
            if (this.check_list.multiple_choice == "0") { //判断时单选还是多选
               for (var i in data) {
                  data[i].check = false;
               }
            }
            data[index].check = ischeck ? false : true;
            this.check_list.items = data;
         },
         popup_cancel(e) { //弹框取消
            this.$refs.popup.close();
         },
         popup_sava(e) { //弹框确定
            var $this = this;
            var items = $this.check_list.items;
            var data = [];
            var name = "";
            for (var i = 0; i < items.length; i++) {
               if (items[i].check == true) {
                  if (name)
                     name += ';';
                  name += items[i].name;
                  data.push({
                     id: items[i].id,
                     name: items[i].name
                  });
               }
            }
            if (!$this.popupParam) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: "popupParam为空!",
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            if (data.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            var callback_eventid = $this.popupParam.button_callback.trim();
            var info = {
               eventid: callback_eventid,
               edtype: "0",
               projectid: '',
               rclsid: '',
               robjid: '',
               userlogin: '',
               clsid: $this.ClsID,
               objid: "",
               attr: $this.popupParam.req,
               dataJson: data
            }
            $this.DataObjRunCustomEvent(info, $this.popupParam.data_attr);
            this.$refs.popup.close();
         },
         async DataObjRunCustomEvent(info, data_attr) {
            var $this = this;
            var enviroment = {
               'function': '3000', // 功能点编号
               cls_id: this.ClsID, // 功能点主数据类标识
               'button': 'top', // top/bottom
               button_name: this.translateSys('add2'),
               master: {
                  cls_id: this.ClsID, // button=bottom时 master的cls_id
                  //obj_id: ''  // button=bottom时 master的obj_id
               }
            };
            if (data_attr) {
               enviroment.edit_dlg = {
                  type: 'small', //小窗口
                  class_id: this.ClsID, //当前数据类id
               }
               if (data_attr) {
                  enviroment.edit_dlg.form_control = { //所属的表单控件
                     name: data_attr.Name, //字段属性
                     text: data_attr.DispName, //显示文本
                     group_name: data_attr.GroupName, //属性组
                     type: data_attr.Type, //字段类型
                     readonly: data_attr.ReadOnly, //是否只读
                     button_img: data_attr.button_img, //引用按钮的图标
                     button_tooltip: data_attr.button_tooltip //引用按钮的tooltip
                  }
               }
            }
            enviroment = Base64.encode(JSON.stringify(enviroment)); //将字符串转换为base64编码
            var input_param = Base64.encode(JSON.stringify(info.attr)); //将字符串转换为base64编码
            var global_attr = Base64.encode(JSON.stringify(this.global_attr)); //将字符串转换为base64编码
            if (info.dataJson)
               info.dataJson = Base64.encode(JSON.stringify(info.dataJson)); //将字符串转换为base64编码
            var obj_attr = {};
            info.attr.forEach(item => {
               obj_attr[item.attr] = item.value;
            });
            if (!info.eventid.includes('{')) info.eventid = '{' + info.eventid + '}';
            var dataInfo = {
               ed_type: info.edtype,
               start_transaction: true,
               class_id: info.clsid,
               class_name: '',
               event_id: info.eventid,
               event_name: '',
               data_obj_id: info.objid,
               obj_attr: obj_attr,
               prj_id: info.projectid,
               ref_cls_id: info.rclsid,
               rel_obj_id: info.robjid,
               user_login: info.userlogin,
               data_json: info.dataJson,
               compose_info: '',
               ext_info: enviroment,
               global_attr: global_attr,
               input_param: input_param,
            };
            console.log(dataInfo);
            // return;
            runCustomEvent(dataInfo).then(data => {
               if (data.ret != 0) {
                  var tip = data.err_info ? typeof data.err_info == 'string' ? data
                     .err_info :
                     data
                     .err_info.join('<br/>') : '';
                  if (data.ret == 801) {
                     if (this.param.Only_Script_Error) {
                        let pos = tip.indexOf(":");
                        if (pos > -1) tip = tip.substring(pos + 1);
                     }
                     uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                  } else uni.showModal({
                     title: this.translateSys("tip"),
                     content: tip + ',' + this.translateSys('tip') + ':' + data
                        .ret,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
                  return false
               } else {
                  var tip = data.info ? typeof data.info == 'string' ? data.info : data
                     .info
                     .join(
                        '<br/>') : '';
                  if (tip) uni.showModal({
                     title: this.translateSys("tip"),
                     content: tip,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
                  var actionlist = data.action;
                  if (actionlist) {
                     console.log(actionlist);
                     for (var i = 0; i < actionlist.length; i++) {
                        var action = actionlist[i];
                        if (action.action_type == 'set_dlg_attr') {
                           var result = action.value;
                           $this.setFormValues(result)
                        } else if (action.action_type == 'set_dlg_attr_show') {
                           var result = action.value;
                           result.forEach(async (attr, key) => {
                              $this.head_styledef.form.items
                                 .forEach(
                                    async (ele,
                                       index) => {
                                       //判断是否是栅格表单
                                       if (ele.name != 'Layout') {
                                          if (ele.fieldId == attr
                                             .attr) {
                                             ele.show = attr
                                                .show;
                                          }
                                       } else if (ele.name ==
                                          'Layout') {
                                          ele.setting.colList
                                             .forEach(
                                                col => {
                                                   if (col) {
                                                      if (col
                                                         .fieldId ==
                                                         attr
                                                         .attr
                                                      ) {
                                                         col.show =
                                                            attr
                                                            .show;
                                                      }
                                                   }
                                                });
                                       }
                                    });
                           });
                           var head_styledef = JSON.parse(JSON.stringify($this.$data
                              .head_styledef));
                           $this.head_styledef = [];
                           $this.head_styledef = head_styledef;
                           // console.log($this.head_styledef);
                        } else if (action.action_type == 'set_global_attr') {
                           $this.global_attr = action.value || [];
                        } else {
                           uni.showModal({
                              title: this.translateSys("tip"),
                              content: this.translateSys(
                                    "quotation_mark_left") +
                                 action
                                 .action_type + this.translateSys(
                                    "quotation_mark_right") + this
                                 .translate(
                                    "tip_action_unprocessed"),
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                        }
                     }
                  }
                  console.log($this.head_styledef);
                  if (data.result) {
                     $this.setFormValues( data.result)
                     }
               }
            }).catch(ex => {
               // console.log(ex);
               let exStr = JSON.stringify(ex)
               if (exStr == "{}")
                  exStr = ex
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : exStr
               uni.showModal({
                  title: this.translateSys("error") + "3.1",
                  content: exStr,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
            });
         },
         dataObjRunCustomEvent_Return(eventid, data_attr, button_callback, item) {
            const $this = this
            var enviroment = {
               'function': '3000', // 功能点编号
               cls_id: $this.ClsID, // 功能点主数据类标识
               'button': 'top', // top/bottom
               button_name: $this.translateSys('add2'),
               master: {
                  cls_id: $this.ClsID, // button=bottom时 master的cls_id
                  //obj_id: ''  // button=bottom时 master的obj_id
               }
            };
            var obj_attr = $this.head_styledef.form.model;
            console.log(obj_attr);
            var req = Object.keys(obj_attr).map((a) => ({
               attr: a,
               value: obj_attr[a] || "",
            }));
            var extinfo = enviroment;
            extinfo.edit_dlg = {
               type: 'small', //小窗口
               class_id: $this.ClsID, //当前数据类id
            }
            extinfo = Base64.encode(JSON.stringify(extinfo)); //将字符串转换为base64编码
            var global_attr = Base64.encode(JSON.stringify($this.global_attr)); //将字符串转换为base64编码
            var obj_attr = {};
            req.forEach(item2 => {
               obj_attr[item2.attr] = item2.value;
            });
            let input_param = Base64.encode(
               JSON.stringify(
                  Object.keys(obj_attr).map((a) => ({
                     attr: a,
                     value: obj_attr[a] || "",
                  }))
               )
            );
            if (!eventid.includes('{')) eventid = '{' + eventid + '}';
            var dataInfo = {
               ed_type: "0",
               start_transaction: true,
               class_id: $this.ClsID,
               class_name: '',
               event_id: eventid,
               event_name: '',
               data_obj_id: '',
               obj_attr: obj_attr,
               prj_id: '',
               ref_cls_id: '',
               rel_obj_id: '',
               user_login: '',
               data_json: [],
               compose_info: '',
               ext_info: extinfo,
               global_attr: global_attr,
               input_param: input_param,
            };
            console.log(dataInfo);
            // return;
            runCustomEvent(dataInfo).then(data => {
               if (data.ret != 0) {
                  var tip = data.err_info ? typeof data.err_info == 'string' ? data
                     .err_info :
                     data
                     .err_info.join('<br/>') : '';
                  if (data.ret == 801) {
                     if ($this.param.Only_Script_Error) {
                        let pos = tip.indexOf(":");
                        if (pos > -1) tip = tip.substring(pos + 1);
                     }
                     uni.showModal({
                        title: $this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: $this.translateSys("cancel")
                     });
                  } else uni.showModal({
                     title: $this.translateSys("tip"),
                     content: tip + ',' + $this.translateSys('tip') + ':' + data
                        .ret,
                     showCancel: false,
                     confirmText: $this.translateSys("cancel")
                  });
                  return false
               } else {
                  var tip = data.info ? typeof data.info == 'string' ? data.info : data
                     .info
                     .join(
                        '<br/>') : '';
                  if (tip) uni.showModal({
                     title: $this.translateSys("tip"),
                     content: tip,
                     showCancel: false,
                     confirmText: $this.translateSys("cancel")
                  });
                  if (data != "") {
                     var actions = data.action;
                     if (actions) {
                        for (var i = 0; i < actions.length; i++) {
                           var action = actions[i];
                           console.log(action)
                           var val = action.value;
                           var enviroment = JSON.stringify(enviroment);
                           if (action.action_type == 'open_panel') {
                              var d = dialog({
                                 title: '<i class="ace-icon fa fa-info-circle"></i> ' +
                                    $this.translateSys("tip"),
                                 content: $this.translateSys(
                                       "quotation_mark_left") +
                                    action
                                    .action_type + $this.translateSys(
                                       "quotation_mark_right") + $this
                                    .translate(
                                       "tip_action_unprocessed")
                              });
                              d.show();
                           } else if (action.action_type == 'open_select_userdlg') {
                              var style = val.style;
                              // style == 'user' ? '选择人员' : style == 'department' ? '选择部门' : style == 'role' ? '选择角色' : ''
                              var param = {
                                 item: item,
                                 button_callback: button_callback,
                                 req: req,
                                 data_attr: data_attr
                              }
                              uni.navigateTo({
                                 url: '../selpsn/index?mulit=false&param=' +
                                    JSON
                                    .stringify(
                                       param),
                                 events: {
                                    AddPer(data, param) {
                                       // console.log(param);
                                       console.log(data);
                                       var callback_eventid = param
                                          .button_callback
                                          .trim();
                                       var info = {
                                          eventid: callback_eventid,
                                          edtype: "0",
                                          projectid: '',
                                          rclsid: '',
                                          robjid: '',
                                          userlogin: '',
                                          clsid: $this.param
                                             .DataCls
                                             .id,
                                          objid: "",
                                          attr: param.req,
                                          inputparameter: data,
                                          dataJson: [],
                                       }
                                       $this.DataObjRunCustomEvent(info,
                                          param
                                          .data_attr);
                                    }
                                 }
                              });
                           } else if (action.action_type == 'open_data_query_dlg') {
                              var d = dialog({
                                 title: '<i class="ace-icon fa fa-info-circle"></i> ' +
                                    $this.translateSys("tip"),
                                 content: $this.translateSys(
                                       "quotation_mark_left") +
                                    action
                                    .action_type + $this.translateSys(
                                       "quotation_mark_right") + $this
                                    .translate(
                                       "tip_action_unprocessed")
                              });
                              d.show();
                           } else if (action.action_type == 'open_common_dlg') {
                              if (val.common_dlg_id == 'check_list') {
                                 $this.setData({
                                    check_list: val.config
                                 })
                                 if (val.config.appear_style == 'sideslip') //判断是否是侧滑
                                    $this.setData({
                                       popupType: "right"
                                    })
                                 else
                                    $this.setData({
                                       popupType: "center"
                                    })
                                 // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
                                 $this.$refs.popup.open($this.popupType);
                                 var popupParam = {
                                    item: item,
                                    button_callback: button_callback,
                                    req: req,
                                    data_attr: data_attr
                                 }
                                 $this.setData({
                                    popupParam: popupParam
                                 })
                              }
                           } else if (action.action_type == 'open_project_query_dlg') {
                              //console.log(action.value.select_range);
                              //console.log(action.value.mulit_select);
                              var priRel = '-1';
                              if (action.value.select_range == '全部相关')
                                 priRel = '0';
                              else if (action.value.select_range == '我负责的项目')
                                 priRel = '1';
                              else if (action.value.select_range == '我创建的')
                                 priRel = '2';
                              else if (action.value.select_range == '我参与的' || action
                                 .value
                                 .select_range == '我参加的')
                                 priRel = '3';
                              else if (action.value.select_range == '我关注的')
                                 priRel = '4';
                              else if (action.value.select_range == '我下属的项目')
                                 priRel = '5';
                              var param_ = {
                                 item: item,
                                 button_callback: button_callback,
                                 req: req
                              }
                              uni.navigateTo({
                                 url: '../selPrj/index?relation=' + priRel +
                                    '&param=' +
                                    JSON.stringify(param_),
                                 events: {
                                    AddPer(data, param) {
                                       var attr = param.item.fieldId;
                                       $this.head_styledef.form.model[
                                             attr] =
                                          data[0].ID +
                                          ';' + data[0].Name;
                                       // $this.classAttrList[param.index].Attr[param.iindex].Value=data[0].Name;
                                       // $this.classAttrList[param.index].Attr[param.iindex].ValID=data[0].ID+';'+data[0].Name;
                                       var callback_eventid = param
                                          .button_callback
                                          .trim();
                                       if (callback_eventid) {
                                          var info = {
                                             eventid: callback_eventid,
                                             edtype: "2",
                                             projectid: data[0].ID,
                                             rclsid: "",
                                             robjid: "",
                                             userlogin: "",
                                             clsid: $this.$data
                                                .param
                                                .DataCls.id,
                                             objid: "",
                                             attr: param.req,
                                             dataJson: [],
                                          }
                                          $this.DataObjRunCustomEvent(
                                             info);
                                       }
                                    }
                                 }
                              });
                           } else {
                              uni.showModal({
                                 title: $this.translateSys("tip"),
                                 content: $this.translateSys(
                                       "quotation_mark_left") +
                                    action.action_type + $this.translateSys(
                                       "quotation_mark_right") + $this
                                    .translate(
                                       "tip_action_unprocessed"),
                                 showCancel: false,
                                 confirmText: $this.translateSys("cancel")
                              });
                           }
                        }
                     }
                  } else {
                     uni.showModal({
                        title: $this.translateSys('tip') + "5.2",
                        content: $this.translateSys("quotation_mark_left") +
                           "before_click_button" + $this.translateSys(
                              "quotation_mark_right") + $this.translateSys(
                              "comma") + 'event_id' + eventid,
                        showCancel: false,
                        confirmText: $this.translateSys("cancel")
                     });
                  }
               }
            }).catch(ex => {
               // console.log(ex);
               let exStr = JSON.stringify(ex)
               if (exStr == "{}")
                  exStr = ex
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : exStr
               uni.showModal({
                  title: $this.translateSys('tip') + "5.1",
                  content: exStr,
                  showCancel: false,
                  confirmText: $this.translateSys("cancel")
               });
            });
         },
         //确定
         ok() {
            this.Before_OK_Event = this.param.Sub_Page[0].Before_ok;
            this.After_OK_Event = this.param.Sub_Page[0].After_ok;
            // console.log(this.Before_OK_Event);
            // console.log(this.After_OK_Event);
            if (this.$data.Before_OK_Event.ID) //是否有确定前事件
               this.sava(this.$data.Before_OK_Event);
            else if (this.$data.After_OK_Event.ID) //是否有确定后事件
               this.sava(this.$data.After_OK_Event);
            if (this.Before_OK_Event.ID) //是否有确定前事件
               this.sava(this.Before_OK_Event);
            else if (this.After_OK_Event.ID) //是否有确定后事件
               this.sava(this.After_OK_Event);
         },
         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") +
                     this.translateSys(
                        "quotation_mark_left") + this.param.Sub_Page[0].Name + this.translateSys(
                        "sys.quotation_mark_right") +
                     this.translate(
                        "page.tip_no_data_last"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return false;
            }
            // if (this.detail1StyleDefList.length == 0) {
            //    uni.showModal({
            //       title: this.translateSys("tip"),
            //       content: this.translate(
            //             "tip_no_data_first") +
            //          this.translateSys(
            //             "quotation_mark_left") + this.param.Sub_Page[0].Name + this.translateSys(
            //             "quotation_mark_right") +
            //          this.translate(
            //             "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 => {
            this.head_styledef.form.items.forEach(item => {
               head_attr[item.fieldId] = item.value;
            });
            // console.log(head_attr);
            //获取正在码盘属性
            var detailAttrList = [];
            this.$data.detail1StyleDefList.forEach(style => {
            this.detail1StyleDefList.forEach(style => {
               var detail_attr = {};
               style.form.items.forEach(item => {
                  if (item.name == "Layout") { //判断是否是栅栏格式
@@ -1541,7 +2248,7 @@
            });
            // console.log(detailAttrList);
            //获取正在码盘里没有显示的字段
            this.$data.detail1StyleDefList.forEach(style => {
            this.detail1StyleDefList.forEach(style => {
               style.form.attrs.forEach(attr => {
                  for (var key in detailAttrList) {
                     if (style.form.objId == detailAttrList[key]['id']) {
@@ -1578,15 +2285,16 @@
               });
            });
            const list = []
            if (jsonlist.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            // if (jsonlist.length == 0) {
            //    //this.okLoading = false
            //    uni.showModal({
            //       title: this.translateSys("tip"),
            //       content: this.translate("tip_no_select_data"),
            //       showCancel: false,
            //       confirmText: this.translateSys("cancel")
            //    });
            //    return;
            // }
            list.push({
               page_name: $this.param.Sub_Page[0].Name,
               item_list: jsonlist,
@@ -1604,37 +2312,38 @@
            this.After_OK_Event = this.param.Sub_Page[1].After_ok;
            // console.log(this.Before_OK_Event);
            // console.log(this.After_OK_Event);
            if (this.$data.Before_OK_Event.ID) //是否有确定前事件
               this.sava2(this.$data.Before_OK_Event);
            else if (this.$data.After_OK_Event.ID) //是否有确定后事件
               this.sava2(this.$data.After_OK_Event);
            if (this.Before_OK_Event.ID) //是否有确定前事件
               this.sava2(this.Before_OK_Event);
            else if (this.After_OK_Event.ID) //是否有确定后事件
               this.sava2(this.After_OK_Event);
         },
         sava2(event) {
            var $this = this;
            if (this.$data.detail2StyleDefList.length == 0) {
            if (this.detail2StyleDefList.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 => {
            this.head_styledef.form.items.forEach(item => {
               head_attr[item.fieldId] = item.value;
            });
            // console.log(head_attr);
            //获取正在码盘属性
            var detailAttrList = [];
            this.$data.detail2StyleDefList.forEach(style => {
            this.detail2StyleDefList.forEach(style => {
               var detail_attr = {};
               style.form.items.forEach(item => {
                  if (item.name == "Layout") { //判断是否是栅栏格式
@@ -1654,7 +2363,7 @@
            });
            // console.log(detailAttrList);
            //获取正在码盘里没有显示的字段
            this.$data.detail2StyleDefList.forEach(style => {
            this.detail2StyleDefList.forEach(style => {
               style.form.attrs.forEach(attr => {
                  for (var key in detailAttrList) {
                     if (style.form.objId == detailAttrList[key]['id']) {
@@ -1691,6 +2400,7 @@
               });
            });
            if (jsonlist.length == 0) {
               this.ok2Loading = false
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
@@ -1721,7 +2431,7 @@
            var dataInfo = {
               ed_type: 0,
               start_transaction: true,
               class_id: this.$data.ClsID,
               class_id: this.ClsID,
               class_name: '',
               event_id: event.ID,
               event_name: '',
@@ -1739,184 +2449,266 @@
            };
            // console.log(dataInfo);
            this.$store.dispatch('runCustomEvent', dataInfo).then(res => {
               console.log(res);
               if (res.err_code == 0) {
                  var result = res.result;
                  if (result.ret != 0) {
                     var tip = result.err_info ? typeof result.err_info == 'string' ? result.err_info :
                        result.err_info.join('<br/>') : '';
                     if (result.ret == 801) {
                        if (this.param.Only_Script_Error) {
                           let pos = tip.indexOf(":");
                           if (pos > -1) tip = tip.substring(pos + 1);
                        }
                        uni.showModal({
                           title: this.translateSys("tip"),
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
                     } else uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip + ',' + this.translateSys('tip') + ':' + result.ret,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                     return false;
                  } else {
                     var tip = result.info ? typeof result.info == 'string' ? result.info : result.info
                        .join('<br/>') : '';
                     if (tip) uni.showModal({
            runCustomEvent(dataInfo).then(result => {
               console.log(result);
               if (result.ret != 0) {
                  var tip = result.err_info ? typeof result.err_info == 'string' ? result.err_info :
                     result.err_info.join('<br/>') : '';
                  if (result.ret == 801) {
                     if (this.param.Only_Script_Error) {
                        let pos = tip.indexOf(":");
                        if (pos > -1) tip = tip.substring(pos + 1);
                     }
                     uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                     if (result.result_type == 0) {
                        if (result.action) {
                           //   uni.showModal({title:this.translateSys("tip"),content:JSON.stringify(result.action),showCancel:false,confirmText:this.translateSys("cancel")});
                           result.action.forEach(item => {
                              if (item.action_type == "insert_subtable_page_row") { //码盘中
                                 var value = item.value;
                                 //加载已经码盘数据
                                 $this.viewAceionRow(value, 'add');
                                 //清空条码内容
                                 $this.$data.head_styledef.form.items.forEach((item,
                                    index) => {
                                    if (item.fieldId != "S_CNTR_CODE") {
                                       item.value = '';
                                       item.oldvalue = '';
                                       $this.$data.head_styledef.form.model[item
                                          .fieldId] = '';
                                    }
                                 });
                                 //清除正在码盘中成功的数据
                                 // $this.$data.detail1StyleDefList.forEach((style,index)=>{
                                 //   if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){
                                 //    $this.$data.detail1StyleDefList.splice(index,1);
                                 //    return;
                                 //   }
                                 // });
                                 // this.detail2StyleDefList=[];
                                 uni.showModal({
                                    title: this.translateSys("tip"),
                                    content: this.translate(
                                       'execute_event_success'),
                                    showCancel: false,
                                    confirmText: this.translateSys("cancel")
                                 });
                                 //  } else if(item.action_type == "refresh"){  //刷新
                                 //    var value = item.value;
                                 // //刷新当前页面
                                 // // location.reload();
                                 // uni.redirectTo({
                                 //    url:'../modal/5600?param='+JSON.stringify(this.$data.param)+"&titlename="+this.$data.title
                                 // });
                                 //  } else if(item.action_type == "prompt"){  //打开系统提示弹框
                                 //    var value = '';
                                 // item.value.forEach(ele=>{
                                 //    if(value) value+='\n';
                                 //    value+=ele;
                                 // });
                                 // uni.showModal({title:"系统提示",content:value,showCancel:false,confirmText:"关闭"});
                              } else if (item.action_type ==
                                 "remove_subtable_page_row") { //清除面板中指定id的数据
                                 var value = item.value;
                                 if (value.page_name == $this.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    //清除面板中指定id的数据
                                    value.row.forEach(row => {
                                       $this.$data.detail1StyleDefList.forEach((
                                          ele, index) => {
                                          if (ele.form.objId == row.id) {
                                             $this.$data
                                                .detail1StyleDefList
                                                .splice(index, 1);
                                          }
                                       });
                                    });
                                 }
                              } else if (item.action_type == "set_subtable_page_row") {
                                 $this.viewActionSetRow(item.value)
                              } else if (item.action_type == "set_subtable_page_ext_data") {
                                 var value = item.value;
                                 if (value.page_name == $this.$data.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    $this.setData({
                                       detail1ExtData: value.ext_data
                                    })
                                 } else if (value.page_name == $this.$data.param.Sub_Page[1]
                                    .Name) {
                                    $this.setData({
                                       detail2ExtData: value.ext_data
                                    })
                                 }
                              } else if (item.action_type == "clear_subpage_rows") {
                                 var value = item.value;
                                 if (value.page_name == $this.$data.param.Sub_Page[0]
                                    .Name) { //判断返回的action的page_name是否是待分拣
                                    $this.setData({
                                       detail1StyleDefList: [],
                                       detail1ExtData: {}
                                    })
                                 } else if (value.page_name == $this.$data.param.Sub_Page[1]
                                    .Name) {
                                    $this.setData({
                                       detail2StyleDefList: [],
                                       detail2ExtData: {}
                                    })
                                 }
                              } else if (item.action_type == "set_dlg_current_edit_attr") {
                                 if ($this.focusOldFieldId == item.value)
                                    $this.setData({
                                       focusFieldId: ""
                                    })
                                 else {
                                    $this.setData({
                                       focusFieldId: $this.focusOldFieldId
                                    })
                                 }
                                 $this.$nextTick(() => {
                                    $this.setData({
                                       focusFieldId: item.value
                                    })
                                 });
                              }
                           });
                        } else {
                           if ($this.$data.After_OK_Event.ID != event.ID) { //判断当前事件是否是确定后事件
                              if (type == '1') {
                                 $this.sava($this.$data.After_OK_Event); //执行确定后事件
                              } else {
                                 $this.sava2($this.$data.After_OK_Event); //执行确定后事件
                              }
                           }
                        }
                     } else {
                        // $this.$data.detail2StyleDefList=[];
                        if (result.info) {
                           uni.showModal({
                              title: this.translateSys("tip"),
                              content: result.info,
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                        }
                     }
                  }
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "8",
                     content: res.err_msg,
                  } else uni.showModal({
                     title: this.translateSys("tip"),
                     content: tip + ',' + this.translateSys('tip') + ':' + result.ret,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
                  return false;
               } else {
                  var tip = result.info ? typeof result.info == 'string' ? result.info : result.info
                     .join('<br/>') : '';
                  if (tip) uni.showModal({
                     title: this.translateSys("tip"),
                     content: tip,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
                  if (result.result_type == 0) {
                     if (result.action) {
                        //   uni.showModal({title:this.translateSys("tip"),content:JSON.stringify(result.action),showCancel:false,confirmText:this.translateSys("cancel")});
                        result.action.forEach(item => {
                           if (item.action_type == "insert_subtable_page_row") { //码盘中
                              var value = item.value;
                              //加载已经码盘数据
                              $this.viewAceionRow(value, 'add');
                              //清空条码内容
                              $this.head_styledef.form.items.forEach((item,
                                 index) => {
                                 if (item.fieldId != "S_CNTR_CODE") {
                                    item.value = '';
                                    item.oldvalue = '';
                                    $this.head_styledef.form.model[item
                                       .fieldId] = '';
                                 }
                              });
                              //清除正在码盘中成功的数据
                              // $this.detail1StyleDefList.forEach((style,index)=>{
                              //   if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){
                              //    $this.detail1StyleDefList.splice(index,1);
                              //    return;
                              //   }
                              // });
                              // this.detail2StyleDefList=[];
                              uni.showModal({
                                 title: this.translateSys("tip"),
                                 content: this.translate(
                                    'execute_event_success'),
                                 showCancel: false,
                                 confirmText: this.translateSys("cancel")
                              });
                              //  } else if(item.action_type == "refresh"){  //刷新
                              //    var value = item.value;
                              // //刷新当前页面
                              // // location.reload();
                              // uni.redirectTo({
                              //    url:'../modal/5600?param='+JSON.stringify(this.param)+"&titlename="+this.title
                              // });
                              //  } else if(item.action_type == "prompt"){  //打开系统提示弹框
                              //    var value = '';
                              // item.value.forEach(ele=>{
                              //    if(value) value+='\n';
                              //    value+=ele;
                              // });
                              // uni.showModal({title:"系统提示",content:value,showCancel:false,confirmText:"关闭"});
                           } else if (item.action_type ==
                              "set_subtable_page_content") { //已码盘
                              $this.param.Show_Welcom_Page = false;
                              var value = item.value;
                              if (value.clear_confirm != false && value.clear ==
                                 true &&
                                 $this.detail1StyleDefList.length > 0 &&
                                 value.page_name == $this.param.Sub_Page[0]
                                 .Name
                              ) { //判断是否清空页签内容,正在码盘是否有数据
                                 uni.showModal({
                                    title: this.translateSys("tip"),
                                    content: this.translate(
                                          "are_you_sure_clear_first") +
                                       this.translateSys(
                                          "quotation_mark_left") + value
                                       .page_name + this.translateSys(
                                          "quotation_mark_right") +
                                       this.translate(
                                          "are_you_sure_clear_last"),
                                    success: function(res) {
                                       if (res.confirm) {
                                          $this.$data
                                             .detail1StyleDefList = [];
                                          $this.viewAceionContent(
                                             value);
                                       } else if (res.cancel) {
                                          $this.$data
                                             .detail1StyleDefList = [];
                                          $this.viewAceionContent(
                                             value);
                                       }
                                    }
                                 });
                              } else {
                                 if (value.page_name == $this.param.Sub_Page[
                                       0].Name) { //判断返回的action的page_name是否是待分拣
                                    $this.detail1StyleDefList = [];
                                 } else {
                                    $this.detail2StyleDefList = [];
                                 }
                                 $this.viewAceionContent(value);
                              }
                           } else if (item.action_type ==
                              "remove_subtable_page_row") { //清除面板中指定id的数据
                              var value = item.value;
                              if (value.page_name == $this.param.Sub_Page[0]
                                 .Name) { //判断返回的action的page_name是否是待分拣
                                 //清除面板中指定id的数据
                                 value.row.forEach(row => {
                                    $this.detail1StyleDefList.forEach((
                                       ele, index) => {
                                       if (ele.form.objId == row.id) {
                                          $this.$data
                                             .detail1StyleDefList
                                             .splice(index, 1);
                                       }
                                    });
                                 });
                              }
                           } else if (item.action_type == "set_subtable_page_row") {
                              $this.viewActionSetRow(item.value)
                           } else if (item.action_type == "set_subtable_page_ext_data") {
                              var value = item.value;
                              if (value.page_name == $this.param.Sub_Page[0]
                                 .Name) { //判断返回的action的page_name是否是待分拣
                                 $this.setData({
                                    detail1ExtData: value.ext_data
                                 })
                              } else if (value.page_name == $this.param.Sub_Page[1]
                                 .Name) {
                                 $this.setData({
                                    detail2ExtData: value.ext_data
                                 })
                              }
                           } else if (item.action_type == "clear_subpage_rows") {
                              var value = item.value;
                              if (value.page_name == $this.param.Sub_Page[0]
                                 .Name) { //判断返回的action的page_name是否是待分拣
                                 $this.setData({
                                    detail1StyleDefList: [],
                                    detail1ExtData: {}
                                 })
                              } else if (value.page_name == $this.param.Sub_Page[1]
                                 .Name) {
                                 $this.setData({
                                    detail2StyleDefList: [],
                                    detail2ExtData: {}
                                 })
                              }
                           } else if (item.action_type == "set_dlg_current_edit_attr") {
                              if ($this.focusOldFieldId == item.value)
                                 $this.setData({
                                    focusFieldId: ""
                                 })
                              else {
                                 $this.setData({
                                    focusFieldId: $this.focusOldFieldId
                                 })
                              }
                              $this.$nextTick(() => {
                                 $this.setData({
                                    focusFieldId: item.value
                                 })
                              });
                           } else if (item.action_type == "set_dlg_attr") {
                              // value = {"attr":"xxx", "value":"xxx"}
                              var data = item.value;
                              $this.head_styledef.form.items.forEach(async (
                                 ele, index) => {
                                 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;
                                    }
                                 });
                              });
                           }
                        });
                     } else {
                        if ($this.After_OK_Event.ID != event.ID) { //判断当前事件是否是确定后事件
                           if (type == '1') {
                              $this.sava($this.After_OK_Event); //执行确定后事件
                           } else {
                              $this.sava2($this.After_OK_Event); //执行确定后事件
                           }
                        }
                     }
                  } else {
                     // $this.detail2StyleDefList=[];
                     if (result.info) {
                        uni.showModal({
                           title: this.translateSys("tip"),
                           content: result.info,
                           showCancel: false,
                           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;
               let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
               // var tip = typeof ex == "string" ? ex : ex.errMsg;
               if (type == "1")
                  this.okLoading = false
               else if (type == "2")
                  this.ok2Loading = false
               uni.showModal({
                  title: this.translateSys("error") + "8.1",
                  content: this.translate("execute_after_ok_event_failed") + this.translateSys(
@@ -1962,6 +2754,7 @@
      .v-headStyle {
         width: 100%;
         margin-bottom: 11rpx;
      }
      .view-content {
@@ -2007,22 +2800,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;
         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;
@@ -2159,14 +2954,19 @@
      button.btn_add {
         width: 49.5%;
         padding: 20rpx;
         line-height: 1.5;
         border: none;
         font-size: 38rpx;
         font-weight: bold;
         float: right;
         color: #fff;
         display: inline-block;
      }
      button.btn_disabled {
         background-color: #ddd;
         color: #888;
      }
      .logo {
@@ -2284,6 +3084,52 @@
         width: calc(100% - 120px);
      }
      .popup-header {
         font-size: 42rpx;
         font-weight: bold;
         margin: 20rpx 20rpx 0px 20rpx;
      }
      .view_popup_CheckList {
         margin-bottom: 20rpx;
      }
      .popup-footer {
         float: right;
         position: absolute;
         bottom: 0;
         right: 20rpx;
      }
      button.btn_popup_add {
         width: 180rpx;
         margin-top: 50rpx;
         margin-right: 20rpx;
         padding: 15rpx;
         line-height: 1.5;
         background: #27A6E1;
         border: none;
         color: #fff;
         font-size: 38rpx;
         font-weight: bold;
         /* float: left; */
         display: inline-block;
      }
      button.btn_popup_cancel {
         width: 180rpx;
         margin-top: 50rpx;
         padding: 15rpx;
         line-height: 1.5;
         background: #27A6E1;
         border: none;
         color: #fff;
         font-size: 38rpx;
         font-weight: bold;
         /* float: right; */
         display: inline-block;
      }
   }
</style>