jt
2024-01-29 2ffd3fc56f81f08ec3dcfb50076e54542685725b
pages/modal/5600.vue
@@ -137,13 +137,53 @@
   display: inline-block;
}
.logo {
   height: 50px;
    width: 230px;
   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;
}
</style>
<style lang="scss">
@@ -164,6 +204,7 @@
   .demo-uni-row .uni-input{
      width: calc(100% - 120px);
   }
</style>
@@ -197,59 +238,164 @@
          </view>
      </view>
      <view class="view-content">
         <!-- 页签 -->
         <view class="dv-tab">
            <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
               styleType="button">
            </uni-segmented-control>
         <!-- 图文/文本 -->
         <view class="view-imagetext" v-if="pageType=='img_msg' || pageType=='msg'">
           <div class="view-imagetext-uploadlist" :style="{'background-color':page.Bk_Color}">
            <!-- 图文 -->
            <image :src="page.Img" :style="{'width':page.Width+'px','height':page.Height+'px'}" v-if="pageType=='img_msg'"></image>
            <!-- 图文/文本 -->
            <text class="txt-text"
               :style="{'color':page.Txt_Color,'font-size':page.Font_Size,'font-family':page.Font}"
            >{{page.Text}}</Text>
           </div>
         </view>
         <!-- 正在码盘 -->
         <view class="view-tabpage" v-if="current==0">
         <!-- 多页签数据列表 -->
         <view v-if="pageType=='mulit_page_datalist'">
            <!-- 页签 -->
            <view class="dv-tab">
               <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
                  styleType="button">
               </uni-segmented-control>
            </view>
            <!-- 1#页签 -->
            <view class="view-tabpage" 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">
                  <div class="dv-panel-input">
                     <div v-for="(item,index) in style.form.items">
                        <!-- 普通布局 -->
                        <view v-if="item.name=='Input'">
                           <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="page.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="page.Page[0].OK_Button==true">保存</Button>
                     <button type="warn" @tap="delItem(ii)" v-if="page.Page[0].Del_Button==true">删除</button>
                  </div>
               </div>
            </view>
            <!-- 2#页签 -->
            <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
                              :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">{{cols.value}}</span>
                              </view>
                           </uni-col>
                        </uni-row>
                     </div>
                  </div>
                  <div class="dv-panel-button">
                     <checkbox-group v-if="page.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="page.Page[1].OK_Button==true">保存</Button>
                     <button type="warn" @tap="delDataObj(style,ii)" v-if="page.Page[1].Del_Button==true">删除</button>
                  </div>
               </div>
            </view>
         </view>
         <!-- 单数据列表 -->
         <view class="view-detalist-centen" v-if="pageType=='datalist'">
             <text class="txt-detalist">{{page.Page_Name}}</Text>
            <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">
                <div class="dv-panel-input">
                    <div v-for="(item,index) in style.form.items">
                        <!-- 普通布局 -->
               <div class="dv-panel-input">
                  <div v-for="(item,index) in style.form.items">
                     <!-- 普通布局 -->
                     <view v-if="item.name=='Input'">
                        <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                        <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
@@ -262,7 +408,7 @@
                           :placeholder="item.placeholder"
                        />
                     </view>
                        <!-- 栅格布局 -->
                     <!-- 栅格布局 -->
                     <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                        <uni-col 
                           :span="24 / item.setting.col"
@@ -282,40 +428,17 @@
                           </view>
                        </uni-col>
                     </uni-row>
                    </div>
                 </div>
                <div class="dv-panel-button">
                  <button type="warn" @tap="delItem(0)">删除</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
                           :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">{{cols.value}}</span>
                           </view>
                        </uni-col>
                     </uni-row>
                    </div>
                </div>
                  </div>
                </div>
               <div class="dv-panel-button">
                   <button type="warn" @tap="delDataObj(style,ii)">删除</button>
                  <checkbox-group v-if="page.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="page.OK_Button==true">保存</Button>
                  <button type="warn" @tap="delItem(ii)" v-if="page.Del_Button==true">删除</button>
               </div>
            </div>
         </view>
@@ -349,7 +472,11 @@
      detail2StyleDefList:[],
     // 分段器数据
     current: 0,
     items: ['正在码盘', '已码盘'],
     pageType:'',
     page:{},
     Before_OK_Event:{},
      After_OK_Event:{},
     items: [],
    };
  },
  onLoad(options) {
@@ -357,10 +484,33 @@
   uni.setNavigationBarTitle({ title: options.titlename}); //设置顶部标题 
   this.$data.param = JSON.parse(options.param);
   // console.log(this.$data.param);
    //获取CG_Detail(托盘货品表)数据类的自定义表单参数
   this.Head_UIStyleGetInfo('CG_Detail',this.$data.param.Head_Panel_Style.ID);
   this.Detail1_UIstyleGetInfo('CG_Detail',this.$data.param.Detail_List_Panel1_Style.ID);
   this.Detail2_UIstyleGetInfo('CG_Detail',this.$data.param.Detail_List_Panel2_Style.ID);
    //获取数据类的自定义表单参数
   this.Head_UIStyleGetInfo(this.$data.param.Cls.ID,this.$data.param.Grid_Style.ID);
   var $this = this;
   //加载初始界面
   this.$data.param.Page_Def.forEach(async ele=>{
   if($this.$data.param.Start_Page == ele.Name){
      if(ele.Type=="img_msg"){  //图文
         ele.Img = ele.Img.replace(/ /g,'+');
         ele.Width = parseInt(ele.Width);
         ele.Height = parseInt(ele.Height);
      } else if(ele.Type=="msg"){   //文本
      } else if(ele.Type=="mulit_page_datalist"){   //多页签数据列表
         $this.$data.items.push(ele.Page[0].Name);
         $this.$data.items.push(ele.Page[1].Name);
         await $this.Detail1_UIstyleGetInfo(ele.Page[0].Cls.ID,ele.Page[0].UI_Style.ID);
         await $this.Detail2_UIstyleGetInfo(ele.Page[1].Cls.ID,ele.Page[1].UI_Style.ID);
      } else if(ele.Type=="datalist"){   //单数据列表
         await $this.Detail1_UIstyleGetInfo(ele.Cls.ID,ele.UI_Style.ID);
      }
      $this.$data.pageType = ele.Type;
      $this.$data.page = ele;
      console.log(this.page);
   }
   });
   // this.Detail1_UIstyleGetInfo('CG_Detail',this.$data.param.Detail_List_Panel1_Style.ID);
   // this.Detail2_UIstyleGetInfo('CG_Detail',this.$data.param.Detail_List_Panel2_Style.ID);
   //页面初始化获取焦点
   // this.focusMateria=true; 
  },   
@@ -411,6 +561,7 @@
                 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 = false;
            // console.log($this.$data.detail1_styledef);
            // $this.$data.detail1StyleDefList.push($this.$data.detail1_styledef);
            // let aa = JSON.stringify(this.detail1_styledef);
