yinq
/
zs_aucma-mes-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改界面显示

Browse Source
master
夜笙歌 2 years ago
parent 8b4c92b690
commit 56c7d8eb6f
5 changed files with 479 additions and 612 deletions
Show Stats Download Patch File Download Diff File

58
public/data.json
Unescape Escape View File

@ -1166,16 +1166,16 @@
], ],
"ImportAndExportStatistics": { "ImportAndExportStatistics": {
"x": [ "x": [
"A-01", "1时",
"A-02", "2时",
"A-03", "3时",
"A-04", "4时",
"A-05", "5时",
"A-06", "6时",
"A-07", "7时",
"A-08", "8时",
"A-09", "9时",
"A-10" "10时"
], ],
"y": [ "y": [
{ {
@ -1287,44 +1287,18 @@
}, },
"foamFixtureState": { "foamFixtureState": {
"x": [ "x": [
"运行中", "A",
"停止", "B",
"故障" "C"
], ],
"y": [ "y": {
{ "name": "运行中",
"name": "A",
"data": [ "data": [
5, 5,
1, 1,
3 3
] ]
}, }
{
"name": "B",
"data": [
2,
5,
2
]
},
{
"name": "C",
"data": [
4,
3,
6
]
},
{
"name": "D",
"data": [
3,
8,
2
]
}
]
} }
} }
} }

39
src/views/board/caseShell/index2.vue
Unescape Escape View File

@ -9,6 +9,7 @@
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'"> :style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
{{ i }} {{ i }}
</div> </div>
<div class="meter">平均节拍：{{meter}}</div>
<div class="scrollTable"> <div class="scrollTable">
<div style="background-color: #094170"> <div style="background-color: #094170">
@ -87,6 +88,7 @@
<div class="chart3"> <div class="chart3">
<Chart ref="chart3"></Chart> <Chart ref="chart3"></Chart>
</div> </div>
<div class="inventoryInfo">内胆库剩余:{{ linerNum }}% 箱壳库剩余:{{ caseNum }}%</div>
</div> </div>
</template> </template>
@ -104,9 +106,12 @@ export default {
name: "Liner", name: "Liner",
data() { data() {
return { return {
linerNum: 50,
caseNum: 44,
meter:30,
title: [ title: [
'工单计划', '工单计划',
'出入库统计', '小时统计',
'库存统计', '库存统计',
'发泡夹具状态', '发泡夹具状态',
], ],
@ -353,7 +358,7 @@ export default {
}) })
this.$refs.chart3.setData({ this.$refs.chart3.setData({
legend: { legend: {
data: e.liner.foamFixtureState.y.map(val => val.name), data: ['运行中'],
right: 'center', right: 'center',
top: 0, top: 0,
textStyle: { textStyle: {
@ -407,11 +412,11 @@ export default {
}, },
axisLabel: {}, axisLabel: {},
}, },
series: e.liner.foamFixtureState.y.map(val => { series: [
return { {
name: val.name, name: e.liner.foamFixtureState.y.name,
type: "bar", type: "bar",
barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%", barWidth: '30%',
barMaxWidth: 50, barMaxWidth: 50,
itemStyle: { itemStyle: {
normal: { normal: {
@ -427,9 +432,9 @@ export default {
]), ]),
}, },
}, },
data: val.data, data: e.liner.foamFixtureState.y.data,
} }
}) ]
}) })
}) })
}, },
@ -538,4 +543,22 @@ export default {
width: 45.5%; width: 45.5%;
height: 30.7%; height: 30.7%;
} }
.inventoryInfo {
position: absolute;
transform: translateY(-50%);
font-size: 0.9vw;
top: 59.6%;
left: 13.7%;
color: #fff;
letter-spacing: 1px;
}
.meter{
position: absolute;
top: 19.7%;
left: 61.5%;
transform: translateY(-50%);
font-size: 0.8vw;
color: #fff;
}
</style> </style>

30
src/views/board/liner/index.vue
Unescape Escape View File

@ -72,6 +72,7 @@
</div> </div>
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>
<div class="meter">平均节拍：{{meter}}</div>
<div class="chart1"> <div class="chart1">
<Chart ref="chart1"></Chart> <Chart ref="chart1"></Chart>
</div> </div>
@ -102,12 +103,13 @@ export default {
data() { data() {
return { return {
title: [ title: [
'工单计划', '箱壳生产计划',
'出入库统计', '小时入库统计',
'库存状态', '库存状态',
'泡前库库存统计', '泡前库库存统计',
'发泡夹具状态', '箱体发泡实时状态',
], ],
meter:30,
linerNum: 50, linerNum: 50,
caseNum: 44, caseNum: 44,
titlePosition: [ titlePosition: [
@ -426,7 +428,7 @@ export default {
}) })
this.$refs.chart4.setData({ this.$refs.chart4.setData({
legend: { legend: {
data: e.liner.foamFixtureState.y.map(val => val.name), data: ['运行中'],
right: 'center', right: 'center',
top: 0, top: 0,
textStyle: { textStyle: {
@ -480,11 +482,11 @@ export default {
}, },
axisLabel: {}, axisLabel: {},
}, },
series: e.liner.foamFixtureState.y.map(val => { series: [
return { {
name: val.name, name: e.liner.foamFixtureState.y.name,
type: "bar", type: "bar",
barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%", barWidth: '30%',
barMaxWidth: 50, barMaxWidth: 50,
itemStyle: { itemStyle: {
normal: { normal: {
@ -500,9 +502,9 @@ export default {
]), ]),
}, },
}, },
data: val.data, data: e.liner.foamFixtureState.y.data,
} }
}) ]
}) })
}) })
}, },
@ -641,4 +643,12 @@ export default {
color: #fff; color: #fff;
letter-spacing: 1px; letter-spacing: 1px;
} }
.meter{
position: absolute;
top: 19.7%;
left: 62.5%;
transform: translateY(-50%);
font-size: 0.8vw;
color: #fff;
}
</style> </style>

884
src/views/board/week/index.vue
Unescape Escape View File

@ -9,6 +9,16 @@
<div class="manpowerAttendance" id="manpowerAttendance"> <div class="manpowerAttendance" id="manpowerAttendance">
<Chart ref="manpowerAttendance"></Chart> <Chart ref="manpowerAttendance"></Chart>
</div> </div>
<div class="classSelect">
<el-select v-model="selectValue" placeholder="请选择">
<el-option
v-for="item in selectOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<!--IQC--> <!--IQC-->
<div class="IQC" id="IQC"> <div class="IQC" id="IQC">
@ -95,6 +105,7 @@
</div> </div>
<div v-html="safeDayHtml"></div> <div v-html="safeDayHtml"></div>
<div class="totalNum">总数：{{ totalNum }}</div>
</div> </div>
</template> </template>
@ -112,14 +123,30 @@ export default {
name: "Liner", name: "Liner",
data() { data() {
return { return {
selectOptions: [
{
value: '1',
label: '老线'
},
{
value: '2',
label: '新线'
},
{
value: '3',
label: '合计'
},
],
selectValue: '1',
title: [ title: [
'产量统计', '产量统计',
'三日订单执行情况', '三日订单执行情况',
'班组 6s 排行榜', '班组 6s 排行榜',
'周生产型号统计', '周生产型号统计',
'周质量分析', '重点工序监控',
'安全生产', '安全生产',
], ],
totalNum: 10000,
titlePosition: [ titlePosition: [
{ {
top: 11.5, top: 11.5,
@ -372,7 +399,7 @@ export default {
color: "#F1F1F3", color: "#F1F1F3",
}, },
}, },
data: ['A-01', 'A-02', 'A-03', 'A-04', 'A-05', 'A-06', 'A-07'] data: ['1日', '2日', '3日', '4日', '5日', '6日', '7日']
} }
], ],
yAxis: [ yAxis: [
@ -527,585 +554,402 @@ export default {
}, },
], ],
}) })
this.$refs.equipmentPowerOne.setData({
grid: {
top: '28%',
left: '5%',
right: '5%',
bottom: '0%',
containLabel: true,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
},
},
},
legend: {
top: '5%',
itemWidth: 20,
itemHeight: 10,
itemStyle: {
borderWidth: 1,
borderHeight: 1,
},
formatter: function (val) {
return `${val} `
},
textStyle: {
fontSize: 0.75 * vw,
color: function () {
},
}, this.$refs.equipmentPowerOne.setData({
}, series: [
xAxis: {
type: 'category',
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
axisLine: {
show: true,
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#ffffff', //X轴文字颜色
},
},
},
yAxis: [
{ {
name: '合格率', type: "pie",
min: (min - 2 < 0) ? 0 : min - 2, clockWise: false,
max: (max + 2 > 100) ? 100 : max + 2, radius: ['60%', '75%'],
type: 'value', itemStyle: {
nameTextStyle: { normal: {
color: '#fff', label: {
},
splitLine: {
show: false,
lineStyle: {
color: '#eeeeee',
},
},
axisTick: {
show: false, show: false,
}, },
axisLine: { labelLine: {
show: false, show: false,
}, },
axisLabel: { shadowBlur: 0,
shadowColor: "#389af4",
},
},
hoverAnimation: false,
center: ["50%", "50%"],
data: [
{
value: 50,
label: {
normal: {
rich: {
a: {
color: "#389af4",
align: "center",
fontSize: 1.1 * vw,
fontWeight: "bold",
},
b: {
color: "#fff",
align: "center",
fontSize: 0.5 * vw,
},
},
formatter: function (params) {
return (
"{a|" +
params.value +
"%}" +
"\n{b|内胆检漏}"
);
},
position: "center",
show: true, show: true,
interval: 0,
textStyle: { textStyle: {
color: '#ffffff', fontSize: "14",
fontWeight: "normal",
color: "#fff",
},
},
},
itemStyle: {
normal: {
color: "#389af4",
shadowColor: "#389af4",
shadowBlur: 0,
},
},
},
{
value: 50,
name: "invisible",
itemStyle: {
normal: {
color: "#412a4e",
},
emphasis: {
color: "#412a4e",
}, },
}, },
}, },
], ],
series: [
{
name: "内胆检漏",
type: 'line',
smooth: false,
showAllSymbol: true, //显示所有图形。
symbol: 'circle', //标记的图形为实心圆
symbolSize: 4, //标记的大小
itemStyle: {
//折线拐点标志的样式
color: '#389af4',
borderWidth: '2',
borderColor: '#389af4',
}, },
lineStyle: { ],
color: '#389af4',
},
label: {
//图形上的文本标签
normal: {
formatter: `{c}${''}`,
show: true,
position: "top",
textStyle: {
color: '#389af4',
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 0.5 * vw,
},
},
},
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
},
]
}) })
this.$refs.equipmentPowerTwo.setData({ this.$refs.equipmentPowerTwo.setData({
grid: { series: [
top: '28%',
left: '5%',
right: '5%',
bottom: '0%',
containLabel: true,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
},
},
},
legend: {
top: '5%',
itemWidth: 20,
itemHeight: 10,
itemStyle: {
borderWidth: 1,
borderHeight: 1,
},
formatter: function (val) {
return `${val} `
},
textStyle: {
fontSize: 0.75 * vw,
color: function () {
},
},
},
xAxis: {
type: 'category',
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
axisLine: {
show: true,
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#ffffff', //X轴文字颜色
},
},
},
yAxis: [
{ {
name: '合格率', type: "pie",
min: (min - 2 < 0) ? 0 : min - 2, clockWise: false,
max: (max + 2 > 100) ? 100 : max + 2, radius: ['60%', '75%'],
type: 'value', itemStyle: {
nameTextStyle: { normal: {
color: '#fff', label: {
},
splitLine: {
show: false,
lineStyle: {
color: '#eeeeee',
},
},
axisTick: {
show: false, show: false,
}, },
axisLine: { labelLine: {
show: false, show: false,
}, },
axisLabel: { shadowBlur: 0,
shadowColor: "#ff8c37",
},
},
hoverAnimation: false,
center: ["50%", "50%"],
data: [
{
value: 50,
label: {
normal: {
rich: {
a: {
color: "#ff8c37",
align: "center",
fontSize: 1.1 * vw,
fontWeight: "bold",
},
b: {
color: "#fff",
align: "center",
fontSize: 0.5 * vw,
},
},
formatter: function (params) {
return (
"{a|" +
params.value +
"%}" +
"\n{b|灌注}"
);
},
position: "center",
show: true, show: true,
interval: 0,
textStyle: { textStyle: {
color: '#ffffff', fontSize: "14",
fontWeight: "normal",
color: "#fff",
},
},
},
itemStyle: {
normal: {
color: "#ff8c37",
shadowColor: "#ff8c37",
shadowBlur: 0,
},
},
},
{
value: 50,
name: "invisible",
itemStyle: {
normal: {
color: "#412a4e",
},
emphasis: {
color: "#412a4e",
}, },
}, },
}, },
], ],
series: [
{
name: "安全检测",
type: 'line',
smooth: false,
showAllSymbol: true, //显示所有图形。
symbol: 'circle', //标记的图形为实心圆
symbolSize: 4, //标记的大小
itemStyle: {
//折线拐点标志的样式
color: '#ff8c37',
borderWidth: '2',
borderColor: '#ff8c37',
}, },
lineStyle: { ],
color: '#ff8c37',
},
label: {
//图形上的文本标签
normal: {
formatter: `{c}${''}`,
show: true,
position: "top",
textStyle: {
color: '#ff8c37',
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 0.5 * vw,
},
},
},
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
},
]
}) })
this.$refs.equipmentPowerThree.setData({ this.$refs.equipmentPowerThree.setData({
grid: { series: [
top: '28%',
left: '5%',
right: '5%',
bottom: '0%',
containLabel: true,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
},
},
},
legend: {
top: '5%',
itemWidth: 20,
itemHeight: 10,
itemStyle: {
borderWidth: 1,
borderHeight: 1,
},
formatter: function (val) {
return `${val} `
},
textStyle: {
fontSize: 0.75 * vw,
color: function () {
},
},
},
xAxis: {
type: 'category',
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
axisLine: {
show: true,
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#ffffff', //X轴文字颜色
},
},
},
yAxis: [
{ {
name: '合格率', type: "pie",
min: (min - 2 < 0) ? 0 : min - 2, clockWise: false,
max: (max + 2 > 100) ? 100 : max + 2, radius: ['60%', '75%'],
type: 'value', itemStyle: {
nameTextStyle: { normal: {
color: '#fff', label: {
},
splitLine: {
show: false,
lineStyle: {
color: '#eeeeee',
},
},
axisTick: {
show: false, show: false,
}, },
axisLine: { labelLine: {
show: false, show: false,
}, },
axisLabel: { shadowBlur: 0,
shadowColor: "#ffc257",
},
},
hoverAnimation: false,
center: ["50%", "50%"],
data: [
{
value: 50,
label: {
normal: {
rich: {
a: {
color: "#ffc257",
align: "center",
fontSize: 1.1 * vw,
fontWeight: "bold",
},
b: {
color: "#fff",
align: "center",
fontSize: 0.5 * vw,
},
},
formatter: function (params) {
return (
"{a|" +
params.value +
"%}" +
"\n{b|低压检漏}"
);
},
position: "center",
show: true, show: true,
interval: 0,
textStyle: { textStyle: {
color: '#ffffff', fontSize: "14",
fontWeight: "normal",
color: "#fff",
},
},
},
itemStyle: {
normal: {
color: "#ffc257",
shadowColor: "#ffc257",
shadowBlur: 0,
},
},
},
{
value: 50,
name: "invisible",
itemStyle: {
normal: {
color: "#412a4e",
},
emphasis: {
color: "#412a4e",
}, },
}, },
}, },
], ],
series: [
{
name: "成品检漏",
type: 'line',
smooth: false,
showAllSymbol: true, //显示所有图形。
symbol: 'circle', //标记的图形为实心圆
symbolSize: 4, //标记的大小
itemStyle: {
//折线拐点标志的样式
color: '#ffc257',
borderWidth: '2',
borderColor: '#ffc257',
}, },
lineStyle: { ],
color: '#ffc257',
},
label: {
//图形上的文本标签
normal: {
formatter: `{c}${''}`,
show: true,
position: "top",
textStyle: {
color: '#ffc257',
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 0.5 * vw,
},
},
},
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
},
]
}) })
this.$refs.equipmentPowerFour.setData({ this.$refs.equipmentPowerFour.setData({
grid: { series: [
top: '28%',
left: '5%',
right: '5%',
bottom: '0%',
containLabel: true,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
},
},
},
legend: {
top: '5%',
itemWidth: 20,
itemHeight: 10,
itemStyle: {
borderWidth: 1,
borderHeight: 1,
},
formatter: function (val) {
return `${val} `
},
textStyle: {
fontSize: 0.75 * vw,
color: function () {
},
},
},
xAxis: {
type: 'category',
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
axisLine: {
show: true,
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#ffffff', //X轴文字颜色
},
},
},
yAxis: [
{ {
name: '合格率', type: "pie",
min: (min - 2 < 0) ? 0 : min - 2, clockWise: false,
max: (max + 2 > 100) ? 100 : max + 2, radius: ['60%', '75%'],
type: 'value', itemStyle: {
nameTextStyle: { normal: {
color: '#fff', label: {
},
splitLine: {
show: false,
lineStyle: {
color: '#eeeeee',
},
},
axisTick: {
show: false, show: false,
}, },
axisLine: { labelLine: {
show: false, show: false,
}, },
axisLabel: { shadowBlur: 0,
shadowColor: "#fd6f97",
},
},
hoverAnimation: false,
center: ["50%", "50%"],
data: [
{
value: 50,
label: {
normal: {
rich: {
a: {
color: "#fd6f97",
align: "center",
fontSize: 1.1 * vw,
fontWeight: "bold",
},
b: {
color: "#fff",
align: "center",
fontSize: 0.5 * vw,
},
},
formatter: function (params) {
return (
"{a|" +
params.value +
"%}" +
"\n{b|安规检}"
);
},
position: "center",
show: true, show: true,
interval: 0,
textStyle: { textStyle: {
color: '#ffffff', fontSize: "14",
fontWeight: "normal",
color: "#fff",
},
},
},
itemStyle: {
normal: {
color: "#fd6f97",
shadowColor: "#fd6f97",
shadowBlur: 0,
},
},
},
{
value: 50,
name: "invisible",
itemStyle: {
normal: {
color: "#412a4e",
},
emphasis: {
color: "#412a4e",
}, },
}, },
}, },
], ],
series: [
{
name: "测温性能",
type: 'line',
smooth: false,
showAllSymbol: true, //显示所有图形。
symbol: 'circle', //标记的图形为实心圆
symbolSize: 4, //标记的大小
itemStyle: {
//折线拐点标志的样式
color: '#fd6f97',
borderWidth: '2',
borderColor: '#fd6f97',
}, },
lineStyle: { ],
color: '#fd6f97',
},
label: {
//图形上的文本标签
normal: {
formatter: `{c}${''}`,
show: true,
position: "top",
textStyle: {
color: '#fd6f97',
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 0.5 * vw,
},
},
},
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
},
]
}) })
this.$refs.equipmentPowerFive.setData({ this.$refs.equipmentPowerFive.setData({
grid: { series: [
top: '28%',
left: '5%',
right: '5%',
bottom: '0%',
containLabel: true,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
},
},
},
legend: {
top: '5%',
itemWidth: 20,
itemHeight: 10,
itemStyle: {
borderWidth: 1,
borderHeight: 1,
},
formatter: function (val) {
return `${val} `
},
textStyle: {
fontSize: 0.75 * vw,
color: function () {
},
},
},
xAxis: {
type: 'category',
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
axisLine: {
show: true,
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#ffffff', //X轴文字颜色
},
},
},
yAxis: [
{ {
name: '合格率', type: "pie",
min: (min - 2 < 0) ? 0 : min - 2, clockWise: false,
max: (max + 2 > 100) ? 100 : max + 2, radius: ['60%', '75%'],
type: 'value', itemStyle: {
nameTextStyle: { normal: {
color: '#fff', label: {
},
splitLine: {
show: false,
lineStyle: {
color: '#eeeeee',
},
},
axisTick: {
show: false, show: false,
}, },
axisLine: { labelLine: {
show: false, show: false,
}, },
axisLabel: { shadowBlur: 0,
shadowColor: "#a181fc",
},
},
hoverAnimation: false,
center: ["50%", "50%"],
data: [
{
value: 50,
label: {
normal: {
rich: {
a: {
color: "#a181fc",
align: "center",
fontSize: 1.1 * vw,
fontWeight: "bold",
},
b: {
color: "#fff",
align: "center",
fontSize: 0.5 * vw,
},
},
formatter: function (params) {
return (
"{a|" +
params.value +
"%}" +
"\n{b|终检}"
);
},
position: "center",
show: true, show: true,
interval: 0,
textStyle: { textStyle: {
color: '#ffffff', fontSize: "14",
fontWeight: "normal",
color: "#fff",
},
},
},
itemStyle: {
normal: {
color: "#a181fc",
shadowColor: "#a181fc",
shadowBlur: 0,
},
},
},
{
value: 50,
name: "invisible",
itemStyle: {
normal: {
color: "#412a4e",
},
emphasis: {
color: "#412a4e",
}, },
}, },
}, },
], ],
series: [
{
name: "成品外观",
type: 'line',
smooth: false,
showAllSymbol: true, //显示所有图形。
symbol: 'circle', //标记的图形为实心圆
symbolSize: 4, //标记的大小
itemStyle: {
//折线拐点标志的样式
color: '#a181fc',
borderWidth: '2',
borderColor: '#a181fc',
}, },
lineStyle: { ],
color: '#a181fc',
},
label: {
//图形上的文本标签
normal: {
formatter: `{c}${''}`,
show: true,
position: "top",
textStyle: {
color: '#a181fc',
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 0.5 * vw,
},
},
},
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
},
]
}) })
this.day() this.day()
}, },
@ -1240,4 +1084,20 @@ export default {
display: inline-block; display: inline-block;
width: 16.6%; width: 16.6%;
} }
.totalNum {
position: absolute;
top: 11.5%;
left: 18%;
transform: translateY(-50%);
color: #fff;
font-size: 0.8vw;
}
.classSelect {
position: absolute;
top: 6%;
left: 4%;
width: 5vw;
}
</style> </style>

30
src/views/model/model.vue
Unescape Escape View File

@ -112,21 +112,21 @@ export default {
console.log(AMRT) console.log(AMRT)
let num = 0 let num = 0
let modelArr = [ let modelArr = [
'1720315475507941376', // '1720315475507941376',
'1720315479907766272', // '1720315479907766272',
'1720315484513112064', // '1720315484513112064',
'1720315500866703360', // '1720315500866703360',
'1720315558030872576', // '1720315558030872576',
'1720315596551360512', // '1720315596551360512',
'1720315644550975488', // '1720315644550975488',
'1720315648946606080', // '1720315648946606080',
'1720315687114772480', // '1720315687114772480',
'1720315691422322688', // '1720315691422322688',
'1720315722275622912', // '1720315722275622912',
'1720315729129115648', // '1720315729129115648',
'1720315768454909952', // '1720315768454909952',
'1720316275214913536', // '1720316275214913536',
'1720316297822212096', // '1720316297822212096',
] ]
modelArr.forEach(e => { modelArr.forEach(e => {
let model = viewer.loadModel(e, { let model = viewer.loadModel(e, {

Write Preview
Loading…
Cancel
Save