test

jt

2024-06-11 25771d625083b441b1c92974dc6d26215e8c2fea

 pages/modal/5600.vue

@@ -62,7 +62,7 @@
   /* border:1px solid red; */
}
.dv-panel{
    background-color:#EAFED9;
    background-color:#efefef;
    padding: 20rpx 20rpx 4rpx 0px;
    border-radius: 12rpx;
    margin: 10rpx 0 20rpx 0;
@@ -73,6 +73,9 @@
   width: 100%;
    display: inline-block;
   text-align: left;
}
.dv-panel-input .dv-input{
   margin-bottom: 2rpx;
}
.dv-panel .txt_title{
  font-size: 34rpx;
@@ -207,6 +210,31 @@
.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 {
@@ -234,14 +262,24 @@
      <!-- 表头样式 -->
      <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>
         <view class="input-wrapper">
         <!-- 下拉框-单选 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="onEnterChange(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"
               :type="item.name=='Input'?'text':'text'" 
               :class="item.disabled?'input-disabled':''"
               :type="item.name=='Input'?'text':'number'" 
               v-model="item.value"
               :disabled="item.disabled"
               :placeholder="item.placeholder"
@@ -323,9 +361,9 @@
                  :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 v-for="(item,index) in style.form.items">
                     <div class="dv-input" v-for="(item,index) in style.form.items">
                        <!-- 普通布局 -->
                        <view v-if="item.name=='Input'">
                        <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
@@ -496,7 +534,11 @@
            $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:"取消"});
         }
@@ -529,7 +571,11 @@
            // 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:"取消"});
         }
@@ -568,6 +614,61 @@
      });
        
    },
   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(item){ //扫码功能
      // var $ele = e;
@@ -614,7 +715,7 @@
               //    $this.focusMateria=true; //第二个输入框获取焦点
                  setTimeout(function(){
                     uni.hideKeyboard();
                  },100);
                  },1000);
               // },500);
            }
             // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
@@ -790,50 +891,57 @@
   //加载正在码盘内容
   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(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);
            }
         }
       });
      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;
      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是否是码盘中
@@ -843,6 +951,7 @@
         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'){
@@ -856,13 +965,60 @@
               }
             });
           });
         detailStyle.form.attrs = cont.attrs;
         if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //判断返回的action的page_name是否是码盘中
           $this.$data.detail1StyleDefList.push(detailStyle); //码盘中
         if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //判断返回的action的page_name是否是待分拣
           //如果 clear = false 则不需要清除，根据id判断是否存在，不存在插入到页面，如果存在用新的属性覆盖
           if(data.clear == false){ 
             var isflag = true;
             $this.detail1StyleDefList.forEach((style,index)=>{
               if(style.form.objId == detailStyle.form.objId){
                 cont.attrs.forEach(attr=>{
                   style.form.items.forEach(ele=>{ 
                     if(ele.name!='Layout'){
                       if(ele.fieldId == attr.attr) ele.value = attr.value;
                     } else if(ele.name=='Layout'){
                       ele.setting.colList.forEach(col=>{
                         if(col){
                           if(col.fieldId == attr.attr) col.value = attr.value;
                         }
                       });
                     }
                   });
                 });
                 isflag = false;
               }
             });
             if(isflag) $this.detail1StyleDefList.push(detailStyle); //待分拣
           }else{
             $this.detail1StyleDefList.push(detailStyle); //待分拣
           }
           $this.activelist.push({active:false});
           // console.log($this.$data.detail1StyleDefList);
         }else{
           $this.$data.detail2StyleDefList.push(detailStyle); //已码盘
           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);
         }
       });