轴承座大屏数据
parent
1dc7a3bb19
commit
bb9335d20b
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -52,7 +52,7 @@ const dataChange = (resp: any, _?: string) => {
|
|||
}
|
||||
if(resp.afterData && resp.status === 'SUCCESS'){
|
||||
console.log("数据-----afterData")
|
||||
dataHandler(resp.afterData)
|
||||
dataHandler(resp.afterData.data)
|
||||
}else if(resp.data.data && resp.status === 'SUCCESS'){
|
||||
console.log("数据-----data.data")
|
||||
dataHandler(resp.data.data)
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
class="seatImg0Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
:src="img_kong"
|
||||
:src="zc_k"
|
||||
/>
|
||||
|
||||
</template>
|
||||
|
|
@ -44,9 +44,9 @@
|
|||
<el-popover
|
||||
v-if="item.type==1"
|
||||
placement="top-start"
|
||||
:title="item.code"
|
||||
:title="item.item1"
|
||||
trigger="hover"
|
||||
:content="item.id"
|
||||
:content="item.item2"
|
||||
width="160px"
|
||||
>
|
||||
<template #reference>
|
||||
|
|
@ -54,48 +54,11 @@
|
|||
class="seatImg1Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
:src="img_130"
|
||||
:src="zc_m"
|
||||
/>
|
||||
</template>
|
||||
</el-popover>
|
||||
|
||||
<el-popover
|
||||
v-if="item.type==2"
|
||||
placement="top-start"
|
||||
trigger="hover"
|
||||
:content="item.id"
|
||||
width="160px"
|
||||
>
|
||||
<template #reference>
|
||||
<el-image
|
||||
class="seatImg2Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
:src="img_jinyong"
|
||||
/>
|
||||
</template>
|
||||
</el-popover>
|
||||
|
||||
<el-popover
|
||||
v-if="item.type==3"
|
||||
placement="top-start"
|
||||
trigger="hover"
|
||||
:content="item.id"
|
||||
width="160px"
|
||||
>
|
||||
<template #reference>
|
||||
<el-image
|
||||
class="seatImg3Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
:src="img_130"
|
||||
/>
|
||||
</template>
|
||||
</el-popover>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div v-for="(item, index) in layoutList.data.seatList"
|
||||
|
|
@ -104,14 +67,30 @@
|
|||
position:'absolute',
|
||||
background:'#e6e6e600',
|
||||
height:propValue.base.boxHeight + 'px',
|
||||
fontSize:48+'px',
|
||||
color:'#ff0000',
|
||||
fontSize:68+'px',
|
||||
color:'#C0D7FE',
|
||||
width: propValue.base.text1Width + 'px',
|
||||
left: (item.gRow) * propValue.base.boxHeightGap + 'px',
|
||||
top: (item.gCol) * propValue.base.boxWidithGap + propValue.base.text1Height+ 'px',
|
||||
left: (item.gRow+11) * propValue.base.boxHeightGap + 'px',
|
||||
top: (item.gCol-5) * propValue.base.boxWidithGap + propValue.base.text1Height+ 'px',
|
||||
}"
|
||||
>
|
||||
{{item.code}}
|
||||
{{item.code2}}
|
||||
</div>
|
||||
|
||||
<div v-for="(item, index) in layoutList.data.seatList"
|
||||
:key="item.id"
|
||||
:style="{
|
||||
position:'absolute',
|
||||
background:'#e6e6e600',
|
||||
height:propValue.base.boxHeight + 'px',
|
||||
fontSize:68+'px',
|
||||
color:'#C0D7FE',
|
||||
width: propValue.base.text1Width + 'px',
|
||||
left: (item.gRow+11) * propValue.base.boxHeightGap + 'px',
|
||||
top: (item.gCol-2) * propValue.base.boxWidithGap + propValue.base.text1Height+ 'px',
|
||||
}"
|
||||
>
|
||||
{{item.code1}}
|
||||
</div>
|
||||
|
||||
<div v-for="(item, index) in layoutList.data.seatList"
|
||||
|
|
@ -123,11 +102,11 @@
|
|||
fontSize:88+'px',
|
||||
color:'black',
|
||||
width: propValue.base.text2Width + 'px',
|
||||
left: (item.gRow) * propValue.base.boxHeightGap + 'px',
|
||||
left: (item.gRow+2) * propValue.base.boxHeightGap + 'px',
|
||||
top: (item.gCol) * propValue.base.boxWidithGap + propValue.base.text2Height+ 'px',
|
||||
}"
|
||||
>
|
||||
{{item.jt}}
|
||||
{{item.xh}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -140,6 +119,8 @@ import { onMounted, reactive, ref } from "vue";
|
|||
import img_130 from "@/assets/kuwei/130.png";
|
||||
import img_jinyong from "@/assets/kuwei/132.png";
|
||||
import img_kong from "@/assets/kuwei/131.png";
|
||||
import zc_k from "@/assets/kuwei/zc0.png";
|
||||
import zc_m from "@/assets/kuwei/zc1.png";
|
||||
import type KuWeiComponent from './config'
|
||||
import type { KuWeiType } from './type'
|
||||
import { ElNotification } from 'element-plus'
|
||||
|
|
@ -235,7 +216,7 @@ span {
|
|||
line-height: v-bind(lineHeight);
|
||||
}
|
||||
.seatImg0Class {
|
||||
background: #A681E6;
|
||||
background: #FDFDEB;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -244,7 +225,7 @@ span {
|
|||
display:block;
|
||||
}
|
||||
.seatImg1Class {
|
||||
background: #35B45E;
|
||||
background: #e6e6e6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ class SubTextComponent extends CustomComponent {
|
|||
label: '文本1宽度',
|
||||
type: FormType.NUMBER,
|
||||
props: {
|
||||
defaultValue: 20,
|
||||
defaultValue: 100,
|
||||
suffix: () => h('span', {}, 'px')
|
||||
}
|
||||
},
|
||||
|
|
@ -79,7 +79,7 @@ class SubTextComponent extends CustomComponent {
|
|||
label: '文本2宽度',
|
||||
type: FormType.NUMBER,
|
||||
props: {
|
||||
defaultValue: 20,
|
||||
defaultValue: 50,
|
||||
suffix: () => h('span', {}, 'px')
|
||||
}
|
||||
},
|
||||
|
|
@ -88,7 +88,7 @@ class SubTextComponent extends CustomComponent {
|
|||
label: '文本2于盒子高度间距',
|
||||
type: FormType.NUMBER,
|
||||
props: {
|
||||
defaultValue: 20,
|
||||
defaultValue: 50,
|
||||
suffix: () => h('span', {}, 'px')
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue