cuiqian2004
2024-06-24 dc4e312fde92237060bc23c35016f4d6b7a9187e
pages/modal/5600.vue
@@ -1,1309 +1,2026 @@
<style>
.v-headStyle:first-child{
   margin-top: 15rpx;
}
.v-headStyle .txt_title{
  font-size: 34rpx;
  text-align: right;
  display: inline-block;
  vertical-align: 12px;
}
.v-headStyle input{
   display: inline-block;
   /* border: 1px solid #d5d5d5; */
   /* width: 65%; */
   width: 85%;
   height: 52rpx;
    line-height: 34rpx;
   background: #FFF;
   border-radius: 0 !important;
   color: #2d8cf0;
   padding: 10rpx 8rpx 12rpx;
   font-size: 34rpx;
   font-family: inherit;
   box-shadow: none !important;
   transition-duration: 0.1s;
   margin-top: 4rpx;
}
.v-headStyle input::-webkit-input-placeholder {
   font-size: 12rpx;
}
.input-wrapper{
   border: 1px solid #d5d5d5;
    display: inline-block;
    width: 65%;
   line-height: 22rpx;
}
[nvue] uni-view {
    position: relative;
    border: 0 solid #000;
    box-sizing: border-box;
}
.uni-input {
   /* border: none; */
}
.uni-icon{
   /* border: 1px solid red; */
   width: 8%;
    font-family: uniicons;
    font-size: 40rpx;
    font-weight: 400;
    font-style: normal;
    /* width: 48rpx; */
    height: 48rpx;
    line-height: 48rpx;
   color: #2d8cf0;
    cursor: pointer;
    display: inline-block;
   vertical-align: 18rpx;
}
.view-content{
   min-height: 750rpx;
   /* border:1px solid red; */
}
.dv-panel{
    background-color:#efefef;
    padding: 20rpx 20rpx 4rpx 0px;
    border-radius: 12rpx;
    margin: 10rpx 0 20rpx 0;
   text-align: right;
   /* border: 1px solid red; */
}
.dv-panel-input{
   width: 100%;
    display: inline-block;
   text-align: left;
}
.dv-panel-input .dv-input{
   margin-bottom: 2rpx;
}
.dv-panel .txt_title{
  font-size: 34rpx;
  text-align: right;
  display: inline-block;
}
.dv-panel input{
   vertical-align: middle;
   display: inline-block;
   border: 1px solid #d5d5d5;
   width: 68%;
   height: 52rpx;
    line-height: 34rpx;
   background: #FFF;
   border-radius: 7px !important;
   color: #2d8cf0;
   padding: 6rpx 8rpx 8rpx;
   font-size: 32rpx;
   font-family: inherit;
   box-shadow: none !important;
   transition-duration: 0.1s;
   margin-top: 0rpx;
}
.dv-panel input::-webkit-input-placeholder {
   font-size: 10rpx;
}
.dv-panel .form-item-span{
   vertical-align: text-top;
    color: #2d8cf0;
   white-space: normal;
   word-break: break-all;
    display: inline-block;
   width: calc(100% - 100px);
}
.dv-panel-button{
   /* display: inline-block;
   margin-right: 20rpx; */
   width: 100%;
   text-align: left;
   padding-bottom: 20rpx;
}
.dv-panel-button checkbox-group {
    padding-left: 20px;
   display: inline-block;
}
.dv-panel-button button {
   text-align: left;
   line-height: 1.8;
    border: none;
   font-size: 34rpx;
   width: 180rpx;
   display: inline-block;
    float: right;
   text-align: center;
}
button.btn_cancel {
   width:49.5%;
   margin-top: 50rpx;
   padding: 20rpx;
   line-height: 1.5;
   border: none;
   font-size: 38rpx;
   font-weight: bold;
   float: left;
   display: inline-block;
}
button.btn_add {
   width:49.5%;
   margin-top: 50rpx;
   padding: 20rpx;
   line-height: 1.5;
   border: none;
   font-size: 38rpx;
   font-weight: bold;
   float: right;
   display: inline-block;
}
.logo {
   height: 100rpx;
    width: 460rpx;
    display: flex;
    margin: 38% auto;
}
.dv-border{
   border: 1px solid red;
}
.view-imagetext{
  text-align: center;
  width: 88%;
  padding: 20rpx 40rpx 0px 40rpx;
  /* border:1px solid red; */
}
.view-imagetext .view-imagetext-uploadlist {
  padding: 30rpx 0px 10rpx 0px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  border: 2rpx solid transparent;
  border-radius: 8rpx;
  overflow: hidden;
  background: #fff;
  position: relative;
  /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
  margin-right: 8rpx; */
}
.view-imagetext .txt-text{
  display: block;
  margin: 20rpx;
  font-weight: bold;
}
.view-detalist-centen{
  text-align: center;
  width: 100%;
}
.view-detalist-centen .txt-detalist{
  background: #94D5EF;
  display: block;
  width: 100%;
  font-size: 36rpx;
  line-height: 80rpx;
  font-weight: 500;
}
.panel-active{
  border:2px solid red;
}
.bk-active{
  background-color: #D6FCB2;
}
#dv_select{
   display: inline-block;
   width: 66%;
   background: #FFF;
   border-radius: 0 !important;
   color: #2d8cf0;
   /* padding: 10rpx 8rpx 12rpx; */
   font-size: 34rpx;
   font-family: inherit;
   box-shadow: none !important;
   transition-duration: 0.1s;
   margin-top: 0rpx;
   vertical-align: 20rpx;
}
#dv_select .uni-select{
   border: 2rpx solid #ccc;
   border-radius: 0 !important;
   color: #2d8cf0;
}
#dv_select .uni-select__input-text{
   color: #2d8cf0;
}
.input-disabled{
   background-color: #f3f3f3 !important;
}
</style>
<style lang="scss">
   .demo-uni-row {
      margin-bottom: 0px;
      display: block;
   }
   ::v-deep .uni-row {
      margin-bottom: 0px;
   }
   .view-tabpage ::v-deep .uni-row  {
      margin-bottom: 5px;
   }
   .demo-uni-col {
      height: 36px;
      border-radius: 5px;
   }
   .demo-uni-row .uni-input{
      width: calc(100% - 120px);
   }
</style>
<template>
   <view class="content">
   <view class="uni-page-modal-5600">
      <!-- 表头样式 -->
      <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" >
         <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
         <!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
         <uni-data-select id="dv_select" v-if="item.name=='Select'"
            :class="item.disabled?'input-disabled':''"
            v-model="item.value"
            :localdata="item.dict"
            @change="onChange(item)"
            :disabled="item.disabled"
            :clear="false"
         ></uni-data-select>
         <view class="input-wrapper" v-if="item.name=='Input' || item.name=='InputNumber'">
            <text v-if="item.setting.prefix"
               class="uni-icon"
               :class="[item.setting.prefix]"
               @click="onEnterChange(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="focusMateria"
               @focus="ontap(item)"
               @keyup.enter="onEnterChange(item)"
               @blur="onEnterChange(item)"
            />
            <text v-if="item.setting.suffix"
               class="uni-icon"
               :class="[item.setting.suffix]"
               @click="onEnterChange(item)">&#xe568;</text>
          </view>
      <view class="view-header">
         <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items">
            <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
            <!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
            <!-- <uni-data-select class="dv_select" v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''"
               v-model="item.value" :localdata="item.dict" @change="onEnterChange(item)" :disabled="item.disabled"
               :clear="false"></uni-data-select> -->
            <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'">
               <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                  @click="onEnterChange(item)">&#xe568;</text>
               <input class="uni-input" :class="item.disabled?'input-disabled':''"
                  :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)" @keyup.enter="onEnterChange(item)"
                  @blur="onEnterChange(item)" />
               <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                  @click="onEnterChange(item)">&#xe568;</text>
            </view>
         </view>
      </view>
      <view class="view-content">
         <!-- 图文/文本 -->
         <view class="view-imagetext" v-if="param.Show_Welcom_Page==true">
           <div class="view-imagetext-uploadlist">
            <image :src="param.Welcome_Page.Img"
            :style="{'width':param.Welcome_Page.Width+'px','height':param.Welcome_Page.Height+'px'}"></image>
            <text class="txt-text"
               :style="{'color':param.Welcome_Page.Txt_Color,'font-size':param.Welcome_Page.Font_Size+'px','font-family':param.Welcome_Page.Font}"
            >{{param.Welcome_Page.Text}}</Text>
           </div>
         </view>
         <!-- 码盘界面 -->
         <view v-if="param.Show_Welcom_Page==false">
         <view v-if="param.Show_Welcom_Page==false"  class="uni-panel-content">
            <!-- 页签 -->
            <view class="dv-tab">
               <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
                  styleType="button">
               </uni-segmented-control>
            </view>
            <!-- 码盘界面 -->
            <view class="view-tabpage" id="tabpanel" v-if="current==0">
               <image class="logo" v-if="detail1StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
               <!-- <div class="dv-panel">
                  <div class="dv-panel-input">
                     <div >
                        <text class="txt_title" style="width:100px">test:</text>
                        <span class="form-item-span" >1111</span>
                     </div>
                     <div >
                        <text class="txt_title" style="width:100px">test:</text>
                        <span class="form-item-span" >1111</span>
                     </div>
                     <div>
                        <uni-row class="demo-uni-row">
                           <uni-col :span="12">
                              <text class="txt_title dv-form-item-col" style="width:100px">test:</text>
                              <span class="form-item-span" >ffaaa</span>
                           </uni-col>
                           <uni-col :span="12">
                              <text class="txt_title dv-form-item-col" style="width:100px">test:</text>
                              <span class="form-item-span" >ffaaaffaaaffaaaffaaaffaaa</span>
                           </uni-col>
                        </uni-row>
                     </div>
                     <div>
                        <uni-row class="demo-uni-row">
                           <uni-col :span="12">
                              <text class="txt_title dv-form-item-col" style="width:100px">test:</text>
                              <span class="form-item-span" >fsfegfs</span>
                           </uni-col>
                           <uni-col :span="12">
                              <text class="txt_title dv-form-item-col" style="width:100px">test:</text>
                              <input type="number" class="uni-input input-margintop" style="width: calc(100% - 120px);"/>
                           </uni-col>
                        </uni-row>
                     </div>
                  </div>
                  <div class="dv-panel-button">
                     <button type="warn" @tap="delItem(0)">删除</button>
                  </div>
               </div> -->
               <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList"
                  @tap="onPanelClick(ii)"
                  :id="'tabpanel'+style.form.htmlobjId"
                  :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
                  <div class="dv-panel-input">
                     <div class="dv-input" v-for="(item,index) in style.form.items">
                        <!-- 普通布局 -->
                        <view v-if="item.name!='Layout'">
                           <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                           <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
                           <input
                              class="uni-input"
                              v-if="!item.disabled"
                              :type="item.name=='InputNumber'?'number':'text'"
                              :value="item.value"
                              :disabled="item.disabled"
                              :placeholder="item.placeholder"
                           />
                        </view>
                        <!-- 栅格布局 -->
                        <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                           <uni-col
                              :span="24 / item.setting.col"
                              v-for="(cols,key) in item.setting.colList"
                           >
                              <view v-if="cols!=null" >
                                 <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                 <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
                                 <input
                                    class="uni-input"
                                    v-if="!cols.disabled"
                                    :type="cols.name=='InputNumber'?'number':'text'"
                                    :value="cols.value"
                                    :disabled="cols.disabled"
                                    :placeholder="cols.placeholder"
                                 />
                              </view>
                           </uni-col>
                        </uni-row>
                     </div>
                   </div>
                  <div class="dv-panel-button">
                     <checkbox-group v-if="param.Sub_Page[0].Select_Button==true">
                        <label>
                           <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
                           <!-- <text></text> -->
                        </label>
                     </checkbox-group>
                     <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">保存</Button> -->
                     <button type="warn" @tap="delItem(ii)" v-if="param.Sub_Page[0].Del_Button==true">删除</button>
                  </div>
               </div>
            </view>
            <!-- 已码盘界面 -->
            <view class="view-tabpage2" v-if="current==1">
               <image class="logo" v-if="detail2StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
               <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList">
                  <div class="dv-panel-input">
                     <div v-for="(item,index) in style.form.items">
                        <!-- 普通布局 -->
                        <view v-if="item.name!='Layout'">
                           <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                           <span class="form-item-span">{{item.value}}</span>
                        </view>
                        <!-- 栅格布局 -->
                        <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                           <uni-col
                              v-for="(cols,key) in item.setting.colList"
                              :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col"
                           >
                              <view v-if="cols!=null" >
                                 <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                 <span class="form-item-span">{{cols.value}}</span>
                              </view>
                           </uni-col>
                        </uni-row>
                     </div>
                  </div>
                  <div class="dv-panel-button">
                     <checkbox-group v-if="param.Sub_Page[1].Select_Button==true">
                        <label>
                           <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
                           <!-- <text></text> -->
                        </label>
                     </checkbox-group>
                     <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">保存</Button> -->
                     <button type="warn" @tap="delDataObj(style,ii)" v-if="param.Sub_Page[1].Del_Button==true">删除</button>
                  </div>
               </div>
            </view>
            <swiper class="view-tabpage" :current="current" @change="changeSwiper">
                  <!-- 码盘界面 -->
               <swiper-item >
                  <view class="uni-panel-content">
                     <view class="view-tab-content" id="tabpanel">
                        <image class="logo" v-if="detail1StyleDefList.length==0" src="../../images/mobox_log_200x40.png">
                        </image>
                        <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList" @tap="onPanelClick(ii)"
                           :id="'tabpanel'+style.form.htmlobjId"
                           :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
                           <div class="dv-panel-input">
                              <div class="dv-input" v-for="(item,index) in style.form.items">
                                 <!-- 普通布局 -->
                                 <view v-if="item.name!='Layout'">
                                    <text class="txt_title"
                                       :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                    <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
                                    <input class="uni-input" v-if="!item.disabled"
                                       :type="item.name=='InputNumber'?'number':'text'" :value="item.value"
                                       :disabled="item.disabled" :placeholder="item.placeholder" />
                                 </view>
                                 <!-- 栅格布局 -->
                                 <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                    <uni-col :span="24 / item.setting.col" v-for="(cols,key) in item.setting.colList">
                                       <view v-if="cols!=null">
                                          <text class="txt_title"
                                             :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                          <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
                                          <input class="uni-input" v-if="!cols.disabled"
                                             :type="cols.name=='InputNumber'?'number':'text'" :value="cols.value"
                                             :disabled="cols.disabled" :placeholder="cols.placeholder" />
                                       </view>
                                    </uni-col>
                                 </uni-row>
                              </div>
                           </div>
                           <div class="dv-panel-button">
                              <checkbox-group v-if="param.Sub_Page[0].Select_Button==true">
                                 <label>
                                    <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
                                    <!-- <text></text> -->
                                 </label>
                              </checkbox-group>
                              <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">保存</Button> -->
                              <button type="warn" @tap="delItem(ii)" v-if="param.Sub_Page[0].Del_Button==true" >删除</button>
                           </div>
                        </div>
                     </view>
                     <view class="view-bottom" v-if="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>
                  </view>
               </swiper-item>
                  <!-- 已码盘界面 -->
               <swiper-item>
                  <view class="uni-panel-content">
                     <view class="view-tab-content">
                        <image class="logo" v-if="detail2StyleDefList.length==0" src="../../images/mobox_log_200x40.png">
                        </image>
                        <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList">
                           <div class="dv-panel-input">
                              <div v-for="(item,index) in style.form.items">
                                 <!-- 普通布局 -->
                                 <view v-if="item.name!='Layout'">
                                    <text class="txt_title"
                                       :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                    <span class="form-item-span">{{item.value}}</span>
                                 </view>
                                 <!-- 栅格布局 -->
                                 <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                    <uni-col v-for="(cols,key) in item.setting.colList"
                                       :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
                                       <view v-if="cols!=null">
                                          <text class="txt_title"
                                             :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                          <span class="form-item-span">{{cols.value}}</span>
                                       </view>
                                    </uni-col>
                                 </uni-row>
                              </div>
                           </div>
                           <div class="dv-panel-button">
                              <checkbox-group v-if="param.Sub_Page[1].Select_Button==true">
                                 <label>
                                    <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
                                    <!-- <text></text> -->
                                 </label>
                              </checkbox-group>
                              <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">保存</Button> -->
                              <button type="warn" @tap="delDataObj(style,ii)"
                                 v-if="param.Sub_Page[1].Del_Button==true">删除</button>
                           </div>
                        </div>
                     </view>
                     <view class="view-bottom" v-if="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>
               </swiper-item>
            </swiper>
         </view>
         <!-- 图文/文本 -->
         <view class="view-imagetext" v-if="param.Show_Welcom_Page==true">
            <div class="view-imagetext-uploadlist">
               <image :src="param.Welcome_Page.Img"
                  :style="{'width':param.Welcome_Page.Width+'px','height':param.Welcome_Page.Height+'px'}">
               </image>
               <text class="txt-text"
                  :style="{'color':param.Welcome_Page.Txt_Color,'font-size':param.Welcome_Page.Font_Size+'px','font-family':param.Welcome_Page.Font}">{{param.Welcome_Page.Text}}</Text>
            </div>
         </view>
      </view>
      <view v-if="current==0 && param.Sub_Page[0].OK_Button==true">
         <!-- <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>
         <button type="primary" @tap="ok" class="btn_add">确定</button>
      </view>
      <view v-if="current==1 && param.Sub_Page[1].OK_Button==true">
      <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>
         <button type="primary" @tap="ok2" class="btn_add">确定</button>
      </view> -->
   </view>
</template>
<script>
import Base64 from '../../components/js-base64/base64.js'
export default {
  modules:{
   Base64,
  },
  data() {
    return {
     title:'码盘',
     ClsID:'CG_Detail',
      param: {},
     focusMateria:false,
     head_styledef:{
      form:{
         items:[]
      }
     },
      detail1_styledef:{},
      detail1StyleDefList:[],
      detail2_styledef:{},
      detail2StyleDefList:[],
     // 分段器数据
     current: 0,
     Before_OK_Event:{},
      After_OK_Event:{},
     items: [],
      active_id:'',
     activelist:[],
    };
  },
  onLoad(options) {
   // console.log(options);
   uni.setNavigationBarTitle({ title: options.titlename}); //设置顶部标题
   this.$data.title = options.titlename;
   this.$data.param = JSON.parse(options.param);
   // console.log(this.$data.param);
    //获取数据类的自定义表单参数
   this.Head_UIStyleGetInfo(this.$data.ClsID,this.$data.param.Input_UI_Style.ID);
   //加载初始界面
   if(this.$data.param.Show_Welcom_Page){
     this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g,'+');
     this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
     this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
   }
   //加载Tab页签
   this.$data.items.push(this.$data.param.Sub_Page[0].Name);
   this.$data.items.push(this.$data.param.Sub_Page[1].Name);
   this.Detail1_UIstyleGetInfo(this.ClsID,this.$data.param.Sub_Page[0].UI_Style.ID);
   this.Detail2_UIstyleGetInfo(this.ClsID,this.$data.param.Sub_Page[1].UI_Style.ID);
   console.log(this.$data.param);
   //页面初始化获取焦点
   // this.focusMateria=true;
  },
  methods: {
    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) => {
                if(ele.useDict==true){ //判断useDict是否使用字典
                    await this.DictGetInfo(ele.bind.dict,index,'mast');
                }
            });
         }else{
            uni.showModal({title:"错误1",content:ret.err_msg,showCancel:false,confirmText:"取消"});
         }
      }).catch(ex=>{
         // console.log(ex);
         uni.showModal({title:"错误1.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
      });
    },
    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);
            $this.detail1_styledef.form.items.forEach(async (ele,index) => {
                if(ele.useDict==true){ //判断useDict是否使用字典
                    await this.DictGetInfo(ele.bind.dict,index,'sub');
                }
            });
         }else{
            uni.showModal({title:"错误2",content:ret.err_msg,showCancel:false,confirmText:"取消"});
         }
      }).catch(ex=>{
         // console.log(ex);
         uni.showModal({title:"错误2.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
      });
    },
    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:"错误3",content:ret.err_msg,showCancel:false,confirmText:"取消"});
         }
      }).catch(ex=>{
         // console.log(ex);
         uni.showModal({title:"错误3.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
      });
    },
   async DictGetInfo(dict,index,type){ //Mobox3得到得到字典信息字典项列表
      this.data=[];
      var $this = this;
      var dataInfo ={
         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,
                });
            });
            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);
            }
         }else{
            uni.showModal({title:"错误3.1",content:success.err_msg,showCancel:false,confirmText:"取消"});
         }
      }).catch(ex=>{
         // console.log(ex);
         uni.showModal({title:"错误3",content:ex.errMsg,showCancel:false,confirmText:"取消"});
      });
   modules: {
      Base64,
   },
   ontap(item){ //扫码功能
      // var $ele = e;
      //console.log(e.target)
      getApp().onScan((result)=>{
         console.log(result.decodedata);
         item.value = result.decodedata;
         uni.hideKeyboard();
   data() {
      return {
         title: '码盘',
         ClsID: 'CG_Detail',
         param: {},
         focusFieldId: "",
         focusOldFieldId: "",
         head_styledef: {
            form: {
               items: []
            }
         },
         detail1_styledef: {},
         detail1StyleDefList: [],
         detail2_styledef: {},
         detail2StyleDefList: [], //分页数据
         detail1ExtData: {},
         detail2ExtData: {}, //分页扩展数据
         // 分段器数据
         current: 0,
         Before_OK_Event: {},
         After_OK_Event: {},
         Before_Del_Event: {},
         After_Del_Event: {},
         items: [],
         active_id: '',
         activelist: [],
         selectAttrObj:{},
      };
   },
   onLoad(options) {
      // console.log(options);
      uni.setNavigationBarTitle({
         title: options.titlename
      }); //设置顶部标题
      this.$data.title = options.titlename;
      this.$data.param = JSON.parse(options.param);
      // console.log(this.$data.param);
      //获取数据类的自定义表单参数
      this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
      //加载初始界面
      if (this.$data.param.Show_Welcom_Page) {
         this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
         this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
         this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
      }
      //加载Tab页签
      this.$data.items.push(this.$data.param.Sub_Page[0].Name);
      this.$data.items.push(this.$data.param.Sub_Page[1].Name);
      this.Detail1_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[0].UI_Style.ID);
      this.Detail2_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[1].UI_Style.ID);
      console.log(this.$data.param);
   },
      //页面初始化获取焦点
   methods: {
      setData: function(obj) {
         let that = this;
         let keys = [];
         let val, data;
         Object.keys(obj).forEach(function(key) {
            keys = key.split(".");
            val = obj[key];
            data = that.$data;
            keys.forEach(function(key2, index) {
               if (index + 1 == keys.length) {
                  that.$set(data, key2, val);
               } else {
                  if (!data[key2]) {
                     that.$set(data, key2, {});
                  }
               }
               data = data[key2];
            });
         });
      },
      changeSwiper(evt) {
         let index = evt.target.current || evt.detail.current;
         this.setData({
            current: index
         })
      },
      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) => {
                  if (ele.useDict == true) { //判断useDict是否使用字典
                     await this.DictGetInfo(ele.bind.dict, index, 'mast');
                  }
                  if($this.focusFieldId == "")
                  {
                     if(ele.name=='Input' || ele.name=='InputNumber')
                     {
                        $this.setData({focusFieldId:ele.fieldId})
                     }
                  }
               });
            } else {
               uni.showModal({
                  title: "错误1",
                  content: ret.err_msg,
                  showCancel: false,
                  confirmText: "取消"
               });
            }
         }).catch(ex => {
            // console.log(ex);
            uni.showModal({
               title: "错误1.1",
               content: ex.errMsg,
               showCancel: false,
               confirmText: "取消"
            });
         });
      },
      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);
               $this.detail1_styledef.form.items.forEach(async (ele, index) => {
                  if (ele.useDict == true) { //判断useDict是否使用字典
                     await this.DictGetInfo(ele.bind.dict, index, 'sub');
                  }
               });
            } else {
               uni.showModal({
                  title: "错误2",
                  content: ret.err_msg,
                  showCancel: false,
                  confirmText: "取消"
               });
            }
         }).catch(ex => {
            // console.log(ex);
            uni.showModal({
               title: "错误2.1",
               content: ex.errMsg,
               showCancel: false,
               confirmText: "取消"
            });
         });
      },
      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: "错误3",
                  content: ret.err_msg,
                  showCancel: false,
                  confirmText: "取消"
               });
            }
         }).catch(ex => {
            // console.log(ex);
            uni.showModal({
               title: "错误3.1",
               content: ex.errMsg,
               showCancel: false,
               confirmText: "取消"
            });
         });
      },
      async DictGetInfo(dict, index, type) { //Mobox3得到得到字典信息字典项列表
         this.data = [];
         var $this = this;
         var dataInfo = {
            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,
                  });
               });
               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);
               }
            } else {
               uni.showModal({
                  title: "错误3.1",
                  content: success.err_msg,
                  showCancel: false,
                  confirmText: "取消"
               });
            }
         }).catch(ex => {
            // console.log(ex);
            uni.showModal({
               title: "错误3",
               content: ex.errMsg,
               showCancel: false,
               confirmText: "取消"
            });
         });
      },
      ontap(index,item) { //扫码功能
         // var $ele = e;
         //console.log(e.target)
         this.focusOldFieldId = item.fieldId
         getApp().onScan((result) => {
            console.log(result.decodedata);
            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) {
               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 (item.value) { //第一个输入框不为空
                //初始化,下个输入框focus属性
                  const curIndex =  $this.head_styledef.form.items.findIndex((ele, index2, arr) => {
                    return (ele.name=='Input' || ele.name=='InputNumber')  && index2 > index;
                  })
                  if(curIndex > -1){
                     $this.setData({focusFieldId: $this.head_styledef.form.items[curIndex].fieldId})
                  }
                  // setTimeout(function() {
                  //    uni.hideKeyboard();
                  // }, 1000);
         
         // 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){
             item.oldvalue = item.value;
               }
               // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
               //   this.onSuffixClick(onSuffixClickCallbackEvent);
               // }
               // if(onSuffixClickEvent.id){   //后图标点击回调
               //   this.onSuffixClickCallback(onSuffixClickEvent);
               // }
            }
         })
      },
      onEnterChange(item) { //回车,点击按钮,取消节点事件
         // console.log(item);
         if (item.oldvalue != item.value) {
            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 onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
            var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件
            var onSuffixClickEvent = item.bind.onSuffixClickEvent; //后图标点击回调
            var isflag = false;
             if(onChangeEvent.id){   //内容变化后事件
               $this.onChange(onChangeEvent);
             }
            if(item.value){ //第一个输入框不为空
               $this.focusMateria = true; //初始化,第二个输入框focus属性
               // setTimeout(function(){
               //    $this.focusMateria=true; //第二个输入框获取焦点
                  setTimeout(function(){
                     uni.hideKeyboard();
                  },100);
               // },500);
            if (onChangeEvent.id) { //内容变化后事件
               this.onChange(onChangeEvent);
            }
             // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
             //   this.onSuffixClick(onSuffixClickCallbackEvent);
             // }
             // if(onSuffixClickEvent.id){   //后图标点击回调
             //   this.onSuffixClickCallback(onSuffixClickEvent);
             // }
            // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
            //   this.onSuffixClick(onSuffixClickCallbackEvent);
            // }
            // if(onSuffixClickEvent.id){   //后图标点击回调
            //   this.onSuffixClickCallback(onSuffixClickEvent);
            // }
         }
      })
   },
   onEnterChange(item){ //回车,点击按钮,取消节点事件
      // console.log(item);
      if(item.oldvalue != item.value){
          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;
      },
      getDetailAttrList(list, selectButton) {
         const detailAttrList = [];
         list.forEach(style => {
            var detail_attr = {};
            style.form.items.forEach(item => {
               if (item.name == "Layout") { //判断是否是栅栏格式
                  item.setting.colList.forEach(cols => {
                     if (cols != null) detail_attr[cols.fieldId] = cols.value;
                  });
               } else
                  detail_attr[item.fieldId] = item.value;
            });
            detail_attr['id'] = style.form.objId;
            if (selectButton == true) { //判断选择按钮是否为true
               if (style.SelBut_Checked == true)
                  detailAttrList.push(detail_attr);
            } else
               detailAttrList.push(detail_attr);
         });
         // console.log(detailAttrList);
         //获取正在码盘里没有显示的字段
         list.forEach(style => {
            style.form.attrs.forEach(attr => {
               for (var key in detailAttrList) {
                  if (style.form.objId == detailAttrList[key]['id']) {
                     var keys = Object.keys(detailAttrList[key]);
                     var isflag = true;
                     keys.forEach((ele) => {
                        if (ele == attr.attr) isflag = false;
                     });
                     if (isflag) {
                        detailAttrList[attr.attr] = attr.value;
                     }
                  }
               }
            });
         });
         const jsonlist = [];
         detailAttrList.forEach(attr => {
            jsonlist.push({
               id: attr["id"]|| "",
               attrs: Object.keys(attr).map((a) => ({
                  attr: a,
                  value: attr[a] || "",
               })).filter((a)=>{return a.attr != "id"})
            });
         });
         return jsonlist;
      },
      // 内容变化后事件
      async onChange(event) {
         try {
            if (event.id) {
               //获取表头属性
               var head_attr = {};
               this.head_styledef.form.items.forEach(item => {
                  head_attr[item.fieldId] = item.value;
               });
               var obj_attr = this.head_styledef.form.model;
               // console.log(obj_attr);
               var input_param = Base64.encode(
                  JSON.stringify(
                     Object.keys(head_attr).map((a) => ({
                        attr: a,
                        value: head_attr[a] || "",
                     }))
                  )
               );
               var $this = this;
               const jsonList = []
               const itemlist1= $this.getDetailAttrList($this.detail1StyleDefList,$this.param.Sub_Page[0].Select_Button)
               const itemlist2= $this.getDetailAttrList($this.detail2StyleDefList,$this.param.Sub_Page[1].Select_Button)
               jsonList.push({page_name:$this.param.Sub_Page[0].Name,item_list:itemlist1,ext_data:$this.detail1ExtData})
               jsonList.push({page_name:$this.param.Sub_Page[1].Name,item_list:itemlist2,ext_data:$this.detail2ExtData})
               const data_json = Base64.encode(
                  JSON.stringify(jsonList)
               );
               var dataInfo = {
                  ed_type: 0,
                  start_transaction: true,
                  class_id: this.$data.head_styledef.form.clsId,
                  class_name: '',
                  event_id: event.id,
                  event_name: '',
                  data_obj_id: '',
                  obj_attr: obj_attr,
                  prj_id: '',
                  ref_cls_id: '',
                  rel_obj_id: '',
                  user_login: '',
                  data_json: data_json,
                  compose_info: '',
                  ext_info: '',
                  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) uni.showModal({
                           title: '提示',
                           content: tip,
                           showCancel: false,
                           confirmText: "取消"
                        });
                        else uni.showModal({
                           title: '提示',
                           content: tip + ',提示:' + result.ret,
                           showCancel: false,
                           confirmText: "取消"
                        });
                        return false;
                     } else {
                        var tip = result.info ? typeof result.info == 'string' ? result.info :
                           result.info.join('<br/>') : '';
                        if (tip) uni.showModal({
                           title: '提示',
                           content: tip,
                           showCancel: false,
                           confirmText: "取消"
                        });
                        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: '提示',
                                       content: '系统检测到有正在码盘中的货品,继续操作会清空,是否继续?',
                                       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: "错误4.3",
                                 content: result.info,
                                 showCancel: false,
                                 confirmText: "取消"
                              });
                           }
                        }
                     }
                  } else {
                     uni.showModal({
                        title: "错误4",
                        content: ret.err_msg,
                        showCancel: false,
                        confirmText: "取消"
                     });
                  }
               }).catch(ex => {
                  // console.log(ex);
                  uni.showModal({
                     title: "错误4.1",
                     content: ex.errMsg,
                     showCancel: false,
                     confirmText: "取消"
                  });
               });
            }
         } catch (ex) {
            var tip = typeof ex == "string" ? ex : ex.message;
            uni.showModal({
               title: "错误4.2",
               content: "执行“内容变化后”事件失败:" + tip,
               showCancel: false,
               confirmText: "取消"
            });
         }
      },
      operationNumber(value1, value2,operation){
         var number1 = 0
         var number2 =0
         if(value1)
            number1 =  parseInt(value1)
         if(value2)
            number2 =  parseInt(value2)
         if(operation == "+")
         {
            return number1 + number2
         }
         else if(operation == "-")
         {
            return number1 - number2
         }
         else if(operation == "*")
         {
            return number1 * number2
         }
         else if(operation == "/")
         {
            if(number2)
               return number1 / number2
            else
               return number1
         }
         else return number2
      },
      //更新分页签中的列表项内容
      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
         }
         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(value.page_name == $this.$data.param.Sub_Page[1].Name)
         {
            $this.setData({detail2StyleDefList:detailStyleDefList})
         }
         else if(value.page_name == $this.$data.param.Sub_Page[0].Name)
         {
             $this.setData({detail1StyleDefList:detailStyleDefList})
         }
         
          if(onChangeEvent.id){   //内容变化后事件
            this.onChange(onChangeEvent);
          }
          // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
          //   this.onSuffixClick(onSuffixClickCallbackEvent);
          // }
          // if(onSuffixClickEvent.id){   //后图标点击回调
          //   this.onSuffixClickCallback(onSuffixClickEvent);
          // }
      }
   },
   // 内容变化后事件
   async onChange(event) {
       try {
           if (event.id) {
             var obj_attr = this.head_styledef.form.model;
             // console.log(obj_attr);
             var input_param = Base64.encode(
               JSON.stringify(
                 Object.keys(obj_attr).map((a) => ({
                   attr: a,
                   value: obj_attr[a] || "",
                 }))
               )
             );
           var $this = this;
           var dataInfo={
               ed_type: 0,
      },
      //加载正在码盘内容
      viewAceionRow(data, type) {
         // console.log(data);
         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 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;
                        }
                     });
                  }
               });
            });
            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
                  });
                  // console.log(this.$data.detail1StyleDefList);
               }
            }
         });
      },
      //加载已码盘内容
      viewAceionContent(data) {
         var $this = this;
         if (data.page_name == $this.param.Sub_Page[0].Name) {
            $this.detail1ExtData = data.ext_data ||{}
         }
         else if (data.page_name == $this.param.Sub_Page[1].Name) {
            $this.detail2ExtData = data.ext_data||{}
         }
         if (JSON.stringify(data.content) == '{}') {
            return;
         }
         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 (data.page_name == $this.$data.param.Sub_Page[0].Name) { //判断返回的action的page_name是否是待分拣
               //如果 clear = false 则不需要清除,根据id判断是否存在,不存在插入到页面,如果存在用新的属性覆盖
               if (data.clear == false) {
                  var isflag = true;
                  $this.detail1StyleDefList.forEach((style, index) => {
                     if (style.form.objId == detailStyle.form.objId) {
                        cont.attrs.forEach(attr => {
                           style.form.items.forEach(ele => {
                              if (ele.name != 'Layout') {
                                 if (ele.fieldId == attr.attr) ele.value =
                                    attr.value;
                              } else if (ele.name == 'Layout') {
                                 ele.setting.colList.forEach(col => {
                                    if (col) {
                                       if (col.fieldId == attr
                                          .attr) col.value = attr
                                          .value;
                                    }
                                 });
                              }
                           });
                        });
                        isflag = false;
                     }
                  });
                  if (isflag) $this.detail1StyleDefList.push(detailStyle); //待分拣
               } else {
                  $this.detail1StyleDefList.push(detailStyle); //待分拣
               }
               $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;
                                    }
                                 });
                              }
                           });
                        });
                        isflag = false;
                     }
                  });
                  if (isflag) $this.detail2StyleDefList.push(detailStyle); //已分拣
               } else {
                  $this.detail2StyleDefList.push(detailStyle); //已分拣
               }
               // console.log($this.$data.detail2StyleDefList);
            }
         });
      },
      onClickItem(e) { //选择页签
         // console.log(e);
         this.current = e.currentIndex
      },
      onDetail1EnterChange(item) { //码盘中样式回车事件
         console.log(item);
      },
      delItem(index) { //删除码盘中样式面板
         //删除码盘中样式面板
        this.Before_Del_Event = this.param.Sub_Page[0].Before_Delete;
        this.After_Del_Event = this.param.Sub_Page[0].After_Delete;
        const style = this.detail1StyleDefList[index];
        //删除码盘中样式面板
        this.detail1StyleDefList.splice(index, 1);
        if (this.Before_Del_Event?.ID)
         //是否有删除前事件
         this.del(style, this.Before_Del_Event);
        else if (this.After_Del_Event?.ID)
         //是否有删除后事件
         this.del(style, this.After_Del_Event);
      },
      delDataObj(style, index) { //删除已码盘数
         // console.log(style);
         $this.Before_Del_Event = $this.param.Sub_Page[0].Before_Delete;
         $this.After_Del_Event = $this.param.Sub_Page[0].After_Delete;
         var $this = this;
         uni.showModal({
            title: '提示',
            content: '确定删除该已码盘数据!',
            success: function(res) {
               if (res.confirm) {
                  var objID = style.form.objId;
                  if (!style.form.objId.includes('{')) objID = '{' + style.form.objId + '}';
                  var dataInfo = {
                     class_id: style.form.clsId,
                     class_name: '',
                     obj_id: objID
                  };
                  // console.log(dataInfo);
                  $this.$store.dispatch('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: "提示",
                           content: "删除成功!",
                           showCancel: false,
                           confirmText: "取消"
                        });
                     } else {
                        uni.showModal({
                           title: "错误5",
                           content: ret.err_msg,
                           showCancel: false,
                           confirmText: "取消"
                        });
                     }
                  }).catch(ex => {
                     // console.log(ex);
                     uni.showModal({
                        title: "错误5.1",
                        content: ex.errMsg,
                        showCancel: false,
                        confirmText: "取消"
                     });
                  });
               } else if (res.cancel) {
               }
            }
         });
      },
      async del(style, event) {
     //获取表头属性
         var head_attr = {};
         this.$data.head_styledef.form.items.forEach(item => {
           head_attr[item.fieldId] = item.value;
         });
         // console.log(head_attr);
         //获取正在分拣属性
        var detailAttrList = [];
        var detail_attr={};
        style.form.items.forEach(item => {
         if(item.name == "Layout"){  //判断是否是栅栏格式
           item.setting.colList.forEach(cols => {
            if(cols!=null) detail_attr[cols.fieldId] = cols.value;
           });
         }else
           detail_attr[item.fieldId] = item.value;
        });
       detail_attr['id'] = style.form.objId;
        if($this.param.Sub_Page[0].Select_Button==true){ //判断选择按钮是否为true
         if(style.SelBut_Checked==true)
           detailAttrList.push(detail_attr);
        } else
         detailAttrList.push(detail_attr);
         // console.log(detailAttrList);
         //获取正在分拣里没有显示的字段
        style.form.attrs.forEach(attr => {
         for(var key in detailAttrList){
           if(style.form.objId == detailAttrList[key]['id']){
            var keys = Object.keys(detailAttrList[key]);
            var isflag = true;
            keys.forEach((ele) => {
               if(ele == attr.attr) isflag = false;
            });
            if(isflag) {
               detailAttrList[attr.attr] = attr.value;
            }
           }
         }
        });
         var input_param = Base64.encode(
            JSON.stringify(
              Object.keys(head_attr).map((a) => ({
               attr: a,
               value: head_attr[a] || "",
              }))
            )
         );
          var jsonlist=[];
         detailAttrList.forEach(attr=>{
            jsonlist.push({
              id:attr["id"]|| "",
              attrs: Object.keys(attr).map((a) => ({
               attr: a,
               value: attr[a] || "",
              })).filter((a)=>{return a.attr != "id"})
            });
         });
         // console.log(jsonlist);
         const list = []
         list.push({page_name:$this.param.Sub_Page[0].Name,item_list:jsonlist,ext_data:$this.detail1ExtData})
         $this.runCustomEvent(event,input_param,list,'1');
      },
      async del2(style, event) {
          //获取表头属性
         var head_attr = {};
         this.$data.head_styledef.form.items.forEach(item => {
           head_attr[item.fieldId] = item.value;
         });
         // console.log(head_attr);
         //获取已分拣属性
         var detailAttrList = [];
         var detail_attr={};
         style.form.items.forEach(item => {
         if(item.name == "Layout"){  //判断是否是栅栏格式
            item.setting.colList.forEach(cols => {
            if(cols!=null) detail_attr[cols.fieldId] = cols.value;
           });
         }else
            detail_attr[item.fieldId] = item.value;
         });
         detail_attr['id'] = style.form.objId;
         if($this.param.Sub_Page[1].Select_Button==true){ //判断选择按钮是否为true
            if(style.SelBut_Checked==true)
               detailAttrList.push(detail_attr);
         } else
            detailAttrList.push(detail_attr);
         //获取已分拣里没有显示的字段
         style.form.attrs.forEach(attr => {
            for(var key in detailAttrList){
               if(style.form.objId == detailAttrList[key]['id']){
               var keys = Object.keys(detailAttrList[key]);
               var isflag = true;
               keys.forEach((ele) => {
                 if(ele == attr.attr) isflag = false;
               });
               if(isflag) {
                 detailAttrList[attr.attr] = attr.value;
               }
              }
            }
         });
         // console.log(detailAttrList);
    //    return;
         var input_param = Base64.encode(
            JSON.stringify(
              Object.keys(head_attr).map((a) => ({
               attr: a,
               value: head_attr[a] || "",
              }))
            )
         );
         var jsonlist=[];
         detailAttrList.forEach(attr=>{
            jsonlist.push({
              id:attr["id"]|| "",
              attrs: Object.keys(attr).map((a) => ({
               attr: a,
               value: attr[a] || "",
              })).filter((a)=>{return a.attr != "id"})
            });
         });
         const list = []
         list.push({page_name:$this.param.Sub_Page[1].Name,item_list:jsonlist,ext_data:$this.detail2ExtData})
         // console.log(jsonlist);
         $this.runCustomEvent(event,input_param,list,'2');
      },
      onPanelClick(value) {
         // console.log(value);
         this.active_id = '';
         this.activelist.forEach(ele => {
            ele.active = false;
         });
         this.activelist[value].active = true;
         // console.log(this.$data.activelist);
      },
      //确定
      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);
      },
      sava(event) {
         var $this = this;
         if (this.$data.detail1StyleDefList.length == 0) {
            uni.showModal({
               title: "提示",
               content: "没有正在码盘的数据!",
               showCancel: false,
               confirmText: "取消"
            });
            return false;
         }
         //获取表头属性
         var head_attr = {};
         this.$data.head_styledef.form.items.forEach(item => {
            head_attr[item.fieldId] = item.value;
         });
         // console.log(head_attr);
         //获取正在码盘属性
         var detailAttrList = [];
         this.$data.detail1StyleDefList.forEach(style => {
            var detail_attr = {};
            style.form.items.forEach(item => {
               if (item.name == "Layout") { //判断是否是栅栏格式
                  item.setting.colList.forEach(cols => {
                     if (cols != null) detail_attr[cols.fieldId] = cols.value;
                  });
               } else
                  detail_attr[item.fieldId] = item.value;
            });
            detail_attr['id'] = style.form.objId;
            if ($this.param.Sub_Page[0].Select_Button == true) { //判断选择按钮是否为true
               if (style.SelBut_Checked == true)
                  detailAttrList.push(detail_attr);
            } else
               detailAttrList.push(detail_attr);
         });
         // console.log(detailAttrList);
         //获取正在码盘里没有显示的字段
         this.$data.detail1StyleDefList.forEach(style => {
            style.form.attrs.forEach(attr => {
               for (var key in detailAttrList) {
                  if (style.form.objId == detailAttrList[key]['id']) {
                     var keys = Object.keys(detailAttrList[key]);
                     var isflag = true;
                     keys.forEach((ele) => {
                        if (ele == attr.attr) isflag = false;
                     });
                     if (isflag) {
                        detailAttrList[attr.attr] = attr.value;
                     }
                  }
               }
            });
         });
         // console.log(detailAttrList);
         //    return;
         var input_param = Base64.encode(
            JSON.stringify(
               Object.keys(head_attr).map((a) => ({
                  attr: a,
                  value: head_attr[a] || "",
               }))
            )
         );
         var jsonlist = [];
         detailAttrList.forEach(attr => {
            jsonlist.push({
                id:attr["id"]|| "",
               attrs: Object.keys(attr).map((a) => ({
                  attr: a,
                  value: attr[a] || "",
               }))
            });
         });
         const list = []
         list.push({page_name:$this.param.Sub_Page[0].Name,item_list:jsonlist,ext_data:$this.detail1ExtData})
         // console.log(jsonlist);
         $this.runCustomEvent(event, input_param, list, '1');
         // jsonlist.forEach(async (json,key)=>{
         //    await $this.runCustomEvent(event,input_param,json,'1');
         // });
      },
      ok2() {
         this.Before_OK_Event = this.param.Sub_Page[1].Before_ok;
         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);
      },
      sava2(event) {
         var $this = this;
         if (this.$data.detail2StyleDefList.length == 0) {
            uni.showModal({
               title: "提示",
               content: "没有已码盘的数据!",
               showCancel: false,
               confirmText: "取消"
            });
            return false;
         }
         //获取表头属性
         var head_attr = {};
         this.$data.head_styledef.form.items.forEach(item => {
            head_attr[item.fieldId] = item.value;
         });
         // console.log(head_attr);
         //获取正在码盘属性
         var detailAttrList = [];
         this.$data.detail2StyleDefList.forEach(style => {
            var detail_attr = {};
            style.form.items.forEach(item => {
               if (item.name == "Layout") { //判断是否是栅栏格式
                  item.setting.colList.forEach(cols => {
                     if (cols != null) detail_attr[cols.fieldId] = cols.value;
                  });
               } else
                  detail_attr[item.fieldId] = item.value;
            });
            detail_attr['id'] = style.form.objId;
            if ($this.param.Sub_Page[1].Select_Button == true) { //判断选择按钮是否为true
               if (style.SelBut_Checked == true)
                  detailAttrList.push(detail_attr);
            } else
               detailAttrList.push(detail_attr);
         });
         // console.log(detailAttrList);
         //获取正在码盘里没有显示的字段
         this.$data.detail2StyleDefList.forEach(style => {
            style.form.attrs.forEach(attr => {
               for (var key in detailAttrList) {
                  if (style.form.objId == detailAttrList[key]['id']) {
                     var keys = Object.keys(detailAttrList[key]);
                     var isflag = true;
                     keys.forEach((ele) => {
                        if (ele == attr.attr) isflag = false;
                     });
                     if (isflag) {
                        detailAttrList[attr.attr] = attr.value;
                     }
                  }
               }
            });
         });
         // console.log(detailAttrList);
         //    return;
         var input_param = Base64.encode(
            JSON.stringify(
               Object.keys(head_attr).map((a) => ({
                  attr: a,
                  value: head_attr[a] || "",
               }))
            )
         );
         var jsonlist = [];
         detailAttrList.forEach(attr => {
            jsonlist.push({
                id:attr["id"]|| "",
               attrs: Object.keys(attr).map((a) => ({
                  attr: a,
                  value: attr[a] || "",
               }))
            });
         });
         const list = []
         list.push({page_name:$this.param.Sub_Page[1].Name,item_list:jsonlist,ext_data:$this.detail2ExtData})
         // console.log(jsonlist);
         $this.runCustomEvent(event, input_param, list, '2');
         // jsonlist.forEach(async (json,key)=>{
         //    await $this.runCustomEvent(event,input_param,json,'2');
         // });
      },
      //执行确定脚本
      async runCustomEvent(event, input_param, json, type) {
         var $this = this;
         var data_json = Base64.encode(
            JSON.stringify(json)
         );
         var dataInfo = {
            ed_type: 0,
            start_transaction: true,
               class_id: this.$data.head_styledef.form.clsId,
            class_id: this.$data.ClsID,
            class_name: '',
               event_id: event.id,
            event_id: event.ID,
            event_name: '',
            data_obj_id: '',
               obj_attr: obj_attr,
            obj_attr: '',
            prj_id: '',
            ref_cls_id: '',
            rel_obj_id: '',
            user_login: '',
            data_json: '',
            data_json: data_json,
            compose_info: '',
            ext_info: '',
            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) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
                   else uni.showModal({title:'提示',content:tip+',提示:'+result.ret,showCancel:false,confirmText:"取消"});
                  return false;
               }else{
                  var tip = result.info ? typeof result.info == 'string' ? result.info : result.info.join('<br/>') : '';
                  if (tip) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
                  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 == true && $this.$data.detail1StyleDefList.length>0 && value.page_name == $this.$data.param.Sub_Page[0].Name){ //判断是否清空页签内容,正在码盘是否有数据
                              uni.showModal({
                                 title: '提示',
                                 content: '系统检测到有正在码盘中的货品,继续操作会清空,是否继续?',
                                 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 == "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:"错误4.3",content:result.info,showCancel:false,confirmText:"取消"});
                     }
                  }
               }
              }else{
                 uni.showModal({title:"错误4",content:ret.err_msg,showCancel:false,confirmText:"取消"});
              }
           }).catch(ex=>{
              // console.log(ex);
              uni.showModal({title:"错误4.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
           });
           }
       } catch (ex) {
           var tip = typeof ex == "string" ? ex : ex.message;
         uni.showModal({title:"错误4.2",content:"执行“内容变化后”事件失败:" + tip,showCancel:false,confirmText:"取消"});
            input_param: input_param,
         };
         
       }
   },
   //加载正在码盘内容
   viewAceionRow(data,type){
      // console.log(data);
       var styleStr = JSON.stringify(this.$data.detail1_styledef);
      if(type){ //确定后脚本进入加载已码盘数据
          styleStr = JSON.stringify(this.$data.detail2_styledef);
      }else{
         if(data.page_name == this.$data.param.Sub_Page[1].Name){ //判断返回的action的page_name是否是已分拣
           styleStr = JSON.stringify(this.$data.detail2_styledef); //待分拣
         }
      }
       var detailStyle = JSON.parse(styleStr);
       data.row.attrs.forEach(attr=>{
           detailStyle.form.items.forEach(ele=>{
               if(ele.name!='Layout'){
                 if(ele.fieldId == attr.attr) ele.value = attr.value;
               } else if(ele.name=='Layout'){
                 ele.setting.colList.forEach(col=>{
                   if(col){
                     if(col.fieldId == attr.attr) col.value = attr.value;
                   }
                 });
               }
           });
       });
      if(type){ //确定后脚本进入加载已码盘数据
          detailStyle.form.objId = data.row.id;
          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是否是已分拣
             detailStyle.form.objId = data.row.id;
             this.$data.detail2StyleDefList.push(detailStyle);
             // console.log(this.$data.detail2StyleDefList);
         }else{
            detailStyle.form.htmlobjId = data.row.id?data.row.id.replace(/-/g,'').replace('{','').replace('}',''):'null';
            detailStyle.form.objId = data.row.id;
            detailStyle.form.attrs = data.row.attrs;
            this.$data.detail1StyleDefList.push(detailStyle);
             this.activelist.push({active:false});
            // console.log(this.$data.detail1StyleDefList);
         }
      }
   },
   //加载已码盘内容
   viewAceionContent(data){
      var $this = this;
       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';
           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;
                   }
                 });
               }
             });
           });
         detailStyle.form.attrs = cont.attrs;
         if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //判断返回的action的page_name是否是码盘中
           $this.$data.detail1StyleDefList.push(detailStyle); //码盘中
           $this.activelist.push({active:false});
           // console.log($this.$data.detail1StyleDefList);
         }else{
           $this.$data.detail2StyleDefList.push(detailStyle); //已码盘
         // console.log($this.$data.detail2StyleDefList);
         }
       });
   },
   onClickItem(e) { //选择页签
      // console.log(e);
      this.current = e.currentIndex
   },
   onDetail1EnterChange(item){  //码盘中样式回车事件
       console.log(item);
   },
   delItem(index){  //删除码盘中样式面板
       this.detail1StyleDefList.splice(index,1);
   },
   delDataObj(style,index){  //删除已码盘数
      // console.log(style);
     var $this = this;
     uni.showModal({
        title: '提示',
        content: '确定删除该已码盘数据!',
        success: function (res) {
           if (res.confirm) {
            var objID=style.form.objId;
            if(!style.form.objId.includes('{')) objID = '{'+style.form.objId+'}';
            var dataInfo={
               class_id:style.form.clsId,
               class_name:'',
               obj_id:objID
            };
            // console.log(dataInfo);
            $this.$store.dispatch('dataObjDel',dataInfo).then(ret=>{
               // console.log(ret);
               if (ret.err_code == 0) {
                  $this.detail2StyleDefList.splice(index,1);
                  uni.showModal({title:"提示",content:"删除成功!",showCancel:false,confirmText:"取消"});
               }else{
                  uni.showModal({title:"错误5",content:ret.err_msg,showCancel:false,confirmText:"取消"});
               }
            }).catch(ex=>{
               // console.log(ex);
               uni.showModal({title:"错误5.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
            });
           } else if (res.cancel) {
           }
        }
     });
    },
   onPanelClick(value){
      // console.log(value);
      this.active_id='';
       this.activelist.forEach(ele=>{
           ele.active = false;
       });
       this.activelist[value].active = true;
      // console.log(this.$data.activelist);
   },
   //确定
   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);
   },
   sava(event){
      var $this = this;
       if(this.$data.detail1StyleDefList.length==0){
         uni.showModal({title:"提示",content:"没有正在码盘的数据!",showCancel:false,confirmText:"取消"});
         return false;
       }
       //获取表头属性
       var head_attr = {};
       this.$data.head_styledef.form.items.forEach(item => {
         head_attr[item.fieldId] = item.value;
       });
       // console.log(head_attr);
       //获取正在码盘属性
       var detailAttrList = [];
       this.$data.detail1StyleDefList.forEach(style=>{
         var detail_attr={};
        style.form.items.forEach(item => {
           if(item.name == "Layout"){  //判断是否是栅栏格式
             item.setting.colList.forEach(cols => {
               if(cols!=null) detail_attr[cols.fieldId] = cols.value;
             });
           }else
             detail_attr[item.fieldId] = item.value;
         });
        detail_attr['id'] = style.form.objId;
        if($this.param.Sub_Page[0].Select_Button==true){ //判断选择按钮是否为true
          if(style.SelBut_Checked==true)
            detailAttrList.push(detail_attr);
        } else
          detailAttrList.push(detail_attr);
       });
       // console.log(detailAttrList);
      //获取正在码盘里没有显示的字段
      this.$data.detail1StyleDefList.forEach(style=>{
        style.form.attrs.forEach(attr => {
          for(var key in detailAttrList){
              if(style.form.objId == detailAttrList[key]['id']){
              var keys = Object.keys(detailAttrList[key]);
              var isflag = true;
              keys.forEach((ele) => {
                if(ele == attr.attr) isflag = false;
              });
              if(isflag) {
                detailAttrList[attr.attr] = attr.value;
              }
           }
          }
        });
      });
      // console.log(detailAttrList);
    //    return;
      var input_param = Base64.encode(
          JSON.stringify(
            Object.keys(head_attr).map((a) => ({
              attr: a,
              value: head_attr[a] || "",
            }))
          )
      );
       var jsonlist=[];
      detailAttrList.forEach(attr=>{
          jsonlist.push({
            id:'',
            attrs: Object.keys(attr).map((a) => ({
              attr: a,
              value: attr[a] || "",
            }))
          });
      });
      // console.log(jsonlist);
      jsonlist.forEach(async (json,key)=>{
         await $this.runCustomEvent(event,input_param,json,'1');
      });
   },
    ok2(){
        this.Before_OK_Event = this.param.Sub_Page[1].Before_ok;
        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);
    },
    sava2(event){
       var $this = this;
        if(this.$data.detail2StyleDefList.length==0){
          uni.showModal({title:"提示",content:"没有已码盘的数据!",showCancel:false,confirmText:"取消"});
          return false;
        }
        //获取表头属性
        var head_attr = {};
        this.$data.head_styledef.form.items.forEach(item => {
          head_attr[item.fieldId] = item.value;
        });
        // console.log(head_attr);
        //获取正在码盘属性
        var detailAttrList = [];
        this.$data.detail2StyleDefList.forEach(style=>{
          var detail_attr={};
         style.form.items.forEach(item => {
            if(item.name == "Layout"){  //判断是否是栅栏格式
              item.setting.colList.forEach(cols => {
                if(cols!=null) detail_attr[cols.fieldId] = cols.value;
              });
            }else
              detail_attr[item.fieldId] = item.value;
          });
         detail_attr['id'] = style.form.objId;
         if($this.param.Sub_Page[1].Select_Button==true){ //判断选择按钮是否为true
           if(style.SelBut_Checked==true)
             detailAttrList.push(detail_attr);
         } else
           detailAttrList.push(detail_attr);
        });
        // console.log(detailAttrList);
       //获取正在码盘里没有显示的字段
       this.$data.detail2StyleDefList.forEach(style=>{
         style.form.attrs.forEach(attr => {
           for(var key in detailAttrList){
              if(style.form.objId == detailAttrList[key]['id']){
               var keys = Object.keys(detailAttrList[key]);
               var isflag = true;
               keys.forEach((ele) => {
                 if(ele == attr.attr) isflag = false;
               });
               if(isflag) {
                 detailAttrList[attr.attr] = attr.value;
               }
           }
           }
         });
       });
       // console.log(detailAttrList);
     //    return;
       var input_param = Base64.encode(
           JSON.stringify(
             Object.keys(head_attr).map((a) => ({
               attr: a,
               value: head_attr[a] || "",
             }))
           )
       );
        var jsonlist=[];
       detailAttrList.forEach(attr=>{
           jsonlist.push({
             id:'',
             attrs: Object.keys(attr).map((a) => ({
               attr: a,
               value: attr[a] || "",
             }))
           });
       });
       // console.log(jsonlist);
       jsonlist.forEach(async (json,key)=>{
          await $this.runCustomEvent(event,input_param,json,'2');
       });
    },
    //执行确定脚本
    async runCustomEvent(event,input_param,json,type){
      var $this = this;
      var data_json = Base64.encode(
          JSON.stringify(json)
      );
      var dataInfo={
        ed_type: 0,
          start_transaction: true,
        class_id: this.$data.ClsID,
        class_name: '',
        event_id: event.ID,
        event_name: '',
        data_obj_id: '',
        obj_attr: '',
        prj_id: '',
        ref_cls_id: '',
        rel_obj_id: '',
        user_login: '',
        data_json: data_json,
        compose_info: '',
        ext_info: '',
        global_attr: '',
        input_param: input_param,
      };
      // 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) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
                else uni.showModal({title:'提示',content:tip+',提示:'+result.ret,showCancel:false,confirmText:"取消"});
               return false;
            }else{
               var tip = result.info ? typeof result.info == 'string' ? result.info : result.info.join('<br/>') : '';
               if (tip) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
               if(result.result_type == 0){
                 if(result.action){
                  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:"提示",content:"码盘成功",showCancel:false,confirmText:"取消"});
                   //  } 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:"关闭"});
                    }
         // 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) uni.showModal({
                     title: '提示',
                     content: tip,
                     showCancel: false,
                     confirmText: "取消"
                  });
                 }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 uni.showModal({
                     title: '提示',
                     content: tip + ',提示:' + result.ret,
                     showCancel: false,
                     confirmText: "取消"
                  });
                  return false;
               } else {
                  var tip = result.info ? typeof result.info == 'string' ? result.info : result.info
                     .join('<br/>') : '';
                  if (tip) uni.showModal({
                     title: '提示',
                     content: tip,
                     showCancel: false,
                     confirmText: "取消"
                  });
                  if (result.result_type == 0) {
                     if (result.action) {
                     //   uni.showModal({title:"提示",content:JSON.stringify(result.action),showCancel:false,confirmText:"取消"});
                        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: "提示",
                                 content: "码盘成功",
                                 showCancel: false,
                                 confirmText: "取消"
                              });
                              //  } 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: "提示",
                           content: result.info,
                           showCancel: false,
                           confirmText: "取消"
                        });
                     }
                  }
                 }
               }else{
                  // $this.$data.detail2StyleDefList=[];
                  if(result.info){
                    uni.showModal({title:"提示",content:result.info,showCancel:false,confirmText:"取消"});
                  }
               }
            } else {
               uni.showModal({
                  title: "错误8",
                  content: res.err_msg,
                  showCancel: false,
                  confirmText: "取消"
               });
            }
         }else{
            uni.showModal({title:"错误8",content:res.err_msg,showCancel:false,confirmText:"取消"});
         }
      }).catch(ex=>{
          var tip = typeof ex == "string" ? ex : ex.errMsg;
         uni.showModal({title:"错误8.1",content:"执行“确定后”事件失败:" + tip,showCancel:false,confirmText:"取消"});
      });
         }).catch(ex => {
            var tip = typeof ex == "string" ? ex : ex.errMsg;
            uni.showModal({
               title: "错误8.1",
               content: "执行“确定后”事件失败:" + tip,
               showCancel: false,
               confirmText: "取消"
            });
         });
      },
      cancel(e) { //取消
         uni.navigateBack({
            delta: 1 //返回层数,2则上上页
         });
      },
   },
   cancel(e){ //取消
      uni.navigateBack({
         delta:1 //返回层数,2则上上页
      });
   },
  },
};
</script>
<style  lang="scss">
.uni-page-modal-5600{
   display: flex;
   height: 100vh;
   width: 750rpx;
   flex-direction: column !important;
   .view-header{
      display: flex;
      width: 100%;
      flex-direction: column;
      margin-top: 15rpx;
   }
   .v-headStyle{
      width: 100%;
   }
   .view-content{
      display:flex;
      flex: 1;
      width: 100%;
      flex-direction: column;
      min-height: 100px;
   }
   .dv-tab {
      width: calc(100% - 30rpx);
      padding:0 15rpx;
   }
   .view-tabpage {
      width: 100%;
      flex: 1;
   }
   .view-tab-content{
      display:flex;
      flex: 1;
      width: calc(100% - 30rpx);
      padding:10rpx 15rpx;
      flex-direction: column;
      overflow-y: auto;
   }
   .uni-panel-content {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column !important;
   }
   .view-bottom{
      display:flex;
      flex-direction:row;
      width: calc(100% - 30rpx);
      padding:10rpx 15rpx 30rpx 15rpx;
   }
   .v-headStyle .txt_title {
      font-size: 34rpx;
      text-align: right;
      display: inline-block;
      vertical-align: 12px;
   }
   .v-headStyle input {
      display: inline-block;
      width: 85%;
      height: 52rpx;
      line-height: 34rpx;
      background: #FFF;
      border-radius: 0 !important;
      color: #2d8cf0;
      padding: 10rpx 8rpx 12rpx;
      font-size: 34rpx;
      font-family: inherit;
      box-shadow: none !important;
      transition-duration: 0.1s;
      margin-top: 4rpx;
   }
   .v-headStyle input::-webkit-input-placeholder {
      font-size: 12rpx;
   }
   .input-wrapper {
      border: 1px solid #d5d5d5;
      display: inline-block;
      width: 65%;
      line-height: 22rpx;
   }
   [nvue] uni-view {
      position: relative;
      border: 0 solid #000;
      box-sizing: border-box;
   }
   .uni-input {
      /* border: none; */
   }
   .uni-icon {
      /* border: 1px solid red; */
      width: 8%;
      font-family: uniicons;
      font-size: 40rpx;
      font-weight: 400;
      font-style: normal;
      /* width: 48rpx; */
      height: 48rpx;
      line-height: 48rpx;
      color: #2d8cf0;
      cursor: pointer;
      display: inline-block;
      vertical-align: 18rpx;
   }
   .dv-panel {
      background-color: #efefef;
      padding: 20rpx 20rpx 4rpx 0px;
      border-radius: 12rpx;
      margin: 10rpx 0 20rpx 0;
      text-align: right;
      /* border: 1px solid red; */
   }
   .dv-panel-input {
      width: 100%;
      display: inline-block;
      text-align: left;
   }
   .dv-panel-input .dv-input {
      margin-bottom: 2rpx;
   }
   .dv-panel .txt_title {
      font-size: 34rpx;
      text-align: right;
      display: inline-block;
   }
   .dv-panel input {
      vertical-align: middle;
      display: inline-block;
      border: 1px solid #d5d5d5;
      width: 68%;
      height: 52rpx;
      line-height: 34rpx;
      background: #FFF;
      border-radius: 7px !important;
      color: #2d8cf0;
      padding: 6rpx 8rpx 8rpx;
      font-size: 32rpx;
      font-family: inherit;
      box-shadow: none !important;
      transition-duration: 0.1s;
      margin-top: 0rpx;
   }
   .dv-panel input::-webkit-input-placeholder {
      font-size: 10rpx;
   }
   .dv-panel .form-item-span {
      vertical-align: text-top;
      color: #2d8cf0;
      white-space: normal;
      word-break: break-all;
      display: inline-block;
      width: calc(100% - 100px);
   }
   .dv-panel-button {
      /* display: inline-block;
   margin-right: 20rpx; */
      width: 100%;
      text-align: left;
      padding-bottom: 20rpx;
   }
   .dv-panel-button checkbox-group {
      padding-left: 20px;
      display: inline-block;
   }
   .dv-panel-button button {
      text-align: left;
      line-height: 1.8;
      border: none;
      font-size: 34rpx;
      width: 180rpx;
      display: inline-block;
      float: right;
      text-align: center;
   }
   button.btn_cancel {
      width: 49.5%;
      padding: 20rpx;
      line-height: 1.5;
      border: none;
      font-size: 38rpx;
      font-weight: bold;
      float: left;
      display: inline-block;
   }
   button.btn_add {
      width: 49.5%;
      padding: 20rpx;
      line-height: 1.5;
      border: none;
      font-size: 38rpx;
      font-weight: bold;
      float: right;
      display: inline-block;
   }
   .logo {
      height: 100rpx;
      width: 460rpx;
      display: flex;
      margin: 38% auto;
   }
   .dv-border {
      border: 1px solid red;
   }
   .view-imagetext {
      text-align: center;
      width: calc(100% - 80rpx);
      padding: 20rpx 40rpx 0px 40rpx;
      height:calc(100% - 30rpx);
      overflow: hidden;
   }
   .view-imagetext .view-imagetext-uploadlist {
      padding: 30rpx 0px 10rpx 0px;
      vertical-align: middle;
      display: inline-block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 100%;
      border: 2rpx solid transparent;
      border-radius: 8rpx;
      overflow: hidden;
      background: #fff;
      position: relative;
      /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
  margin-right: 8rpx; */
   }
   .view-imagetext .txt-text {
      display: block;
      margin: 20rpx;
      font-weight: bold;
   }
   .view-detalist-centen {
      text-align: center;
      width: 100%;
   }
   .view-detalist-centen .txt-detalist {
      background: #94D5EF;
      display: block;
      width: 100%;
      font-size: 36rpx;
      line-height: 80rpx;
      font-weight: 500;
   }
   .panel-active {
      border: 2px solid red;
   }
   .bk-active {
      background-color: #D6FCB2;
   }
   .dv_select {
      display: inline-block;
      width: 66%;
      background: #FFF;
      border-radius: 0 !important;
      color: #2d8cf0;
      /* padding: 10rpx 8rpx 12rpx; */
      font-size: 34rpx;
      font-family: inherit;
      box-shadow: none !important;
      transition-duration: 0.1s;
      margin-top: 0rpx;
      vertical-align: 20rpx;
   }
   .dv_select .uni-select {
      border: 2rpx solid #ccc;
      border-radius: 0 !important;
      color: #2d8cf0;
   }
   .dv_select .uni-select__input-text {
      color: #2d8cf0;
   }
   .input-disabled {
      background-color: #f3f3f3 !important;
   }
   .demo-uni-row {
      margin-bottom: 0px;
      display: block;
   }
   ::v-deep .uni-row {
      margin-bottom: 0px;
   }
   .view-tabpage ::v-deep .uni-row {
      margin-bottom: 5px;
   }
   .demo-uni-col {
      height: 36px;
      border-radius: 5px;
   }
   .demo-uni-row .uni-input {
      width: calc(100% - 120px);
   }
}
</style>