3200功能点HTML页面显示样式列表样式的菱形样式改进

jt

2024-03-25 ca2af88ae27813fae3e2ed09ac13fa8985463e1b

 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="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"
               :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;
@@ -705,21 +806,16 @@
                        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){ //判断是否清空页签内容,正在码盘是否有数据
                           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.$data.detail2StyleDefList=[];
                                      $this.viewAceionContent(value);
                                    } else if (res.cancel) {
                                      if(value.page_name == $this.$data.param.Sub_Page[0].Name){ //判断返回的action的page_name是否是待分拣
                                       $this.$data.detail1StyleDefList=[];
                                      }else{
                                       $this.$data.detail2StyleDefList=[];
                                      }
                                      $this.$data.detail1StyleDefList=[];
                                      $this.viewAceionContent(value);
                                    }
                                 }