From 88606524ac78768c49d1a277808e580dc7fdbd05 Mon Sep 17 00:00:00 2001
From: cyy <cuiqian2004@163.com>
Date: 星期四, 13 六月 2024 21:38:01 +0800
Subject: [PATCH] set_subtable_page_row

---
 pages/modal/5600.vue |  373 ++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 310 insertions(+), 63 deletions(-)

diff --git a/pages/modal/5600.vue b/pages/modal/5600.vue
index 640eeda..ed657c2 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)">&#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
@@ -477,6 +515,27 @@
 	// 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={
@@ -496,7 +555,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 +592,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 +635,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 +736,7 @@
 					// 	$this.focusMateria=true; //绗簩涓緭鍏ユ鑾峰彇鐒︾偣
 						setTimeout(function(){
 							uni.hideKeyboard();
-						},100);
+						},1000);
 					// },500);
 				}
 			    // if(onSuffixClickCallbackEvent.id){   //鍚庡浘鏍囩偣鍑讳簨浠�@@ -753,6 +875,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;
@@ -787,53 +955,82 @@
 			
 	    }
 	},
+	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);
-	    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鏄惁鏄爜鐩樹腑
@@ -843,6 +1040,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 +1054,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);
 			}
 	    });
@@ -1005,9 +1250,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;
@@ -1090,9 +1336,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){
@@ -1149,12 +1396,12 @@
 								}
 							});
 							//娓呴櫎姝e湪鐮佺洏涓垚鍔熺殑鏁版嵁
-							$this.$data.detail1StyleDefList.forEach((style,index)=>{
-							  if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){ 
-								$this.$data.detail1StyleDefList.splice(index,1);
-								return;
-							  }
-							});
+							// $this.$data.detail1StyleDefList.forEach((style,index)=>{
+							//   if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){ 
+							// 	$this.$data.detail1StyleDefList.splice(index,1);
+							// 	return;
+							//   }
+							// });
 							// this.detail2StyleDefList=[];
 							uni.showModal({title:"鎻愮ず",content:"鐮佺洏鎴愬姛",showCancel:false,confirmText:"鍙栨秷"});
 						 //  } else if(item.action_type == "refresh"){  //鍒锋柊

--
Gitblit v1.9.1