大屏数据展示

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-# Format and submit code according to lintstagedrc.js configuration
-pnpm lint

.vscode/extensions.json

@@ -1,8 +0,0 @@
-{
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "stylelint.vscode-stylelint",
-    "johnsoncodehk.volar"
-  ]
-}

.vscode/launch.json

@@ -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}"
-    }
-  ]
-}

.vscode/settings.json

@@ -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
-    },
-  }
-  

pnpm-lock.yaml

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

resource/kuwei/KuWei.vue

@@ -1,62 +1,47 @@
 <template>
 
   <div ref="kuwei" v-resize="resizeHandler">
-    {{layoutList.data.movieName}}
+    <div class="title">{{layoutList.data.movieName}}</div>
-
-    {{layoutList.data.seatList.length}}
     <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: (item.gRow) * propValue.base.boxHeightGap + 'px',
-          left: layoutList.data.mg_left+(item.gCol-1) * propValue.base.boxWidithGap + '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"
+        src="@/assets/kuwei/130.png"
-      />
+        background-attachment="fixed"
-      <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"
       />
 
     </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>