From c380a8d6e114ff623832d2b34fca52b10537a1d0 Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期五, 14 六月 2024 17:03:22 +0800 Subject: [PATCH] 5600 onchange run +json --- pages/modal/5602.vue | 360 +++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 320 insertions(+), 40 deletions(-) diff --git a/pages/modal/5602.vue b/pages/modal/5602.vue index 1090b40..a79daba 100644 --- a/pages/modal/5602.vue +++ b/pages/modal/5602.vue @@ -1,4 +1,7 @@ <style> +.v-headStyle:first-child{ + margin-top: 15rpx; +} .v-headStyle .txt_title{ font-size: 34rpx; text-align: right; @@ -62,13 +65,16 @@ background-color:#efefef; padding: 20rpx 20rpx 4rpx 0px; border-radius: 12rpx; - margin-bottom: 20rpx; + margin: 10rpx 0 20rpx 0; text-align: right; } .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; @@ -233,14 +239,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" @@ -283,9 +299,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 @@ -415,6 +431,7 @@ 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); //鑾峰彇鏁版嵁绫荤殑鑷畾涔夎〃鍗曞弬鏁�@@ -437,6 +454,28 @@ // this.focusMateria=true; }, 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]; + }); + }); + }, + async Head_UIStyleGetInfo(class_id,style_id){ //鑾峰彇鑷畾涔夎〃鍗曟牱寮� var $this = this; var dataInfo={ @@ -456,11 +495,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.head_styledef.form.items.forEach(async (ele,index) => { - // if(ele.useDict==true){ //鍒ゆ柇useDict鏄惁浣跨敤瀛楀吀 - // await this.DictGetInfo(ele.bind.dict,index,'mast'); - // } - // }); + $this.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:"鍙栨秷"}); } @@ -493,11 +532,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'); - // } - // }); + $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:"鍙栨秷"}); } @@ -565,6 +604,9 @@ $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.$data.detail1StyleDefList); } else{ @@ -574,21 +616,23 @@ $this.detail1_styledef.form.model[attr] = itemName; } $this.detail1_styledef.form.items[index].dict=list; - console.log($this.$data.detail1_styledef); + 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:"閿欒1.2",content:success.err_msg,showCancel:false,confirmText:"鍙栨秷"}); + uni.showModal({title:"閿欒9.1",content:success.err_msg,showCancel:false,confirmText:"鍙栨秷"}); } }).catch(ex=>{ // console.log(ex); - uni.showModal({title:"閿欒1.3",content:ex.errMsg,showCancel:false,confirmText:"鍙栨秷"}); + uni.showModal({title:"閿欒9",content:ex.errMsg,showCancel:false,confirmText:"鍙栨秷"}); }); }, ontap(item){ //鎵爜鍔熻兘 // var $ele = e; - //console.log(e.target) getApp().onScan((result)=>{ console.log(result.decodedata); item.value = result.decodedata; @@ -614,7 +658,7 @@ // $this.focusMateria=true; //绗簩涓緭鍏ユ鑾峰彇鐒︾偣 setTimeout(function(){ uni.hideKeyboard(); - },100); + },1000); // },500); } // if(onSuffixClickCallbackEvent.id){ //鍚庡浘鏍囩偣鍑讳簨浠�@@ -648,10 +692,63 @@ // } } }, + 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){ //鍒ゆ柇閫夋嫨鎸夐挳鏄惁涓簍rue + 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:'', + attrs: Object.keys(attr).map((a) => ({ + attr: a, + value: attr[a] || "", + })) + }); + }); + return jsonlist; + }, + // 鍐呭鍙樺寲鍚庝簨浠� async onChange(event) { try { if (event.id) { + var obj_attr = this.head_styledef.form.model; // console.log(obj_attr); var input_param = Base64.encode( @@ -663,6 +760,14 @@ ) ); var $this = this; + const jsonList = [] + jsonList.push({page_name:$this.param.Sub_Page[0].Name,item_list:[]}) + jsonList.push({page_name:$this.param.Sub_Page[1].Name,item_list:[]}) + jsonList[0].item_list= $this.getDetailAttrList($this.detail1StyleDefList,$this.param.Sub_Page[0].Select_Button) + jsonList[1].item_list= $this.getDetailAttrList($this.detail2StyleDefList,$this.param.Sub_Page[1].Select_Button) + const data_json = Base64.encode( + JSON.stringify(jsonList) + ); var dataInfo={ ed_type: 0, start_transaction: '', @@ -676,7 +781,7 @@ ref_cls_id: '', rel_obj_id: '', user_login: '', - data_json: '', + data_json: data_json, compose_info: '', ext_info: '', global_attr: '', @@ -690,7 +795,7 @@ 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 + 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:"鍙栨秷"}); @@ -705,21 +810,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: '绯荤粺妫�祴鍒版湁寰呭垎鎷d腑鐨勮揣鍝侊紝缁х画鎿嶄綔浼氭竻绌猴紝鏄惁缁х画锛�, + content: '绯荤粺妫�祴鍒版湁寰呭垎鎷d腑鐨勬暟鎹紝缁х画鎿嶄綔浼氭竻绌猴紝鏄惁缁х画锛�, 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); } } @@ -758,6 +858,52 @@ } }); } + else if(item.action_type == "set_subtable_page_row"){ + // value = {"page_name":"鐮佺洏涓�, "row":[{"id":"xx"}]} + var value = item.value; + 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}) + } + } else if(item.action_type == "set_dlg_attr"){ // value = {"attr":"xxx", "value":"xxx"} var data = item.value; @@ -792,9 +938,35 @@ } }, + operationNumber(value1, value2,operation){ + if(operation == "+") + { + return value1 + value2 + } + else if(operation == "-") + { + return value1 - value2 + } + else if(operation == "*") + { + return value1 * value2 + } + else if(operation == "/") + { + if(value2) + return value1 / value2 + else + return value1 + } + else return value2 + }, //鍔犺浇姝e湪鍒嗘嫞鍐呭 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); @@ -804,7 +976,10 @@ } } var detailStyle = JSON.parse(styleStr); - data.row.attrs.forEach(attr=>{ + 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; @@ -817,27 +992,28 @@ } }); }); + 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.objId = data.row.id?data.row.id.replace(/-/g,'').replace('{','').replace('}',''):'null'; - detailStyle.form.attrs = data.row.attrs; this.$data.detail1StyleDefList.push(detailStyle); this.activelist.push({active:false}); // console.log(this.$data.detail1StyleDefList); } } + }); }, //鍔犺浇宸插垎鎷e唴瀹� 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鏄惁鏄緟鍒嗘嫞 @@ -847,6 +1023,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'){ @@ -860,13 +1037,61 @@ } }); }); - detailStyle.form.attrs = cont.attrs; + if(data.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞 - $this.$data.detail1StyleDefList.push(detailStyle); //寰呭垎鎷�+ //濡傛灉 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); } }); @@ -1136,7 +1361,7 @@ 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 + 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:"鍙栨秷"}); @@ -1147,7 +1372,8 @@ if(item.action_type == "insert_subtable_page_row"){ //鍒嗘嫞涓� var value = item.value; //鍔犺浇寰呭垎鎷f暟鎹�- $this.viewAceionRow(value,'add'); + $this.viewAceionRow(value,''); + // $this.viewAceionRow(value,'add'); //娓呯┖鏉$爜鍐呭 $this.$data.head_styledef.form.items.forEach((item,index) => { if(item.fieldId != "S_CNTR_CODE"){ @@ -1165,6 +1391,60 @@ }); // this.detail2StyleDefList=[]; uni.showModal({title:"鎻愮ず",content:"鍒嗘嫞鎴愬姛",showCancel:false,confirmText:"鍙栨秷"}); + } else if(item.action_type == "set_subtable_page_content"){ //鍔犺浇澶氭潯鏁版嵁 + $this.param.Show_Welcom_Page=false; + var value = item.value; + if(value.clear == true && $this.detail1StyleDefList.length>0){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,寰呭垎鎷f槸鍚︽湁鏁版嵁 + uni.showModal({ + title: '鎻愮ず', + content: '绯荤粺妫�祴鍒版湁寰呭垎鎷d腑鐨勬暟鎹紝缁х画鎿嶄綔浼氭竻绌猴紝鏄惁缁х画锛�, + success: function (res) { + if (res.confirm) { + $this.$data.detail1StyleDefList=[]; + $this.$data.detail2StyleDefList=[]; + $this.viewAceionContent(value); + } else if (res.cancel) { + $this.viewAceionContent(value); + } + } + }); + } else { + $this.viewAceionContent(value); + } + } else if(item.action_type == "remove_subtable_page_row"){ //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹�+ var value = item.value; + if(value.page_name == $this.page.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞 + //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹�+ value.row.forEach(row=>{ + $this.detail1StyleDefList.forEach((ele,index)=>{ + if(ele.form.objId == row.id){ + $this.detail1StyleDefList.splice(index,1); + } + }); + }); + } + } else if(item.action_type == "refresh"){ //鍒锋柊 + var value = item.value; + //娓呴櫎寰呭垎鎷f垚鍔熺殑鏁版嵁 + // value.forEach((val_id,key)=>{ + // this.detail1StyleDefList.forEach((style,index)=>{ + // if(style.form.objId == val_id){ + // this.detail1StyleDefList.splice(index,1); + // return; + // } + // }); + // }); + //鍒锋柊褰撳墠椤甸潰 + uni.redirectTo({ + url:'../modal/5602?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{ -- Gitblit v1.9.1