大屏数据展示
parent
e793b461b1
commit
7e04879d36
|
|
@ -1,4 +0,0 @@
|
|||
#!/bin/sh
|
||||
. "$(dirname "$0")/_/husky.sh"
|
||||
# Format and submit code according to lintstagedrc.js configuration
|
||||
pnpm lint
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{
|
||||
"recommendations": [
|
||||
"dbaeumer.vscode-eslint",
|
||||
"esbenp.prettier-vscode",
|
||||
"stylelint.vscode-stylelint",
|
||||
"johnsoncodehk.volar"
|
||||
]
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
{
|
||||
// 使用 IntelliSense 了解相关属性。
|
||||
// 悬停以查看现有属性的描述。
|
||||
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
|
||||
{
|
||||
"type": "pwa-chrome",
|
||||
"request": "launch",
|
||||
"name": "Launch Chrome against localhost",
|
||||
"url": "http://localhost:8080",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
{
|
||||
"css.validate": false,
|
||||
"less.validate": false,
|
||||
"sass.validate": false,
|
||||
"editor.tabSize": 2,
|
||||
"javascript.validate.enable": false,
|
||||
"tailwindCSS.includeLanguages": {
|
||||
"wxml": "html"
|
||||
},
|
||||
"prettier.trailingComma": "none",
|
||||
"[vue]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.eslint": true
|
||||
},
|
||||
"[css]": {
|
||||
"editor.defaultFormatter": "stylelint.vscode-stylelint"
|
||||
},
|
||||
"[typescript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"search.exclude": {
|
||||
"**/node_modules": true,
|
||||
"**/*.log": true,
|
||||
"**/*.log*": true,
|
||||
"**/dist": true,
|
||||
"**/.git": true,
|
||||
"**/.gitignore": true,
|
||||
"**/.svn": true,
|
||||
"**/.DS_Store": true,
|
||||
"**/.idea": true,
|
||||
"**/.vscode": false,
|
||||
"**/yarn.lock": true,
|
||||
"**/tmp": true,
|
||||
"out": true,
|
||||
"dist": true,
|
||||
"node_modules": true,
|
||||
"yarn-error.log": true,
|
||||
"**/.yarn": true
|
||||
},
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
|
|
@ -153,9 +153,6 @@ importers:
|
|||
mockjs:
|
||||
specifier: ^1.1.0
|
||||
version: 1.1.0
|
||||
open-data-v:
|
||||
specifier: link:src
|
||||
version: link:src
|
||||
postcss:
|
||||
specifier: ^8.4.28
|
||||
version: 8.4.28
|
||||
|
|
|
|||
|
|
@ -1,62 +1,47 @@
|
|||
<template>
|
||||
|
||||
<div ref="kuwei" v-resize="resizeHandler">
|
||||
{{layoutList.data.movieName}}
|
||||
|
||||
{{layoutList.data.seatList.length}}
|
||||
<div class="title">{{layoutList.data.movieName}}</div>
|
||||
<div v-for="(item, index) in layoutList.data.seatList"
|
||||
|
||||
:key="item.id"
|
||||
:style="{
|
||||
position:'absolute',
|
||||
background:'#e6e6e6',
|
||||
height:propValue.base.boxHeight + 'px',
|
||||
width: propValue.base.boxWidth + 'px',
|
||||
top: layoutList.data.mg_top+(item.gRow-1) * propValue.base.boxHeightGap + 'px',
|
||||
left: layoutList.data.mg_left+(item.gCol-1) * propValue.base.boxWidithGap + 'px',
|
||||
left: (item.gRow) * propValue.base.boxHeightGap + 'px',
|
||||
top: (item.gCol) * propValue.base.boxWidithGap + 'px',
|
||||
}"
|
||||
>
|
||||
<img
|
||||
v-if="item.type==0"
|
||||
class="seatImgClass"
|
||||
class="seatImg0Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/100.png"
|
||||
background-attachment="fixed"
|
||||
/>
|
||||
<img
|
||||
v-if="item.type==1"
|
||||
class="seatImgClass"
|
||||
class="seatImg1Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/101.png"
|
||||
src="@/assets/kuwei/130.png"
|
||||
/>
|
||||
<img
|
||||
v-if="item.type==2"
|
||||
class="seatImgClass"
|
||||
class="seatImg2Class"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/102.png"
|
||||
src="@/assets/kuwei/130.png"
|
||||
background-attachment="fixed"
|
||||
/>
|
||||
<img
|
||||
v-if="item.type==3"
|
||||
class="seatImgClass"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/123.png"
|
||||
/>
|
||||
<img
|
||||
v-if="item.type==4"
|
||||
class="seatImgClass"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/124.png"
|
||||
/>
|
||||
<img
|
||||
v-if="item.type==5"
|
||||
class="seatImgClass"
|
||||
:seatId="item.id"
|
||||
:seatIndex="index"
|
||||
src="@/assets/kuwei/125.png"
|
||||
src="@/assets/kuwei/130.png"
|
||||
background-attachment="fixed"
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
|
@ -87,11 +72,8 @@ const props = defineProps<{
|
|||
const { propValue } = useProp<KuWeiType>(props.component)
|
||||
var layoutList = reactive({
|
||||
data:{
|
||||
width: null,
|
||||
height: null,
|
||||
mg_top: null,
|
||||
mg_left: null,
|
||||
positionDistin: null,
|
||||
movieName: null,
|
||||
seatList: []
|
||||
}
|
||||
|
|
@ -125,7 +107,7 @@ const dataHandler = (event) => {
|
|||
// layoutList=JSON.parse(JSON.stringify(layoutList))
|
||||
}
|
||||
onMounted(async () => {
|
||||
try {
|
||||
/* try {
|
||||
const queryParems = { tag: propValue.base.tag }
|
||||
console.log("queryParems"+ propValue.base.tag)
|
||||
console.log("url"+ propValue.base.url)
|
||||
|
|
@ -135,7 +117,7 @@ onMounted(async () => {
|
|||
} catch (error: any) {
|
||||
console.log("异常-----")
|
||||
console.log(error?.message)
|
||||
}
|
||||
}*/
|
||||
})
|
||||
const dataChange = (resp: any, _?: string) => {
|
||||
|
||||
|
|
@ -161,4 +143,41 @@ span {
|
|||
text-align: center;
|
||||
line-height: v-bind(lineHeight);
|
||||
}
|
||||
.seatImg0Class {
|
||||
background: rgba(166, 129, 230, 0.4);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
border-radius:3px;
|
||||
display:block;
|
||||
}
|
||||
.seatImg1Class {
|
||||
background: rgba(53, 180, 94, 1);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
border-radius:3px;
|
||||
}
|
||||
.seatImg2Class {
|
||||
background: rgba(225, 94, 104, 1);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
border-radius:3px;
|
||||
}
|
||||
.title {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
line-height: 80px;
|
||||
font-size: 78px;
|
||||
color: #A8F4FF;
|
||||
letter-spacing: 2px;
|
||||
font-style:normal;
|
||||
top:-180px;
|
||||
position:absolute;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue