|
|
|
|
@ -7,12 +7,12 @@
|
|
|
|
|
<div class="left_top_div">
|
|
|
|
|
<div v-show="!loading1" class="alltitle">今日质检数量</div>
|
|
|
|
|
<dv-loading v-show="loading1" style=""></dv-loading>
|
|
|
|
|
<div class="left_cycle">
|
|
|
|
|
<div class="left_cycle" @click="jumpPage('quality_drawingProcessCheckRecord')">
|
|
|
|
|
<left-top v-show="!loading1" ref="leftTop" :detection-day-num="detectionDayNum" :year="year" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left_area left_mid_area">
|
|
|
|
|
<div class="left_area left_mid_area" @click="jumpPage('produce_workOrderArrange')">
|
|
|
|
|
<div class="left_top_div">
|
|
|
|
|
<div class="alltitle">生产工单管理</div>
|
|
|
|
|
<div class="right_select">
|
|
|
|
|
@ -34,7 +34,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="left_area left_bot_area">
|
|
|
|
|
<div class="left_area left_bot_area" @click="jumpPage('quality_enamellingProcessCheckRecord')">
|
|
|
|
|
<div class="top_title">
|
|
|
|
|
<span>质检良品率</span>
|
|
|
|
|
</div>
|
|
|
|
|
@ -58,7 +58,7 @@
|
|
|
|
|
<span>生产计划与进度</span>
|
|
|
|
|
</div>
|
|
|
|
|
<dv-loading v-show="loading2">Loading...</dv-loading>
|
|
|
|
|
<div v-show="!loading2" class="bar_area">
|
|
|
|
|
<div v-show="!loading2" class="bar_area" @click="jumpPage('produce_workRecords')">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<div class="yxz">
|
|
|
|
|
<div class="bar_title">本周生产总数</div>
|
|
|
|
|
@ -152,7 +152,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div v-show="!loading2" class="mid_area mid_mid_area">
|
|
|
|
|
<div v-show="!loading2" class="mid_area mid_mid_area" @click="jumpPage('plan_produceOrder')">
|
|
|
|
|
<div class="left_area">
|
|
|
|
|
<div class="content_area">
|
|
|
|
|
<div class="ls_content">
|
|
|
|
|
@ -234,43 +234,43 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<dv-loading v-show="loading2">Loading...</dv-loading>
|
|
|
|
|
<div class="mid_area mid_bot_area">
|
|
|
|
|
<div class="mid_area mid_bot_area" @click="jumpPage('produce_workRecords')">
|
|
|
|
|
<!-- <dv-loading v-show="loading2">Loading...</dv-loading> -->
|
|
|
|
|
<mid-mid-bot v-show="!loading2" :year="year" :production-data="productionData" width="900px" height="180px" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <div class="mid_area mid_bot_country_area">-->
|
|
|
|
|
<!-- <div class="total_count"></div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="mid_area mid_bot_country_area">-->
|
|
|
|
|
<!-- <div class="total_count"></div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <!– <div class="douhao"></div> –>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <!– <div class="douhao"></div> –>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">0</div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div class="cunt_count">2</div>-->
|
|
|
|
|
<!-- <!– <div class="douhao"></div> –>-->
|
|
|
|
|
<!-- <div class="cunt_count">1</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">6</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">2</div>-->
|
|
|
|
|
<!-- <div class="unit"></div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="cunt_count">2</div>-->
|
|
|
|
|
<!-- <!– <div class="douhao"></div> –>-->
|
|
|
|
|
<!-- <div class="cunt_count">1</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">6</div>-->
|
|
|
|
|
<!-- <div class="cunt_count">2</div>-->
|
|
|
|
|
<!-- <div class="unit"></div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<div class="mid_area mid_bot_end_area">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item" @click="jumpPage('produce_workRecords')">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<span style="font-size: 22px; font-weight: bolder; color: #fff">{{ productionData.wiredrawingNumWeek && productionData.wiredrawingNumWeek.length && productionData.wiredrawingNumWeek[productionData.wiredrawingNumWeek.length - 1].carryNum || 0 }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<div class="bottom" >
|
|
|
|
|
<div class="left"></div>
|
|
|
|
|
<div class="bot_text">今日报工</div>
|
|
|
|
|
<div class="bot_text" >今日报工</div>
|
|
|
|
|
<div class="right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item" @click="jumpPage('rapidmining_deviceRealtime')">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<span style="font-size: 22px; font-weight: bolder; color: #fff">98%</span>
|
|
|
|
|
<span style="font-size: 22px; font-weight: bolder; color: #fff">85%</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<div class="left"></div>
|
|
|
|
|
@ -278,7 +278,7 @@
|
|
|
|
|
<div class="right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item" @click="jumpPage('energy_electricity_dosage')">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<dv-loading v-show="loading6">Loading...</dv-loading>
|
|
|
|
|
<span v-show="!loading6" style="font-size: 22px; font-weight: bolder; color: #fff">
|
|
|
|
|
@ -299,7 +299,7 @@
|
|
|
|
|
<div class="top_title">
|
|
|
|
|
<span>仓储详情</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right_top_bar">
|
|
|
|
|
<div class="right_top_bar" @click="jumpPage('storage_materialstock')">
|
|
|
|
|
<dv-loading v-show="loading4">Loading...</dv-loading>
|
|
|
|
|
<right-top
|
|
|
|
|
v-show="!loading4"
|
|
|
|
|
@ -311,7 +311,7 @@
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right_area right_mid_top_area">
|
|
|
|
|
<div class="right_area right_mid_top_area" @click="jumpPage('storage_materialstock')">
|
|
|
|
|
<div v-show="!loading12" class="box">
|
|
|
|
|
<div class="inner-box">
|
|
|
|
|
<div class="image image1"></div>
|
|
|
|
|
@ -368,7 +368,7 @@
|
|
|
|
|
<div class="top_title">
|
|
|
|
|
<span>设备状态</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bar_area">
|
|
|
|
|
<div class="bar_area" @click="jumpPage('rapidmining_deviceRealtime')">
|
|
|
|
|
<div class="yxz">
|
|
|
|
|
<div class="bar_title">运行中</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
@ -412,7 +412,7 @@
|
|
|
|
|
<div class="top_title">
|
|
|
|
|
<span>能耗管理</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bar_area">
|
|
|
|
|
<div class="bar_area" @click="jumpPage('energy_electricity_dosage')">
|
|
|
|
|
<div class="line_area" style="width: 290px; height: 195px; position: absolute; left: 5px">
|
|
|
|
|
<div class="alltitle" style="font-size: 14px; top: 0px; left: 0px">能耗统计</div>
|
|
|
|
|
<div class="bot_cycle"></div>
|
|
|
|
|
@ -508,7 +508,8 @@ import midTopRight from './compents/midTopRight.vue';
|
|
|
|
|
import midMidFirst from './compents/midMidFirst.vue';
|
|
|
|
|
import midMidBot from './compents/midMidBot.vue';
|
|
|
|
|
import { debounce } from './compents/dashboard/mixins/resize';
|
|
|
|
|
import { useAppStore } from '@/store';
|
|
|
|
|
import { useRouter } from 'vue-router';
|
|
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
|
|
|
name: 'HomeView',
|
|
|
|
|
components: {
|
|
|
|
|
@ -527,6 +528,7 @@ export default defineComponent({
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
router : useRouter(),
|
|
|
|
|
year: null,
|
|
|
|
|
totalCount: 0,
|
|
|
|
|
totalWeight: 0,
|
|
|
|
|
@ -614,8 +616,8 @@ export default defineComponent({
|
|
|
|
|
}
|
|
|
|
|
localStorage.setItem('zjCount', this.detectionDayNum);
|
|
|
|
|
}, 1000000)
|
|
|
|
|
// const app = useAppStore();
|
|
|
|
|
// app.setContentFull(false);
|
|
|
|
|
const app = useAppStore();
|
|
|
|
|
app.setContentFull(true);
|
|
|
|
|
this.initData();
|
|
|
|
|
this.handleScreenAuto();
|
|
|
|
|
// 绑定自适应函数 ---防止浏览器栏变化后不再适配
|
|
|
|
|
@ -633,12 +635,6 @@ export default defineComponent({
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
changeYear(){
|
|
|
|
|
const app = useAppStore();
|
|
|
|
|
this.fullScreen = !this.fullScreen;
|
|
|
|
|
app.setContentFull(this.fullScreen);
|
|
|
|
|
},
|
|
|
|
|
// 防抖函数
|
|
|
|
|
debounce(func, wait = 100) {
|
|
|
|
|
let timeout;
|
|
|
|
|
@ -695,7 +691,7 @@ export default defineComponent({
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
this.loading3 = false;
|
|
|
|
|
this.loading1 = false;
|
|
|
|
|
// this.detectionDayNum = localStorage.getItem('zjCount');
|
|
|
|
|
this.detectionDayNum = res.data.detectionDayNum || 1;
|
|
|
|
|
const qcPageResults = res.data.qcPageResults || [];
|
|
|
|
|
for (const item of qcPageResults) {
|
|
|
|
|
this.leftBotData.seriesData.push(Number(item.goodRate).toFixed(2));
|
|
|
|
|
|