From 6be7369a96ac84bbc5dc95f792a180d7b86cc89a Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期二, 11 六月 2024 18:04:24 +0800 Subject: [PATCH] 5600 --- pages/modal/5600.vue | 281 +++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 217 insertions(+), 64 deletions(-) diff --git a/pages/modal/5600.vue b/pages/modal/5600.vue index b8d1872..b492945 100644 --- a/pages/modal/5600.vue +++ b/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)"></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){ //鍚庡浘鏍囩偣鍑讳簨浠�@@ -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){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,姝e湪鐮佺洏鏄惁鏈夋暟鎹�+ if(value.clear == true && $this.$data.detail1StyleDefList.length>0 && value.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,姝e湪鐮佺洏鏄惁鏈夋暟鎹� uni.showModal({ title: '鎻愮ず', content: '绯荤粺妫�祴鍒版湁姝e湪鐮佺洏涓殑璐у搧锛岀户缁搷浣滀細娓呯┖锛屾槸鍚︾户缁紵', 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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞 - $this.$data.detail1StyleDefList=[]; - }else{ - $this.$data.detail2StyleDefList=[]; - } + $this.$data.detail1StyleDefList=[]; $this.viewAceionContent(value); } } @@ -795,50 +891,57 @@ //鍔犺浇姝e湪鐮佺洏鍐呭 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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_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){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄爜鐩樹腑 @@ -848,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'){ @@ -861,13 +965,60 @@ } }); }); - detailStyle.form.attrs = cont.attrs; - if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄爜鐩樹腑 - $this.$data.detail1StyleDefList.push(detailStyle); //鐮佺洏涓�+ if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞 + //濡傛灉 clear = false 鍒欎笉闇�娓呴櫎锛屾牴鎹甶d鍒ゆ柇鏄惁瀛樺湪锛屼笉瀛樺湪鎻掑叆鍒伴〉闈紝濡傛灉瀛樺湪鐢ㄦ柊鐨勫睘鎬ц鐩�+ 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 鍒欎笉闇�娓呴櫎锛屾牴鎹甶d鍒ゆ柇鏄惁瀛樺湪锛屼笉瀛樺湪鎻掑叆鍒伴〉闈紝濡傛灉瀛樺湪鐢ㄦ柊鐨勫睘鎬ц鐩�+ 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); } }); @@ -1010,9 +1161,10 @@ }); }); // console.log(jsonlist); - jsonlist.forEach(async (json,key)=>{ - await $this.runCustomEvent(event,input_param,json,'1'); - }); + $this.runCustomEvent(event,input_param,jsonlist,'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; @@ -1095,9 +1247,10 @@ }); }); // console.log(jsonlist); - jsonlist.forEach(async (json,key)=>{ - await $this.runCustomEvent(event,input_param,json,'2'); - }); + $this.runCustomEvent(event,input_param,jsonlist,'2'); + // jsonlist.forEach(async (json,key)=>{ + // await $this.runCustomEvent(event,input_param,json,'2'); + // }); }, //鎵ц纭畾鑴氭湰 async runCustomEvent(event,input_param,json,type){ -- Gitblit v1.9.1