lixiaobang
/
YingYeTing
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

代码提交

This commit is contained in:
luoshiwen 2023-02-14 13:00:45 +08:00
parent 0d5f7ba28a
commit 475a5a4d3b
8 changed files with 423 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/YuHua_BusinessHall/Build/YuHua_BusinessHall.data.unityweb
View File

Binary file not shown.

BIN
public/YuHua_BusinessHall/Build/YuHua_BusinessHall.framework.js.unityweb
View File

Binary file not shown.

BIN
public/YuHua_BusinessHall/Build/YuHua_BusinessHall.wasm.unityweb
View File

Binary file not shown.

27
public/YuHua_BusinessHall/index.html
View File

@ -11,6 +11,8 @@
html,body{
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}
</style>
<body>
@ -24,7 +26,9 @@
</div>
<div id="unity-warning"> </div>
<div id="unity-footer">
<div id="unity-webgl-logo"></div>
<div id="unity-fullscreen-button"></div>
<div id="unity-build-title">BusinessHall2023</div>
</div>
</div>
<script>
@ -99,14 +103,12 @@
} else {
// Desktop style: Render the game canvas in a window that can be maximized to fullscreen:
// canvas.style.width = "960px";
// canvas.style.height = "600px";
}
loadingBar.style.display = "block";
var script = document.createElement("script");
var unityInstanceA;
var unityInstanceA
script.src = loaderUrl;
script.onload = () => {
createUnityInstance(canvas, config, (progress) => {
@ -114,20 +116,19 @@
}).then((unityInstance) => {
unityInstanceA = unityInstance
loadingBar.style.display = "none";
// fullscreenButton.onclick = () => {
// unityInstance.SetFullscreen(1);
// };
fullscreenButton.onclick = () => {
unityInstance.SetFullscreen(1);
};
}).catch((message) => {
alert(message);
});
};
function updateSence(val){
unityInstanceA.SendMessage('GameManager','JumpToPos',1)
}
setTimeout(()=>{
updateSence(1)
},10000)
document.body.appendChild(script);
function OnSceneLoaded(){
window.parent.loadHandle()
// console.log(2222222);
}
</script>
</body>
</html>

BIN
src/assets/images/unityMark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

235
src/view/equipmentAssets.vue
View File

@ -3,29 +3,18 @@
<transition name="left">
<div class="assetsLeft" v-show="menuShow">
<div class="btnLeft">
<div
v-for="(item, index) in menusArr"
:key="index"
:style="{
backgroundImage:
btnAc != index
? 'url(' + btnBG.pic + ')'
: 'url(' + btnBG.actPic + ')',
marginLeft: btnAc == index ? '15px' : '0px',
}"
class="btnList"
@click="handelBtn(index)"
>
<div v-for="(item, index) in menusArr" :key="index" :style="{
backgroundImage:
btnAc != index
? 'url(' + btnBG.pic + ')'
: 'url(' + btnBG.actPic + ')',
marginLeft: btnAc == index ? '15px' : '0px',
}" class="btnList" @click="handelBtn(index)">
<div class="textArr">
<p :text="item.text">{{ item.text }}</p>
</div>
</div>
<img
src="../assets/images/shebeijiantou.png"
class="jiantou"
@click="menuHandel"
v-show="arrow"
/>
<img src="../assets/images/shebeijiantou.png" class="jiantou" @click="menuHandel" v-show="arrow" />
</div>
</div>
</transition>
@ -33,7 +22,7 @@
<div class="assetsRight" v-show="menuShow">
<div class="rightOne" v-if="btnAc == 0">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称</p>
<p text="设备名称" style="font-family: 'maleGod'">自助缴费终端</p>
</div>
<div class="asstesContent1">
<div class="models">
@ -48,20 +37,14 @@
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div v-for="(item, index) in assetsList" :key="index" class="assetsArr">
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
<div style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
">
{{ item.count }}
</div>
</div>
@ -71,7 +54,7 @@
</div>
<div class="rightOne" v-if="btnAc == 1">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称二</p>
<p text="设备名称" style="font-family: 'maleGod'">业务办理终端</p>
</div>
<div class="asstesContent1">
<div class="models">
@ -86,20 +69,14 @@
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div v-for="(item, index) in assetsList" :key="index" class="assetsArr">
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
<div style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
">
{{ item.count }}
</div>
</div>
@ -109,7 +86,7 @@
</div>
<div class="rightOne" v-if="btnAc == 2">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称三</p>
<p text="设备名称" style="font-family: 'maleGod'">国网云终端</p>
</div>
<div class="asstesContent1">
<div class="models">
@ -124,20 +101,14 @@
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div v-for="(item, index) in assetsList" :key="index" class="assetsArr">
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
<div style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
">
{{ item.count }}
</div>
</div>
@ -147,7 +118,7 @@
</div>
<div class="rightOne" v-if="btnAc == 3">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称四</p>
<p text="设备名称" style="font-family: 'maleGod'">打印机终端</p>
</div>
<div class="asstesContent1">
<div class="models">
@ -162,96 +133,14 @@
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div v-for="(item, index) in assetsList" :key="index" class="assetsArr">
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
<div style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
{{ item.count }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rightOne" v-if="btnAc == 4">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称五</p>
</div>
<div class="asstesContent1">
<div class="models">
<div class="assetsStatus">
<p style="margin-left: 15px">正常</p>
</div>
<div class="modelsImg">
<img src="@/assets/images/shebeimoxing.png" />
</div>
</div>
<div class="modelIntroduction">
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
{{ item.count }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rightOne" v-if="btnAc == 5">
<div class="assetsTitle">
<p text="设备名称" style="font-family: 'maleGod'">设备名称六</p>
</div>
<div class="asstesContent1">
<div class="models">
<div class="assetsStatus">
<p style="margin-left: 15px">正常</p>
</div>
<div class="modelsImg">
<img src="@/assets/images/shebeimoxing.png" />
</div>
</div>
<div class="modelIntroduction">
{{ modelIntroduction }}
</div>
<div class="assetsList">
<div
v-for="(item, index) in assetsList"
:key="index"
class="assetsArr"
>
<div class="listContent">
<div>{{ item.name }}</div>
<div
style="
font-family: 'maleGod';
color: rgb(76, 181, 209);
font-size: 20px;
"
>
">
{{ item.count }}
</div>
</div>
@ -259,14 +148,10 @@
</div>
</div>
</div>
</div>
</transition>
<img
src="../assets/images/shebeijiantoufan.png"
class="jiantoufan"
@click="menuHandelShow"
v-show="!arrow"
/>
<img src="../assets/images/shebeijiantoufan.png" class="jiantoufan" @click="menuHandelShow" v-show="!arrow" />
</div>
</template>
@ -275,6 +160,7 @@
export default {
// components: { index },
name: "equipmentAssets",
props:['mask'],
data() {
return {
arrow: false, //箭头隐藏
@ -290,23 +176,18 @@ export default {
},
menusArr: [
{
text: "设备名称一",
text: "自助缴费终端",
},
{
text: "设备名称二",
text: "业务办理终端",
},
{
text: "设备名称三",
text: "国网云终端",
},
{
text: "设备名称四",
},
{
text: "设备名称五",
},
{
text: "设备名称六",
text: "打印机终端",
},
],
assetsList: [
{
@ -330,15 +211,16 @@ export default {
count: "17",
},
],
// maskShow:,
};
},
mounted() {
},
methods: {
handelBtn(index) {
document.getElementById('iframe').contentWindow.GameManager(index)
console.log(document.getElementById('iframe').contentWindow,'3398');
document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'JumpToPos', index+1+'')
// document.getElementById('iframe').contentWindow.GameManager(index)
// console.log(document.getElementById('iframe').contentWindow,'3398');
this.btnAc = index;
},
//隐藏菜单按钮
@ -364,6 +246,7 @@ export default {
height: 100%;
position: relative;
overflow: hidden;
.assetsLeft {
width: 15.5%;
height: 100%;
@ -372,18 +255,21 @@ export default {
z-index: 9999;
background: url("../assets/images/assetsLeft.png") no-repeat;
background-size: 100% 100%;
.btnLeft {
height: 60%;
height: 46%;
width: 100%;
position: absolute;
top: 18%;
top: 25%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
.btnList {
width: 224px;
height: 50px;
.textArr {
height: 100%;
display: flex;
@ -391,19 +277,19 @@ export default {
align-items: center;
color: #ffffff;
}
.textArr ::before {
content: attr(text);
position: absolute;
z-index: 10;
// bottom: 0;
color: rgb(163, 227, 245);
-webkit-mask: linear-gradient(
to top,
rgba(163, 227, 245, 0.7),
transparent
);
-webkit-mask: linear-gradient(to top,
rgba(163, 227, 245, 0.7),
transparent);
}
}
.jiantou {
position: absolute;
width: 14px;
@ -414,18 +300,21 @@ export default {
}
}
}
.assetsRight {
width: 20.6%;
height: 100%;
position: absolute;
right: 0;
z-index: 9999;
.rightOne {
position: absolute;
height: 100%;
width: 100%;
background: url("../assets/images/assetsRight.png") no-repeat;
background-size: 100% 100%;
.assetsTitle {
color: #ffffff;
height: 5.5%;
@ -436,22 +325,23 @@ export default {
padding-left: 10%;
box-sizing: border-box;
}
.assetsTitle ::before {
content: attr(text);
position: absolute;
z-index: 10;
color: rgb(135, 216, 238);
-webkit-mask: linear-gradient(
to top,
rgba(163, 227, 245, 0.7),
transparent
);
-webkit-mask: linear-gradient(to top,
rgba(163, 227, 245, 0.7),
transparent);
}
.asstesContent1 {
height: calc(100% - 5.5%);
width: 100%;
padding: 0% 3%;
box-sizing: border-box;
.models {
width: 100%;
height: 50.5%;
@ -461,6 +351,7 @@ export default {
align-items: center;
justify-content: center;
position: relative;
.assetsStatus {
width: 81px;
height: 31px;
@ -475,11 +366,13 @@ export default {
align-items: center;
justify-content: center;
}
.modelsImg {
width: 41%;
height: 90%;
}
}
.modelIntroduction {
height: 18%;
color: #ffffff;
@ -490,9 +383,11 @@ export default {
line-height: 30px;
overflow-y: auto;
}
.modelIntroduction::-webkit-scrollbar {
width: 0 !important;
}
.assetsList {
height: calc(100% - 70.5%);
width: 100%;
@ -500,11 +395,13 @@ export default {
align-content: space-between;
flex-wrap: wrap;
overflow-y: auto;
.assetsArr {
background: url("../assets/images/assetsArr.png") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 16%;
.listContent {
margin-left: 10%;
width: 80%;
@ -517,12 +414,14 @@ export default {
}
}
}
.assetsList::-webkit-scrollbar {
width: 0 !important;
}
}
}
}
//箭头
.jiantoufan {
position: absolute;
@ -533,6 +432,7 @@ export default {
cursor: pointer;
}
}
//left动画
@keyframes donghua1 {
from {
@ -543,6 +443,7 @@ export default {
transform: translateX(-100%);
}
}
.left-leave,
.left-leave-active,
.left-leave-to {
@ -554,6 +455,7 @@ export default {
.left-enter-to {
animation: donghua1 1s linear reverse;
}
//right动画
@keyframes donghua2 {
from {
@ -564,6 +466,7 @@ export default {
transform: translateX(100%);
}
}
.right-leave,
.right-leave-active,
.right-leave-to {

374
src/view/index.vue
View File

@ -33,8 +33,8 @@
</span>
</div>
<div class="hall-icon">
<span></span>
<span></span>
<span @click='lineHandle()'></span>
<span @click='pieHandle()'></span>
</div>
</div>
<div class="chart-title">
@ -44,7 +44,8 @@
</div>
</div>
<!-- 图表样式 -->
<div class="hall-chart" ref="hallChart"></div>
<div class="hall-chart" ref="hallChart" v-show="!hallChartShow"></div>
<div class="hall-chart2" ref="hallChart2" id='hallChart2' v-show="hallChartShow"></div>
</div>
<!-- 客流量 -->
<div class="passenger-flow">
@ -183,8 +184,7 @@
<div class="serviceOne">
<div v-for="(item, idnex) in serviceList" :key="index" class="serviceList">
<div style="color: rgb(182, 182, 190)">{{ item.name }}</div>
<div style="
color: rgb(75, 190, 221);
<div style="color: rgb(75, 190, 221);
font-family: 'maleGod';
font-size: 25px;
">
@ -204,14 +204,17 @@
</div>
</transition>
<div class="middle-content">
<!-- unity动画遮挡 -->
<div class="unityMark" v-show="unityShow==true">
</div>
<!-- 弹窗 -->
<div class="dialog" v-if="dialogShow == true">
<div class="dialogBg">
<div class="closeBtn" @click="dialogShow = false"> </div>
<div class="title" style='line-height:25px;'>
<p class="titleText" text="工单明细"
style="font-family: 'maleGod';text-align: center;color: #ffffff;word-spacing: 10px;">
style="font-family:'maleGod';text-align: center;color: #ffffff;word-spacing: 10px;">
工单明细
</p>
<p class="titleUnder"></p>
@ -245,7 +248,8 @@
</div>
<!-- 内容头部 -->
<div class="middleTop">
<div :class="'top-item' + i" v-for="(n, i) in middleTopList" :key="i" v-if="smartPageShow == false&&equimentAssetsShow==false">
<div :class="'top-item' + i" v-for="(n, i) in middleTopList" :key="i"
v-if="smartPageShow == false && equimentAssetsShow == false">
<div @click="topHandle()"
style="width:100%;text-align:center;padding-left:61px;box-sizing: border-box;margin-top: 14px;">
<p class="item-name">{{ n.name }}</p>
@ -253,7 +257,8 @@
</div>
</div>
<div :class="'top-item1' + i" v-for="(n, i) in middleTopList1" :key="i" v-if="smartPageShow == true&&equimentAssetsShow==false">
<div :class="'top-item1' + i" v-for="(n, i) in middleTopList1" :key="i"
v-if="smartPageShow == true && equimentAssetsShow == false">
<div @click="topHandle()"
style="width:100%;text-align:center;padding-left:61px;box-sizing: border-box;margin-top: 14px;">
<p class="item-name">{{ n.name }}</p>
@ -275,10 +280,11 @@
<iframe id="iframe" frameborder="0" width="100%" height="100%" ref="iframe" src="/YuHua_BusinessHall/index.html"
allowfullscreen></iframe>
</div>
<div class="left-mask">
<!-- -->
<div class="left-mask" v-if="mask == true">
</div>
<div class="right-mask">
<div class="right-mask" v-if="mask == true">
</div>
</div>
@ -287,12 +293,14 @@
<equipment-assets ref="equimentAssets" class="equimentAssets" v-show="equimentAssetsShow" />
<smartPage ref="smartPage" class="smartPage" v-show="smartPageShow" />
<smartPage :mask="mask" ref="smartPage" class="smartPage" v-show="smartPageShow" />
</div>
</template>
<script>
// document.getElementById('iframe').contentWindow.unityInstanceA.SetFullscreen(1);
import equipmentAssets from "./equipmentAssets.vue";
import smartPage from "./smartPage.vue";
@ -300,6 +308,13 @@ export default {
name: "index",
data() {
return {
// unity
unityShow:true,
data1: ["周欢", "唐颖", "刘梦颖"],
data2: [30.13, 86.25, 29.45],
hallChartShow: false,
// 显影遮罩层
mask: true,
// 弹窗数据
tableData: [
{
@ -315,7 +330,7 @@ export default {
TTR: ''
},
{
xuHao: 1,
xuHao: 2,
id: 3223020200113318,
processName: '智慧运维异常处理',
name: '营业厅处理',
@ -327,7 +342,7 @@ export default {
TTR: ''
},
{
xuHao: 1,
xuHao: 3,
id: 3223020200113318,
processName: '智慧运维异常处理',
name: '营业厅处理',
@ -539,6 +554,8 @@ export default {
},
mounted() {
// this.$refs.iframe.contentWindow.fullscreen(1);
// console.log(document.getElementById('iframe').contentWindow.fullscreen());
this.rightOneXian();
@ -549,7 +566,27 @@ export default {
this.drawFlowChart();
this.handelBtn(0);
},
created() {
window.loadHandle = this.loadHandleN
},
methods: {
loadHandleN() {
console.log('unity初始化完成');
this.unityShow = false
},
// 营业厅时长图表切换
lineHandle() {
// console.log(11);
this.hallChartShow = false
},
pieHandle() {
this.hallChartShow = true
this.$nextTick(() => {
this.drawHallChart2()
})
// this.drawHallChart2()
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
@ -565,6 +602,7 @@ export default {
this.menuAc = index;
let that = this;
if (index == 0) {
// document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'HideInner', '')
//如果当前页面为设备资产
if (this.equimentAssetsShow == true) {
this.$refs.equimentAssets.menuHandel();
@ -580,6 +618,7 @@ export default {
}, 1000);
}
} else if (index == 1) {
// document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'HideInner', '')
if (this.menuShow == true) {
this.menuShow = false;
window.setTimeout(() => {
@ -595,6 +634,7 @@ export default {
}, 1000);
}
} else if (index == 2) {
if (this.menuShow == true) {
this.menuShow = false;
window.setTimeout(() => {
@ -611,11 +651,13 @@ export default {
}
}
},
// 营业厅时长图表
drawHallChart() {
let myChart = this.$echarts.getInstanceByDom(this.$refs.hallChart);
if (myChart == null) {
myChart = this.$echarts.init(this.$refs.hallChart);
}
let option = {
grid: {
top: "20%",
@ -653,7 +695,7 @@ export default {
},
// 两边留白
boundaryGap: true,
data: ["周欢", "唐颖", "刘梦颖"],
data: this.data1,
},
],
yAxis: [
@ -663,7 +705,7 @@ export default {
nameTextStyle: {
fontSize: 11,
color: "#d8d4d7",
padding: [10, 35, 0, 0],
padding: [0, 30, 0, 0],
},
// min: 0,
@ -699,7 +741,7 @@ export default {
Symbol: "circle",
symbolSize: 7,
// showAllSymbol: true,
data: [30.13, 86.25, 29.45],
data: this.data2,
itemStyle: {
normal: {
color: "#f4e127",
@ -722,6 +764,182 @@ export default {
myChart.resize();
});
},
drawHallChart2() {
function getValue(value, arr, params = "params", key = "key") {
const option = arr.find((r) => r[key] === value) || {};
return option[params];
}
let dataArr = [
{
value: 25,
name: "周欢",
color: "#4FACFE",
unit: "笔",
},
{
value: 20,
name: "唐颖",
color: "#0380FF",
unit: "笔",
},
{
value: 15,
name: "刘梦颖",
color: "#FEDC45",
unit: "笔",
},
];
var myChart = this.$echarts.init(document.getElementById("hallChart2"));
var option = {
title: [
{
text: "42",
x: 55,
y: 55,
// top: '50%',
textStyle: {
color: "rgb(75,191,222)",
fontSize: 30,
fontWeight: "200",
},
},
{
text: "笔",
x: 92,
y: 60,
// top: '50%',
textStyle: {
color: "#fff",
fontWeight: "100",
},
},
{
text: "总发起",
x: 55,
y: 88,
textStyle: {
color: "#fff",
foontWeight: "100",
},
},
],
legend: {
icon: "circle",
right: "right",
top: 30,
itemGap: 15,
itemWidth: 8,
itemHeight: 8,
orient: "vertical",
// textStyle: { fontSize: 14, color: "auto" },
formatter: (name) => {
return (
"{name|" +
name +
"} {value|" +
getValue(name, dataArr, "value", "name") +
"} {unit|" +
getValue(name, dataArr, "unit", "name") +
"}"
);
},
textStyle: {
borderColor: "rgb(43,87,111)",
borderWidth: 1,
padding: 5,
rich: {
name: {
fontSize: 16,
fontWeight: 400,
verticalAlign: "top",
align: "center",
lineHeight: 14,
color: "#fff",
},
value: {
fontSize: 16,
fontWeight: 400,
align: "center",
lineHeight: 14,
color: "rgb(84,112,198)",
width: 50,
},
unit: {
fontSize: 15,
lineHeight: 14,
color: "#fff",
},
},
},
},
tooltip: {
trigger: "item",
formatter: "{b}: {c}",
},
series: [
{
type: "pie",
radius: ["70%", "80%"],
center: ["23%", "50%"],
avoidLabelOverlap: false,
label: {
show: false,
position: "center",
},
itemStyle: {
// 图形样式
normal: {
borderColor: "rgb(8,18,47)",
borderWidth: 2,
borderRadius: 20,
},
},
data: dataArr,
},
{
type: "gauge",
splitNumber: 60,
radius: "85%",
center: ["23%", "50%"],
startAngle: 90,
endAngle: -270,
pointer: {
show: 0,
},
anchor: {
show: 0,
},
axisLine: {
show: false,
lineStyle: {
color: [
[0, "#3178BD"],
[1, "#3178BD"],
],
},
},
axisTick: {
show: false,
},
splitLine: {
show: true,
length: 6,
lineStyle: {
color: "auto",
width: 1,
},
},
axisLabel: {
show: false,
},
detail: {
show: false,
},
},
],
};
myChart.setOption(option);
},
drawFlowChart() {
let myChart = this.$echarts.getInstanceByDom(this.$refs.flowChart);
if (myChart == null) {
@ -1794,6 +2012,19 @@ export default {
equipmentAssets,
smartPage,
},
watch:{
menuAc:{
handler(newVal){
if(newVal == 0){
document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'HideInner', '')
}else if(newVal == 1){
document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'HideInner', '')
}else if(newVal == 2){
document.getElementById('iframe').contentWindow.unityInstanceA.SendMessage('GameManager', 'ShowInner', '')
}
}
}
}
};
</script>
@ -1819,7 +2050,9 @@ export default {
width: 0 !important;
}
}
.left-mask,.right-mask{
.left-mask,
.right-mask {
position: fixed;
top: 0;
width: 559px;
@ -1828,32 +2061,79 @@ export default {
z-index: 100;
}
.left-mask{
.left-mask {
background-image: url(../assets/images/left-mask.png);
left: 0;
}
.right-mask{
.right-mask {
background-image: url(../assets/images/right-mask.png);
right: 0;
}
/deep/ .el-table tr {
background-color: transparent;
}
::v-deep .el-form-item {
margin: 0 5px !important;
// padding: 20px;
// background-color: ;
}
::v-deep .el-table,
.el-table__expanded-cell {
padding: 20px !important;
background-color: transparent !important;
}
::v-deep .el-table th {
background-color: transparent !important;
border-bottom: none !important;
color: #fefefe !important;
}
::v-deep .el-table tr {
background-color: transparent !important;
}
::v-deep .el-table--enable-row-transition .el-table__body td,
::v-deep .el-table .cell {
background-color: transparent !important;
color: rgba(255, 255, 255, 0.7) !important;
border: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
::v-deep .el-table th>.cell {
color: rgba(254, 254, 254, 1) !important;
font-weight: 700 !important;
}
.el-table::before {
//去除底部白线
left: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 0px !important;
}
::v-deep .el-form-item__label {
color: white !important;
}
/deep/ .el-table__header-wrapper,
/deep/ .el-table thead,
/deep/ .el-table__header {
background-image: url(../assets/images/tableTItle.png);
background-image: url(../assets/images/tableTItle.png) !important;
width: 977px;
height: 100%;
background-size: 100% 100%;
// background: url("../assets/images/tableBg.png") no-repeat;
}
// /deep/ .el-table__header-wrapper , /deep/ .el-table thead ,/deep/ .el-table__header{
// background-image: url(../assets/images/tableTItle.png);
// width: 977px;
// height: 100%;
// background-size: 100% 100%;
// }
/deep/ .el-table .el-table__cell {
text-align: center;
}
@ -1917,7 +2197,20 @@ export default {
display: flex;
justify-content: center;
// z-index: 99;
.unityMark{
position: absolute;
margin: auto;
width: 50%;
height: 50%;
z-index: 9999;
top: 0;
right: 0;
left: 0;
bottom: 0;
// background-color: #000;
background-image: url(../assets/images/unityMark.png);
background-size: 100% 100%;
}
.middleBottom {
width: 52%;
height: 10%;
@ -1967,7 +2260,8 @@ export default {
justify-content: space-between;
}
.hall-chart {
.hall-chart,
.hall-chart2 {
width: 100%;
height: 47%;
}
@ -2179,7 +2473,7 @@ export default {
.flow-item span:nth-child(1) {
font-family: maleGod;
font-size: 20px;
font-size: 16px;
// margin-top: 3px;
i {
@ -2272,6 +2566,10 @@ export default {
position: relative;
// top: 4px;
}
.flow-item span:nth-child(1) {
font-size: 20px !important;
}
}
.right-content .payment {
@ -2492,21 +2790,27 @@ export default {
position: relative;
z-index: 999;
justify-content: space-around;
.top-item10{
.top-item10 {
background-image: url(../assets/images/content-icon4.png);
}
.top-item11{
.top-item11 {
background-image: url(../assets/images/smart-1.png);
}
.top-item12{
.top-item12 {
background-image: url(../assets/images/smart-2.png);
}
.top-item13{
.top-item13 {
background-image: url(../assets/images/smart-3.png);
}
.top-item14{
.top-item14 {
background-image: url(../assets/images/smart-4.png);
}
// background-color: #1d62a3;
div {
width: 186px;

2
src/view/smartPage.vue
View File

@ -355,7 +355,7 @@ export default {
height: 39%;
position: relative;
.itemBtn {
width: 356px;
width: 100%;
height: 35px;
text-align: center;
background-size: 100% 100%;