From ca2af88ae27813fae3e2ed09ac13fa8985463e1b Mon Sep 17 00:00:00 2001
From: jt <jt@activesoft.com.cn>
Date: 星期一, 25 三月 2024 13:43:13 +0800
Subject: [PATCH] 3200功能点HTML页面显示样式列表样式的菱形样式改进

---
 pages/modal/3200.vue |   64 ++++++++++++++++++-------------
 1 files changed, 37 insertions(+), 27 deletions(-)

diff --git a/pages/modal/3200.vue b/pages/modal/3200.vue
index 5b98523..3e0d710 100644
--- a/pages/modal/3200.vue
+++ b/pages/modal/3200.vue
@@ -271,15 +271,41 @@
     margin-bottom: 5px;
 }
 .dv_panel_content .dv_panel_attr i{
-    vertical-align: 22px;
+    vertical-align: super;
     margin: 0 10px;
 }
 .dv_panel_content .dv_panel_attr .circel_node{}
 /* 鏄彵褰㈢殑 */
-.dv_panel_content .dv_panel_attr .dv_diamond_node {}
-.dv_panel_content .dv_panel_attr .dv_box_node{
-  display: inline-block;
-  text-align: center;
+.dv_panel_content .dv_panel_attr .dv_diamond_node p{
+	width: 50px;
+	height: 50px;
+	background-color: #4D6AF4;
+	transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-webkit-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	margin: 15px auto;
+	padding: 9px;
+	// line-height: 28px;
+	text-align: center;
+}
+.dv_panel_content .dv_panel_attr .dv_diamond_node p span{
+    color: #fff;
+	transform: rotate(-45deg);
+	display: inline-block;
+	text-align: center;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	// white-space: nowrap;
+}
+/* 榛樿褰�*/
+.dv_panel_content .dv_panel_attr .dv_box_node,
+.dv_panel_content .dv_panel_attr .dv_diamond_node{
+	vertical-align: middle;
+	display: inline-block;
+	text-align: center;
+	width: 100px;
 }
 .dv_panel_content .dv_panel_attr .dv_box_node p{
     background: #4D6AF4;
@@ -311,24 +337,6 @@
 
 <template>
 	<view class="content">
-		<!-- <view class="dv_panel_condent">
-			<view class="dv_panel_attr">
-				<label>No锛�/label>
-				<span>TA240129-00001</span>
-			</view>
-			<view class="dv_panel_attr">
-				<view class="dv_inline">
-					<p>姣涙枡绾胯竟</p>
-					<label>L002-1</label>
-				</view>
-				<i class="mobox-normal-right"></i>
-				<view class="dv_inline">
-					<p>姣涙枡绾胯竟</p>
-					<label>L003-3</label>
-				</view>
-			</view>
-		</view> -->
-		
 	  <view class="v-content">
 		<!-- 琛ㄥご鏍峰紡 -->
 		<view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" v-if="isFilter==true">
@@ -392,12 +400,12 @@
 						</div>
 						<div class="dv_panel_attr">
 						  <div class="dv_box_node">
-							<p>姣涙枡绾胯竟</p>
+							<p><span>姣涙枡绾胯竟</span></p>
 							<label>L002-1</label>
 						  </div>
 						  <i class="mobox-normal-right"></i>
 						  <div class="dv_box_node">
-							<p>姣涙枡绾胯竟</p>
+							<p><span>姣涙枡绾胯竟</span></p>
 							<label>L003-3</label>
 						  </div>
 						</div>
@@ -670,7 +678,9 @@
 	if(this.param.ShowFilter)
 	  this.isFilter=false;
 	//鑾峰彇鏁版嵁绫荤殑鑷畾涔夎〃鍗曞弬鏁�-	this.Head_UIStyleGetInfo(this.param.DataCls.id,this.param.Query_Panel.id);
+	if(this.param.Query_Panel){
+		this.Head_UIStyleGetInfo(this.param.DataCls.id,this.param.Query_Panel.id);
+	}
 	if(this.param.ListPage.ListItem_UIDef?.ui_type=="HTML椤甸潰"){
 		// HTML椤甸潰
 		//鑾峰彇鏁版嵁绫荤殑HTML椤甸潰
@@ -868,7 +878,7 @@
 	// 鎵ц鏌ヨ浜嬩欢
 	async onSearChange(clsid,eventid) {
 	 try {
-	    if (event.id) {
+	    if (eventid) {
 	 	  var $this = this;
 	 	  var dataInfo={
 	        ed_type: 0,

--
Gitblit v1.9.1