|
|
@@ -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{
|
chenwen