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