|
|
|
|
@ -1,10 +1,16 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="xfwp">
|
|
|
|
|
<div class="title" @click="showDialog"><img src="../../assets/safetyIndex/装饰009991.png" alt="">列管物品安全</div>
|
|
|
|
|
<div class="title" @click="showDialog">
|
|
|
|
|
<img src="../../assets/safetyIndex/装饰009991.png" alt="" />列管物品安全
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bodyBox">
|
|
|
|
|
<div class="lgwp" id="lgwp"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog title="列管物品上报数据详情" :visible.sync="diaVisible" class="picForm">
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="列管物品上报数据详情"
|
|
|
|
|
:visible.sync="diaVisible"
|
|
|
|
|
class="picForm"
|
|
|
|
|
>
|
|
|
|
|
<div class="wxhxp" id="fxfqs">
|
|
|
|
|
<div class="tjsjTitle">危险化学品</div>
|
|
|
|
|
<div class="zhuangshi"></div>
|
|
|
|
|
@ -24,64 +30,65 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import * as echarts from 'echarts';
|
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
|
import "echarts-gl";
|
|
|
|
|
import { tubeSafety, tubeSafetyDetail } from '@/api/companyCanban'
|
|
|
|
|
import { tubeSafety, tubeSafetyDetail } from "@/api/companyCanban";
|
|
|
|
|
export default {
|
|
|
|
|
props: ['companyId'],
|
|
|
|
|
props: ["companyId"],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
diaVisible: false,
|
|
|
|
|
companyID: this.companyId,
|
|
|
|
|
fireData: [],
|
|
|
|
|
fireDetailList: [],
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
tubeSafety({ companyId: this.companyID }).then(res => {
|
|
|
|
|
this.fireData = res.data
|
|
|
|
|
tubeSafety({ companyId: this.companyID }).then((res) => {
|
|
|
|
|
this.fireData = res.data;
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.initlgwp()
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.initlgwp();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
showDialog() {
|
|
|
|
|
tubeSafetyDetail({ companyId: this.companyID }).then(res => {
|
|
|
|
|
this.fireDetailList = res.data
|
|
|
|
|
this.diaVisible = true
|
|
|
|
|
tubeSafetyDetail({ companyId: this.companyID }).then((res) => {
|
|
|
|
|
this.fireDetailList = res.data;
|
|
|
|
|
this.diaVisible = true;
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.initfxfqs()
|
|
|
|
|
this.initygtb()
|
|
|
|
|
this.initmycz()
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.initfxfqs();
|
|
|
|
|
this.initygtb();
|
|
|
|
|
this.initmycz();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
initygtb() {
|
|
|
|
|
let myChart = echarts.init(document.getElementById("fsywp"));
|
|
|
|
|
const colors = ['#66C3FF', '#FFB571', '#FE6968']
|
|
|
|
|
let data = []
|
|
|
|
|
const colors = ["#66C3FF", "#FFB571", "#FE6968"];
|
|
|
|
|
let data = [];
|
|
|
|
|
this.fireDetailList.radiations.forEach((item, index) => {
|
|
|
|
|
data.push({
|
|
|
|
|
value: item.numValue, name: item.safeRuleName, itemStyle: { color: colors[index], }
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
value: item.numValue,
|
|
|
|
|
name: item.safeRuleName,
|
|
|
|
|
itemStyle: { color: colors[index] },
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
let option = {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'item'
|
|
|
|
|
trigger: "item",
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
// type: 'scroll',
|
|
|
|
|
orient: 'vertical',
|
|
|
|
|
top: '15%',
|
|
|
|
|
right: '5%',
|
|
|
|
|
orient: "vertical",
|
|
|
|
|
top: "15%",
|
|
|
|
|
right: "5%",
|
|
|
|
|
padding: [5, 10],
|
|
|
|
|
itemGap: 10,
|
|
|
|
|
itemWidth: 6,
|
|
|
|
|
itemHeight: 6,
|
|
|
|
|
width: 100,
|
|
|
|
|
backgroundColor: 'rgba(108,128,151,0.2)',
|
|
|
|
|
backgroundColor: "rgba(108,128,151,0.2)",
|
|
|
|
|
lineHeight: 24,
|
|
|
|
|
textStyle: {
|
|
|
|
|
rich: {
|
|
|
|
|
@ -106,72 +113,76 @@ export default {
|
|
|
|
|
var percent = 0;
|
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
|
if (data[i].name == name) {
|
|
|
|
|
percent = data[i].value
|
|
|
|
|
percent = data[i].value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return "{a|" + name + "}" + "{b|" + percent + "}";
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
graphic: [{
|
|
|
|
|
type: 'image', // 插入圆环中间的图片
|
|
|
|
|
graphic: [
|
|
|
|
|
{
|
|
|
|
|
type: "image", // 插入圆环中间的图片
|
|
|
|
|
style: {
|
|
|
|
|
image: require('../../assets/companyCanban/放射源物品01.png'), // 本地图片要用require引入
|
|
|
|
|
image: require("../../assets/companyCanban/放射源物品01.png"), // 本地图片要用require引入
|
|
|
|
|
width: 90, // 设置图片大小
|
|
|
|
|
height: 90
|
|
|
|
|
height: 90,
|
|
|
|
|
},
|
|
|
|
|
// 设置图片位置
|
|
|
|
|
top: "23.8%",
|
|
|
|
|
left: "8.5%",
|
|
|
|
|
},],
|
|
|
|
|
backgroundColor: 'rgba(255,255,255,0)',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
backgroundColor: "rgba(255,255,255,0)",
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: ['55%', '70%'],
|
|
|
|
|
type: "pie",
|
|
|
|
|
radius: ["55%", "70%"],
|
|
|
|
|
top: "middle",
|
|
|
|
|
left: "left",
|
|
|
|
|
width: '45%',
|
|
|
|
|
width: "45%",
|
|
|
|
|
height: 190,
|
|
|
|
|
center: ['45%', '50%'],
|
|
|
|
|
center: ["45%", "50%"],
|
|
|
|
|
itemStyle: {
|
|
|
|
|
borderRadius: 0,
|
|
|
|
|
borderColor: 'rgba(255,255,255,0)',
|
|
|
|
|
borderWidth: 5
|
|
|
|
|
borderColor: "rgba(255,255,255,0)",
|
|
|
|
|
borderWidth: 5,
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
position: 'center'
|
|
|
|
|
position: "center",
|
|
|
|
|
},
|
|
|
|
|
data
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
data,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
option && myChart.setOption(option);
|
|
|
|
|
},
|
|
|
|
|
initmycz() {
|
|
|
|
|
let myChart = echarts.init(document.getElementById("mycz"));
|
|
|
|
|
const colors = ['#66C3FF', '#FFB571', '#FE6968']
|
|
|
|
|
let data = []
|
|
|
|
|
const colors = ["#66C3FF", "#FFB571", "#FE6968"];
|
|
|
|
|
let data = [];
|
|
|
|
|
this.fireDetailList.firearms.forEach((item, index) => {
|
|
|
|
|
data.push({
|
|
|
|
|
value: item.numValue, name: item.safeRuleName, itemStyle: { color: colors[index], }
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
value: item.numValue,
|
|
|
|
|
name: item.safeRuleName,
|
|
|
|
|
itemStyle: { color: colors[index] },
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
let option = {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'item'
|
|
|
|
|
trigger: "item",
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
// type: 'scroll',
|
|
|
|
|
orient: 'vertical',
|
|
|
|
|
top: '15%',
|
|
|
|
|
right: '5%',
|
|
|
|
|
orient: "vertical",
|
|
|
|
|
top: "15%",
|
|
|
|
|
right: "5%",
|
|
|
|
|
padding: [5, 10],
|
|
|
|
|
itemGap: 10,
|
|
|
|
|
itemWidth: 6,
|
|
|
|
|
itemHeight: 6,
|
|
|
|
|
width: 100,
|
|
|
|
|
backgroundColor: 'rgba(108,128,151,0.2)',
|
|
|
|
|
backgroundColor: "rgba(108,128,151,0.2)",
|
|
|
|
|
lineHeight: 24,
|
|
|
|
|
textStyle: {
|
|
|
|
|
rich: {
|
|
|
|
|
@ -196,59 +207,61 @@ export default {
|
|
|
|
|
var percent = 0;
|
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
|
if (data[i].name == name) {
|
|
|
|
|
percent = data[i].value
|
|
|
|
|
percent = data[i].value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return "{a|" + name + "}" + "{b|" + percent + "}";
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
graphic: [{
|
|
|
|
|
type: 'image', // 插入圆环中间的图片
|
|
|
|
|
graphic: [
|
|
|
|
|
{
|
|
|
|
|
type: "image", // 插入圆环中间的图片
|
|
|
|
|
style: {
|
|
|
|
|
image: require('../../assets/companyCanban/民用枪支管理01.png'), // 本地图片要用require引入
|
|
|
|
|
image: require("../../assets/companyCanban/民用枪支管理01.png"), // 本地图片要用require引入
|
|
|
|
|
width: 90, // 设置图片大小
|
|
|
|
|
height: 90
|
|
|
|
|
height: 90,
|
|
|
|
|
},
|
|
|
|
|
// 设置图片位置
|
|
|
|
|
top: "23.8%",
|
|
|
|
|
left: "8.5%",
|
|
|
|
|
},],
|
|
|
|
|
backgroundColor: 'rgba(255,255,255,0)',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
backgroundColor: "rgba(255,255,255,0)",
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: ['55%', '70%'],
|
|
|
|
|
type: "pie",
|
|
|
|
|
radius: ["55%", "70%"],
|
|
|
|
|
top: "middle",
|
|
|
|
|
left: "left",
|
|
|
|
|
width: '45%',
|
|
|
|
|
width: "45%",
|
|
|
|
|
height: 190,
|
|
|
|
|
center: ['45%', '50%'],
|
|
|
|
|
center: ["45%", "50%"],
|
|
|
|
|
itemStyle: {
|
|
|
|
|
borderRadius: 0,
|
|
|
|
|
borderColor: 'rgba(255,255,255,0)',
|
|
|
|
|
borderWidth: 5
|
|
|
|
|
borderColor: "rgba(255,255,255,0)",
|
|
|
|
|
borderWidth: 5,
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
position: 'center'
|
|
|
|
|
position: "center",
|
|
|
|
|
},
|
|
|
|
|
data
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
data,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
option && myChart.setOption(option);
|
|
|
|
|
},
|
|
|
|
|
initfxfqs() {
|
|
|
|
|
let myChart = echarts.init(document.getElementById("fxfqs"));
|
|
|
|
|
const dateList = this.fireDetailList.list_75.map(item => {
|
|
|
|
|
return item.statisticsDate
|
|
|
|
|
})
|
|
|
|
|
const jingnwaiList = this.fireDetailList.list_75.map(item => {
|
|
|
|
|
return item.numValue
|
|
|
|
|
})
|
|
|
|
|
const jingnneiList = this.fireDetailList.list_76.map(item => {
|
|
|
|
|
return item.numValue
|
|
|
|
|
})
|
|
|
|
|
const dateList = this.fireDetailList.list_75.map((item) => {
|
|
|
|
|
return item.statisticsDate;
|
|
|
|
|
});
|
|
|
|
|
const jingnwaiList = this.fireDetailList.list_75.map((item) => {
|
|
|
|
|
return item.numValue;
|
|
|
|
|
});
|
|
|
|
|
const jingnneiList = this.fireDetailList.list_76.map((item) => {
|
|
|
|
|
return item.numValue;
|
|
|
|
|
});
|
|
|
|
|
const option = {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: "axis",
|
|
|
|
|
@ -259,23 +272,26 @@ export default {
|
|
|
|
|
bottom: "15%",
|
|
|
|
|
left: "15%",
|
|
|
|
|
},
|
|
|
|
|
legend: [{
|
|
|
|
|
data: ['这是一个小标题'],
|
|
|
|
|
top: '5%',
|
|
|
|
|
legend: [
|
|
|
|
|
{
|
|
|
|
|
data: ["这是一个小标题"],
|
|
|
|
|
top: "5%",
|
|
|
|
|
width: 100,
|
|
|
|
|
selectedMode: false,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: 'rgba(255, 255, 255, 0.7)'
|
|
|
|
|
color: "rgba(255, 255, 255, 0.7)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}, {
|
|
|
|
|
top: '5%',
|
|
|
|
|
right: 'center',
|
|
|
|
|
{
|
|
|
|
|
top: "5%",
|
|
|
|
|
right: "center",
|
|
|
|
|
width: 200,
|
|
|
|
|
data: ['易制爆物品', '剧毒物品'],
|
|
|
|
|
data: ["易制爆物品", "剧毒物品"],
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: 'rgba(255, 255, 255, 0.7)'
|
|
|
|
|
color: "rgba(255, 255, 255, 0.7)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},],
|
|
|
|
|
],
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: "category",
|
|
|
|
|
show: true,
|
|
|
|
|
@ -370,42 +386,58 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
initlgwp() {
|
|
|
|
|
const wupin = {
|
|
|
|
|
name: '列管物品',
|
|
|
|
|
value: [this.fireData[0].sumNumValue, this.fireData[1].sumNumValue, this.fireData[2].sumNumValue, this.fireData[3].sumNumValue],
|
|
|
|
|
name: "列管物品",
|
|
|
|
|
value: [
|
|
|
|
|
this.fireData[0].sumNumValue,
|
|
|
|
|
this.fireData[1].sumNumValue,
|
|
|
|
|
this.fireData[2].sumNumValue,
|
|
|
|
|
this.fireData[3].sumNumValue,
|
|
|
|
|
],
|
|
|
|
|
// value: [2, 3, 3, 2],
|
|
|
|
|
areaStyle: {
|
|
|
|
|
color: {
|
|
|
|
|
type: 'linear',
|
|
|
|
|
type: "linear",
|
|
|
|
|
x: 0,
|
|
|
|
|
y: 0,
|
|
|
|
|
x2: 0,
|
|
|
|
|
y2: 1,
|
|
|
|
|
colorStops: [{
|
|
|
|
|
offset: 0, color: 'rgba(101,255,251,0.45)' // 0% 处的颜色
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1, color: 'rgba(0,255,142,0.42)' // 100% 处的颜色
|
|
|
|
|
}],
|
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
}
|
|
|
|
|
colorStops: [
|
|
|
|
|
{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: "rgba(101,255,251,0.45)", // 0% 处的颜色
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: "rgba(0,255,142,0.42)", // 100% 处的颜色
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
global: false, // 缺省为 false
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: 'rgba(102,255,196,1)'
|
|
|
|
|
color: "rgba(102,255,196,1)",
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: '#66FFC4'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const sum = [this.fireData[0].sumNumValue, this.fireData[1].sumNumValue, this.fireData[2].sumNumValue, this.fireData[3].sumNumValue].sort(function (a, b) {
|
|
|
|
|
color: "#66FFC4",
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
const sum = [
|
|
|
|
|
this.fireData[0].sumNumValue,
|
|
|
|
|
this.fireData[1].sumNumValue,
|
|
|
|
|
this.fireData[2].sumNumValue,
|
|
|
|
|
this.fireData[3].sumNumValue,
|
|
|
|
|
].sort(function (a, b) {
|
|
|
|
|
return b - a;
|
|
|
|
|
})[0];
|
|
|
|
|
console.log(sum, '总数');
|
|
|
|
|
console.log(sum, "总数");
|
|
|
|
|
let myChart = echarts.init(document.getElementById("lgwp"));
|
|
|
|
|
let option = {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'item',
|
|
|
|
|
trigger: "item",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
radar: {
|
|
|
|
|
radius: "60%",
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
@ -413,48 +445,43 @@ export default {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
splitArea: {
|
|
|
|
|
|
|
|
|
|
areaStyle: {
|
|
|
|
|
color: 'rgba(29,138,134,0.26)',
|
|
|
|
|
}
|
|
|
|
|
color: "rgba(29,138,134,0.26)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: 'rgba(29,138,134,1)',
|
|
|
|
|
}
|
|
|
|
|
color: "rgba(29,138,134,1)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// shape: 'circle',
|
|
|
|
|
indicator: [
|
|
|
|
|
{ name: '危险化学品', max: sum },
|
|
|
|
|
{ name: '放射源物品', max: sum },
|
|
|
|
|
{ name: '民爆物品', max: sum },
|
|
|
|
|
{ name: '民用枪支管理', max: sum },
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
{ name: "危险化学品", max: sum },
|
|
|
|
|
{ name: "放射源物品", max: sum },
|
|
|
|
|
{ name: "民爆物品", max: sum },
|
|
|
|
|
{ name: "民用枪支管理", max: sum },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: '列管物品',
|
|
|
|
|
type: 'radar',
|
|
|
|
|
data: [
|
|
|
|
|
wupin
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
name: "列管物品",
|
|
|
|
|
type: "radar",
|
|
|
|
|
data: [wupin],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
option && myChart.setOption(option);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.xfwp {
|
|
|
|
|
width: calc(33.33% - 13.33px);
|
|
|
|
|
width: calc(50% - 13.33px);
|
|
|
|
|
height: 100%;
|
|
|
|
|
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/safetyIndex/modelback.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
@ -463,10 +490,10 @@ export default {
|
|
|
|
|
.title {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 33px;
|
|
|
|
|
background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/safetyIndex/titleback.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #D9E7FF;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
@ -485,19 +512,18 @@ export default {
|
|
|
|
|
height: calc(100% - 35px);
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
// padding: 12px 20px;
|
|
|
|
|
//padding: 12px 0;
|
|
|
|
|
|
|
|
|
|
.lgwp {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.picForm {
|
|
|
|
|
/deep/ .el-dialog {
|
|
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
|
|
background: url('~@/assets/head/编组 3021112.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/head/编组 3021112.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 841px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
@ -505,7 +531,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.el-dialog__title {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #EBFFF4;
|
|
|
|
|
color: #ebfff4;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
@ -520,7 +546,7 @@ export default {
|
|
|
|
|
height: 230px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
background: url('~@/assets/companyCanban/09091.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/09091.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
@ -534,10 +560,10 @@ export default {
|
|
|
|
|
left: 14px;
|
|
|
|
|
top: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #FFE6D9;
|
|
|
|
|
color: #ffe6d9;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.50);
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.5);
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -545,12 +571,12 @@ export default {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
background: url('~@/assets/companyCanban/矩形（装饰）.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/矩形（装饰）.png")
|
|
|
|
|
no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 15px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bottomBox {
|
|
|
|
|
@ -562,7 +588,7 @@ export default {
|
|
|
|
|
.fsywp {
|
|
|
|
|
width: 385px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background: url('~@/assets/companyCanban/09091.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/09091.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
@ -571,10 +597,10 @@ export default {
|
|
|
|
|
left: 14px;
|
|
|
|
|
top: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #FFE6D9;
|
|
|
|
|
color: #ffe6d9;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.50);
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.5);
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -582,7 +608,8 @@ export default {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
background: url('~@/assets/companyCanban/矩形（装饰）.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/矩形（装饰）.png")
|
|
|
|
|
no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 15px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
@ -592,7 +619,7 @@ export default {
|
|
|
|
|
.mycz {
|
|
|
|
|
width: 385px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background: url('~@/assets/companyCanban/09091.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/09091.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
@ -601,10 +628,10 @@ export default {
|
|
|
|
|
left: 14px;
|
|
|
|
|
top: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #FFE6D9;
|
|
|
|
|
color: #ffe6d9;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.50);
|
|
|
|
|
text-shadow: 0 0 8px rgba(255, 119, 52, 0.5);
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -612,7 +639,8 @@ export default {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
background: url('~@/assets/companyCanban/矩形（装饰）.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyCanban/矩形（装饰）.png")
|
|
|
|
|
no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 15px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
|
loveflow
7 months ago