@@ -443,6 +594,7 @@
                 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 = false;
            // console.log($this.$data.detail2_styledef);
            
         }else{
@@ -462,8 +614,8 @@
         console.log(result.decodedata);
         item.value = result.decodedata;
         uni.hideKeyboard();
         var $this = this;
         console.log(item);
         if(item.oldvalue != item.value){
             item.oldvalue = item.value;
@@ -569,7 +721,8 @@
                        if(item.action_type == "insert_subtable_page_row"){ //码盘中
                           var value = item.value;
                           $this.viewAceionRow(value);
                        } else if(item.action_type == "set_subtable_page_content"){  //已码盘
                        }
                        else if(item.action_type == "set_subtable_page_content"){  //已码盘
                           var value = item.value;
                           if(value.clear == true && $this.$data.detail1StyleDefList.length>0){ //判断是否清空页签内容,正在码盘是否有数据
                              uni.showModal({
@@ -590,7 +743,26 @@
                              $this.$data.detail2StyleDefList=[];
                              $this.viewAceionContent(value);
                           }
                        }
                        }
                        else if(item.action_type == "show_page"){  //显示界面
                           var value = item.value;
                           $this.$data.param.Page_Def.forEach(async ele=>{
                             if(value == ele.Name){ //判断脚本指定的界面名称是否相同
                              if(ele.Type=="img_msg"){
                                ele.Width = parseInt(ele.Width);
                                ele.Height = parseInt(ele.Height);
                              } else if(ele.Type=="msg"){
                              } else if(ele.Type=="mulit_page_datalist"){
                                await $this.Detail1_UIstyleGetInfo(ele.Page[0].Cls.ID,ele.Page[0].UI_Style.ID);
                                await $this.Detail2_UIstyleGetInfo(ele.Page[1].Cls.ID,ele.Page[1].UI_Style.ID);
                              } else if(ele.Type=="datalist"){
                                await $this.Detail1_UIstyleGetInfo(ele.Cls.ID,ele.UI_Style.ID);
                              }
                              $this.pageType = ele.Type;
                              $this.page = ele;//转载指定界面style
                             }
                           });
                          }
                     });
                  }else{
                     // this.detail2StyleDefList=[];
@@ -675,10 +847,18 @@
   onDetail1EnterChange(item){  //码盘中样式回车事件
       console.log(item);
   },
   savaItem(index){  //保存码盘中样式面板
       // this.detail1StyleDefList.splice(index,1);
      uni.showModal({title:"提示",content:"保存功能暂时无法使用!",showCancel:false,confirmText:"取消"});
   },
   delItem(index){  //删除码盘中样式面板
       this.detail1StyleDefList.splice(index,1);
   },
    delDataObj(style,index){  //删除已码盘数
    savaDataObj(style,index){  //保存已码盘数
        // this.detail1StyleDefList.splice(index,1);
       uni.showModal({title:"提示",content:"保存功能暂时无法使用!",showCancel:false,confirmText:"取消"});
    },
   delDataObj(style,index){  //删除已码盘数
      // console.log(style);
     var $this = this;
     uni.showModal({
@@ -716,14 +896,29 @@
      
    },
   
   ok(){ //确定
      // var $this = this;
      // console.log(this.$data.param.Before_OK_Event);
    //    console.log(this.$data.param.After_OK_Event);
       if(this.$data.param.Before_OK_Event) //是否有确定前事件
           this.sava(this.$data.param.Before_OK_Event);
       else if(this.$data.param.After_OK_Event)  //是否有确定后事件
           this.sava(this.$data.param.After_OK_Event);
   //确定
   ok(){
      var $this = this;
      this.$data.param.Page_Def.forEach(async ele=>{
         if($this.pageType == ele.Type){
           if(ele.Type=="img_msg"){
           } else if(ele.Type=="msg"){
           } else if(ele.Type=="mulit_page_datalist"){
            $this.Before_OK_Event = ele.Page[1].Before_ok.ID;
            $this.After_OK_Event = ele.Page[1].After_OK_Event.ID;
           } else if(ele.Type=="datalist"){
            $this.Before_OK_Event = ele.Before_ok.ID;
            $this.After_OK_Event = ele.After_OK_Event.ID;
           }
         }
      });
      // console.log(this.Before_OK_Event);
      // console.log(this.After_OK_Event);
       if(this.$data.Before_OK_Event) //是否有确定前事件
           this.sava(this.$data.Before_OK_Event);
       else if(this.$data.After_OK_Event)  //是否有确定后事件
           this.sava(this.$data.After_OK_Event);
   },
   sava(event){
      var $this = this;
@@ -749,7 +944,15 @@
           }else
             detail_attr[item.fieldId] = item.value;
         });
         detailAttrList.push(detail_attr);
        //判断类型是否为多页签数据列表/单数据列表
        if($this.pageType=='mulit_page_datalist' || $this.pageType=='datalist'){
          if($this.page.Page[0].Select_Button==true){ //判断选择按钮是否为true
            if(style.SelBut_Checked==true)
              detailAttrList.push(detail_attr);
          } else
            detailAttrList.push(detail_attr);
        } else
            detailAttrList.push(detail_attr);
       });
       // console.log(detailAttrList);
      //获取正在码盘里没有显示的字段
@@ -803,7 +1006,7 @@
          start_transaction: true,
        class_id: this.$data.head_styledef.form.clsId,
        class_name: '',
        event_id: this.$data.param.After_OK_Event.ID,
        event_id: event.ID,
        event_name: '',
        data_obj_id: '',
        obj_attr: '',
@@ -858,8 +1061,8 @@
                    }
                  });
                 }else{
                  if($this.$data.param.After_OK_Event.ID != event.ID){ //判断当前事件是否是确定后事件
                     $this.sava($this.$data.param.After_OK_Event); //执行确定后事件
                  if($this.$data.After_OK_Event.ID != event.ID){ //判断当前事件是否是确定后事件
                     $this.sava($this.$data.After_OK_Event); //执行确定后事件
                  }
                 }
               }else{