单井模板元素呈现调整（多值）

src/components/layouttmp/LayoutTmp.vue

@@ -7,12 +7,12 @@
 	:gridX="10" 
 	:gridY="10" 
 	v-for="(el,index) in modelValue"
-	:key="el.code"
+	:key="el.paramCode"
 	:isResizable="el.elType!='single'"
 	:parentLimitation="true"
 	:x="el.left||0"
 	:y="el.top||0"
-	@resizestop="(newRect)=>{resize(newRect,el)}" 
+	@resizing="(newRect)=>{resize(newRect,el)}" 
 	@dragstop="(newRect)=>{resize(newRect,el)}"
 	
 	>
@@ -22,7 +22,8 @@
 			<div class="single-body"></div>
 		</div>
 		<div class="multi" v-else-if="el.elType=='multi'" :style="{width:el.width+'px',height:el.height+'px'}">
-			{{el.paramName}}
+			<div class="multi-header">{{el.paramName}}</div>
+			<div class="multi-body"></div>
 		</div>
 		
 		<div class="wellName" v-else-if="el.elType=='wellName'" :style="{width:el.width+'px',height:el.height+'px'}">
@@ -89,6 +90,25 @@
 	.multi{
 		text-align: center;
 		font-size: 14px;
+		display: flex;
+		flex-flow:column nowrap;
+		
+	}
+	
+	.multi-header{
+		height:30px;
+		font-size: 14px;
+		line-height: 30px;
+		background-color:#5085ff;
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+		color:#fff;
+	}
+	
+	.multi-body{
+		flex:1;
+		box-sizing: border-box;
+		padding:2px;
 	}
 	
 	.wellName{