From 3123e2167425db30677236bd863db621f0caeec3 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 11:54:42 +0800 Subject: [PATCH] 1 --- src/views/console/authority/apiscope.vue | 3 src/views/mdc/state-feedback.vue | 4 src/views/mdc/status-record.vue | 257 +++++++++++++++++++++--------------- src/views/home/widgets/components/welcome.vue | 10 + src/views/mdc/components/recordChartsByDate.vue | 10 - src/views/mdc/components/recordChartsByWorkstation.vue | 17 +- src/views/home/widgets/components/ver.vue | 4 src/views/mdc/station-live.vue | 6 src/views/mdc/time-analysis.vue | 103 +------------- 9 files changed, 187 insertions(+), 227 deletions(-) diff --git a/src/views/console/authority/apiscope.vue b/src/views/console/authority/apiscope.vue index ce70903..9f3cc80 100644 --- a/src/views/console/authority/apiscope.vue +++ b/src/views/console/authority/apiscope.vue @@ -2,7 +2,7 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-03-26 10:28:33 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-04-17 17:52:50 + * @LastEditTime: 2024-06-05 11:36:50 * @FilePath: /smart-web/src/views/master/person/main/index.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> @@ -18,7 +18,6 @@ <el-button type="danger" plain @click="delData">鍒犻櫎</el-button> </div> <div class="right-content" v-if="searchDataList.length == 0"> - <img src="./quesheng.bd026700.png" /> <div> <span>鏆傛棤鏁版嵁</span> <!-- <span @click="addData">娣诲姞瑙勫垯</span> --> diff --git a/src/views/home/widgets/components/ver.vue b/src/views/home/widgets/components/ver.vue index 74724c3..2116feb 100644 --- a/src/views/home/widgets/components/ver.vue +++ b/src/views/home/widgets/components/ver.vue @@ -100,7 +100,9 @@ this.titleList = []; var data = this.$TOOL.data.get("MENU"); this.workid = data[0].children[0].id; //璁板綍绗竴涓猚hildren鐨刬d - this.CARD_INFO = this.$TOOL.data.get("CARD_INFO").split(","); + if(this.$TOOL.data.get("CARD_INFO") != null) { + this.CARD_INFO = this.$TOOL.data.get("CARD_INFO").split(","); + } var obj = {}; //鍙栨渶鍚庝竴绾ц彍鍗� data.forEach((item,index)=> { diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue index 1c7fe96..c22f2bc 100644 --- a/src/views/home/widgets/components/welcome.vue +++ b/src/views/home/widgets/components/welcome.vue @@ -1,7 +1,15 @@ +<!-- + * @Author: lzhe lzhe@example.com + * @Date: 2024-04-16 15:22:46 + * @LastEditors: lzhe lzhe@example.com + * @LastEditTime: 2024-06-05 11:36:56 + * @FilePath: /src/views/home/widgets/components/welcome.vue + * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE +--> <template> <el-card shadow="hover" header="鍏憡"> <div class="announcement"> - <img src="./quesheng.bd026700.png"> + <!-- <img src="./quesheng.bd026700.png"> --> <div>鏆傛棤鍐呭</div> </div> </el-card> diff --git a/src/views/mdc/components/recordChartsByDate.vue b/src/views/mdc/components/recordChartsByDate.vue index 80303b2..420422a 100644 --- a/src/views/mdc/components/recordChartsByDate.vue +++ b/src/views/mdc/components/recordChartsByDate.vue @@ -16,14 +16,6 @@ components: {saveDialog}, props: ['achievements','date','workstationInfoList'], watch: { - date(val) { - this.current = "1"; - this.getCharts(); - }, - workstationInfoList(val) { - this.current = "1"; - this.getCharts(); - } }, data() { return { @@ -93,6 +85,8 @@ return stauts; }, getCharts() { + console.log(this.workstationInfoList.length == 0,this.date == "",this.date,333) + if(this.date == "") return; var obj = { date: this.date, humanFeedback: true, diff --git a/src/views/mdc/components/recordChartsByWorkstation.vue b/src/views/mdc/components/recordChartsByWorkstation.vue index 930ecdd..2413dfa 100644 --- a/src/views/mdc/components/recordChartsByWorkstation.vue +++ b/src/views/mdc/components/recordChartsByWorkstation.vue @@ -13,14 +13,14 @@ export default { props: ['setWork','achievements',"select"], watch: { - setWork(val) { - this.current = "1"; - this.getCharts(); - }, - select(val) { - this.current = "1"; - this.getCharts(); - } + // setWork(val) { + // this.current = "1"; + // this.getCharts(); + // }, + // select(val) { + // this.current = "1"; + // this.getCharts(); + // } }, data() { return { @@ -86,6 +86,7 @@ }, getCharts() { if(!this.setWork) return; + if(this.select.length == 0) return; this.$HTTP.post(`/api/blade-mdc/status-record/status-record-by-workstation?current=${this.current}&size=${this.size}`,this.setWork).then(res => { if (res.code === 200) { var yAxisData = []; diff --git a/src/views/mdc/state-feedback.vue b/src/views/mdc/state-feedback.vue index 885d190..834e746 100644 --- a/src/views/mdc/state-feedback.vue +++ b/src/views/mdc/state-feedback.vue @@ -2,7 +2,7 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-03-26 10:28:33 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-04-19 18:18:19 + * @LastEditTime: 2024-06-05 11:37:06 * @FilePath: /smart-web/src/views/master/person/main/index.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> @@ -27,7 +27,7 @@ </div> </div> <div class="right-content" v-if="searchDataList.length == 0"> - <img src="./quesheng.bd026700.png" /> + <!-- <img src="./quesheng.bd026700.png" /> --> <div> <span>鏆傛棤鍙嶉鐘舵�佹暟鎹�</span> </div> diff --git a/src/views/mdc/station-live.vue b/src/views/mdc/station-live.vue index 8da8d3c..acc9866 100644 --- a/src/views/mdc/station-live.vue +++ b/src/views/mdc/station-live.vue @@ -2,7 +2,7 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-03-26 10:28:33 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-05-15 16:25:52 + * @LastEditTime: 2024-06-05 11:37:17 * @FilePath: /smart-web/src/views/master/person/main/index.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> @@ -38,9 +38,9 @@ <div class="collect-info-panel"> <div class="fact-analysis-realtim"> <div class="wimi-empty" style="background-color: rgb(255, 255, 255);" v-if="dmpList.length == 0"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> + <!-- <div class="wimi-empty-img" style="width: 150px; height: 150px;"> <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> + </div> --> <div class="empty-description"> <div>鏆傛棤鏁版嵁</div> </div> diff --git a/src/views/mdc/status-record.vue b/src/views/mdc/status-record.vue index e705c18..0ae953e 100644 --- a/src/views/mdc/status-record.vue +++ b/src/views/mdc/status-record.vue @@ -2,84 +2,91 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-04-26 09:36:18 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-05-14 18:41:53 + * @LastEditTime: 2024-06-05 11:49:48 * @FilePath: /smart-web/src/views/mdc/status-record.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> <template> - <div class="aposcope-main"> - <div class="aposcope-left"> - <div class="left-title">鏌ヨ鏉′欢</div> - <div class="left-title-col">鏃ユ湡</div> - <el-date-picker v-model="time" type="daterange" :shortcuts="shortcuts" range-separator="-" size="small" style="width: 100%;" value-format="YYYY-MM-DD"/> - <div class="left-title-col">宸ヤ綅</div> - <div class="MYTree"> - <MYTree getAll v-model="treeChecked" show-checkbox class="MYTree-content"></MYTree> - </div> - <div class="footer"> - <el-button @click="query" type="primary">鏌ヨ</el-button> - <el-button @click="exportData">瀵煎嚭</el-button> - </div> - </div> - <div class="aposcope-right"> - <el-tabs tab-position="top" v-model="activeName" type="card" @tab-change="tabChange"> - <el-tab-pane label="鎸夋棩鏈熸煡鐪�" name="shift"> - <el-button-group> - <el-button @click="changeTab(item)" :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id" size="small">{{item.title }}</el-button> - </el-button-group> - <div class="status"> - <div class="status-wrap align-left"> - <div class="collect-status">閲囬泦鐘舵��</div> - <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> - </div> - <div class="status-wrap"> - <el-checkbox v-model="checked1" label="浜哄伐鍙嶉鐘舵��" size="large" /> - <div class="status-con"> - <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + <el-main style="height: 100%;"> + <el-card shadow="never" style="height: 100%;" body-style="height: 100%;padding: 0;"> + <el-container style="height: 100%;"> + <el-aside width="300px" style="height: 100%;"> + <el-container> + <div class="left-title">鏌ヨ鏉′欢</div> + <el-main style="padding: 20px;"> + <div class="left-title-col">鏃ユ湡</div> + <el-date-picker v-model="time" type="daterange" :shortcuts="shortcuts" range-separator="-" size="small" style="width: 100%;" value-format="YYYY-MM-DD"/> + <div class="left-title-col">宸ヤ綅</div> + <div class="MYTree"> + <MYTree getAll v-model="treeChecked" show-checkbox class="MYTree-content"></MYTree> </div> - </div> - </div> - <!-- collectionstatus 鍙嶉鐘舵�� - date 鏃ユ湡 - workstationInfoList 宸ヤ綅list --> - <record-charts-by-date :achievements="allwcs" :date="date" :workstationInfoList="workstationInfoList" v-if="achievements.length != 0"></record-charts-by-date> - </el-tab-pane> - <el-tab-pane label="鎸夊伐浣嶆煡鐪�" name="time"> - <div class="fact-analysis-realtim"> - <div class="wimi-empty" v-if="isshowempty" style="background-color: rgb(255, 255, 255);"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> - <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> - <div class="empty-description"> - <div>鏆傛棤鏁版嵁</div> - </div> - </div> - <div v-if="!isshowempty"> - <el-button-group> - <el-button @click="changeTabGongwei(item)" :type="btnGongweiListActive == item.id ? 'primary' : ''" v-for="item in btnGongweiList" :key="item.id" size="small">{{item.name }}</el-button> - </el-button-group> - <div class="status"> - <div class="status-wrap align-left"> - <div class="feed-button" @click="table_edit">鐘舵�佸弽棣�</div> - <div class="collect-status">閲囬泦鐘舵��</div> - <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> - </div> - <div class="status-wrap"> - <el-checkbox v-model="checked1" label="浜哄伐鍙嶉鐘舵��" size="large" /> - <div class="status-con"> - <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + </el-main> + <el-footer> + <el-button @click="query" type="primary">鏌ヨ</el-button> + <el-button @click="exportData">瀵煎嚭</el-button> + </el-footer> + </el-container> + </el-aside> + <el-container> + <el-main> + <el-tabs tab-position="top" v-model="activeName" type="card" @tab-change="tabChange"> + <el-tab-pane label="鎸夋棩鏈熸煡鐪�" name="shift"> + <el-button-group> + <el-button @click="changeTab(item)" :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id" size="small">{{item.title }}</el-button> + </el-button-group> + <div class="status"> + <div class="status-wrap align-left"> + <div class="collect-status">閲囬泦鐘舵��</div> + <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + </div> + <div class="status-wrap"> + <el-checkbox v-model="checked1" label="浜哄伐鍙嶉鐘舵��" size="large" /> + <div class="status-con"> + <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + </div> </div> </div> - </div> - <!-- setWork 鍏ュ弬 --> - <record-charts-by-workstation :setWork="setWork" :select="select" :achievements="allwcs" v-if="!isshowempty"></record-charts-by-workstation> - </div> - </div> - <save-dialog v-if="dialog.save" ref="saveDialog" @success="addfeedbackSuccess" :workstationId="lastLevelId" @closed="dialog.save=false"></save-dialog> - </el-tab-pane> - </el-tabs> - </div> - </div> + <!-- collectionstatus 鍙嶉鐘舵�� + date 鏃ユ湡 + workstationInfoList 宸ヤ綅list --> + <record-charts-by-date :achievements="allwcs" :date="date" :workstationInfoList="workstationInfoList" v-if="date != ''" ref="chart01"></record-charts-by-date> + </el-tab-pane> + <el-tab-pane label="鎸夊伐浣嶆煡鐪�" name="time"> + <div class="fact-analysis-realtim"> + <div class="wimi-empty" style="background-color: rgb(255, 255, 255);" v-show="isshowempty"> + <div class="empty-description"> + <div>鏆傛棤鏁版嵁</div> + </div> + </div> + <div v-show="!isshowempty"> + <el-button-group> + <el-button @click="changeTabGongwei(item)" :type="btnGongweiListActive == item.id ? 'primary' : ''" v-for="item in btnGongweiList" :key="item.id" size="small">{{item.name }}</el-button> + </el-button-group> + <div class="status"> + <div class="status-wrap align-left"> + <div class="feed-button" @click="table_edit">鐘舵�佸弽棣�</div> + <div class="collect-status">閲囬泦鐘舵��</div> + <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + </div> + <div class="status-wrap"> + <el-checkbox v-model="checked1" label="浜哄伐鍙嶉鐘舵��" size="large" /> + <div class="status-con"> + <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div> + </div> + </div> + </div> + <!-- setWork 鍏ュ弬 --> + <record-charts-by-workstation :setWork="setWork" :select="workSelect" :achievements="allwcs" ref="chart02"></record-charts-by-workstation> + </div> + </div> + <save-dialog v-if="dialog.save" ref="saveDialog" @success="addfeedbackSuccess" :workstationId="lastLevelId" @closed="dialog.save=false"></save-dialog> + </el-tab-pane> + </el-tabs> + </el-main> + </el-container> + </el-container> + </el-card> + </el-main> </template> <script> @@ -106,10 +113,11 @@ }, data() { return { + isshowempty: true, dialog: { save: false }, - isshowempty: true, + workSelect: [], select: [], workstationInfoList: [], date: "", @@ -189,10 +197,23 @@ }) }, tabChange(val) { - if(val == "time") { //鎸夊伐浣嶆煡鐪� - - }else if(val == "shift") { //鎸夋棩鏈熸煡鐪� - + if(val == "shift") { //鎸夋棩鏈熸煡鐪� + this.$refs.chart01.getCharts(); + }else if(val == "time") { //鎸夊伐浣嶆煡鐪� + if(this.btnGongweiList.length != 0) { //鏈夐�夊伐浣嶆墠鑳藉睍绀哄伐浣� + this.btnGongweiListActive = this.btnGongweiList[0].id; //宸ヤ綅 + this.lastLevelId = this.btnGongweiListActive; + this.setWork = { //宸ヤ綅 + endDate: this.time[1], + startDate: this.time[0], + humanFeedback: true, + machineFeedback: true, + workstationId: this.select[0].id, + workstationName: this.btnGongweiList[0].name + } + this.workSelect = this.select; + this.$refs.chart02.getCharts(); + } } }, exportData() { //瀵煎嚭 @@ -210,6 +231,9 @@ changeTab(item) { this.btnListActive = item.id; this.date = item.id; + this.$nextTick(()=> { + this.$refs.chart01.getCharts(); + }) }, changeTabGongwei(item) { //鎸夊伐浣嶆煡璇� this.btnGongweiListActive = item.id; @@ -228,6 +252,9 @@ workstationId: item.id, workstationName: workstationName } + this.$nextTick(()=> { + this.$refs.chart02.getCharts(); + }) }, getachievements() { //鐝鐘舵�佽褰曢噰闆嗙姸鎬� this.$HTTP.get(`/api/blade-cps/global_wcs/wcs-achievements`).then(res=> { @@ -249,23 +276,24 @@ }) }, getTime(data) { - this.$HTTP.post('/api/blade-mdc/efficiency-analysis/interval', { - ...data - }).then(res => { - if (res.code === 200) { - var today = moment().format('YYYY-MM-DD'); - var yesterday = moment().subtract(1, 'days').format('YYYY-MM-DD'); - res.data.forEach(item=> { - if(item.title == today) { - item.title = "浠婂ぉ"; - } - if(item.title == yesterday) { - item.title = "鏄ㄥぉ"; - } - }) - this.btnList = res.data.reverse(); - this.btnListActive = res?.data?.[0]?.id - } + return new Promise(resolve=> { + this.$HTTP.post('/api/blade-mdc/efficiency-analysis/interval', {...data}).then(res => { + if (res.code === 200) { + var today = moment().format('YYYY-MM-DD'); + var yesterday = moment().subtract(1, 'days').format('YYYY-MM-DD'); + res.data.forEach(item=> { + if(item.title == today) { + item.title = "浠婂ぉ"; + } + if(item.title == yesterday) { + item.title = "鏄ㄥぉ"; + } + }) + this.btnList = res.data.reverse(); + this.btnListActive = res?.data?.[0]?.id + resolve(); + } + }) }) }, init() { @@ -277,22 +305,35 @@ }, query() { - this.getTime({endDate: this.time[1],startDate: this.time[0],statisticalMethod: 'SHIFT'}); - this.workstationInfoList = this.select; - if(this.select.length != 0) { //閫変簡鍊兼樉绀哄伐浣� - this.btnGongweiList = this.select; - this.btnGongweiListActive = this.btnGongweiList[0].id; - this.lastLevelId = this.btnGongweiListActive; - this.setWork = { - endDate: this.time[1], - startDate: this.time[0], - humanFeedback: true, - machineFeedback: true, - workstationId: this.select[0].id, - workstationName: this.btnGongweiList[0].name + this.getTime({endDate: this.time[1],startDate: this.time[0],statisticalMethod: 'SHIFT'}).then(()=> { + this.workstationInfoList = this.select; + this.btnGongweiList = this.select; //宸ヤ綅 + this.date = this.btnList[0].id; + if(this.activeName == "shift") { + this.$nextTick(()=> { + this.$refs.chart01.getCharts(); + }) + }else { + if(this.btnGongweiList.length != 0) { //鏈夐�夊伐浣嶆墠鑳藉睍绀哄伐浣� + this.isshowempty = false; + console.log(this.btnGongweiList,122) + this.btnGongweiListActive = this.btnGongweiList[0].id; //宸ヤ綅 + this.lastLevelId = this.btnGongweiListActive; + this.setWork = { //宸ヤ綅 + endDate: this.time[1], + startDate: this.time[0], + humanFeedback: true, + machineFeedback: true, + workstationId: this.select[0].id, + workstationName: this.btnGongweiList[0].name + } + this.workSelect = this.select; + this.$nextTick(()=> { + this.$refs.chart02.getCharts(); + }) + } } - this.isshowempty = false; - } + }); } } } diff --git a/src/views/mdc/time-analysis.vue b/src/views/mdc/time-analysis.vue index 35be06c..598302d 100644 --- a/src/views/mdc/time-analysis.vue +++ b/src/views/mdc/time-analysis.vue @@ -2,20 +2,20 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-04-26 09:36:18 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-06-03 11:21:32 + * @LastEditTime: 2024-06-05 11:37:24 * @FilePath: /smart-web/src/views/mdc/status-record.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> <template> <el-main style="height: 100%;"> - <el-card shadow="never" style="height: 100%;" body-style="height: 100%"> + <el-card shadow="never" style="height: 100%;" body-style="height: 100%;padding: 0;"> <el-container style="height: 100%;"> <el-aside width="300px" style="height: 100%;"> <el-container> - <el-main class="nopadding"> - <div class="left-title">鏌ヨ鏉′欢</div> + <div class="left-title">鏌ヨ鏉′欢</div> + <el-main style="padding: 20px;"> <el-row> - <el-col style="margin-top: 14px;">鏃ユ湡</el-col> + <el-col style="margin-bottom: 12px;">鏃ユ湡</el-col> <el-col> <el-date-picker v-model="time" type="daterange" :shortcuts="shortcuts" range-separator="-" size="small" style="width: 100%;" value-format="YYYY-MM-DD"/> </el-col> @@ -49,9 +49,9 @@ </el-button-group> <div class="fact-analysis-realtim" v-if="setTitle.length == 0"> <div class="wimi-empty" v-if="isshowempty" style="background-color: rgb(255, 255, 255);"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> + <!-- <div class="wimi-empty-img" style="width: 150px; height: 150px;"> <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> + </div> --> <div class="empty-description"> <div>鏆傛棤鏁版嵁</div> </div> @@ -82,9 +82,9 @@ <el-tab-pane label="鎸夋椂闂村懆鏈熺粺璁�" name="time"> <div class="fact-analysis-realtim" v-if="setTitle.length == 0"> <div class="wimi-empty" v-if="isshowempty" style="background-color: rgb(255, 255, 255);"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> + <!-- <div class="wimi-empty-img" style="width: 150px; height: 150px;"> <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> + </div> --> <div class="empty-description"> <div>鏆傛棤鏁版嵁</div> </div> @@ -121,91 +121,6 @@ </el-container> </el-card> </el-main> - <!-- <div class="aposcope-main"> - <div class="aposcope-left"> - <div class="left-title">鏌ヨ鏉′欢</div> - <div class="left-title-col">鏃ユ湡</div> - <el-date-picker v-model="time" type="daterange" :shortcuts="shortcuts" range-separator="-" size="small" style="width: 100%;" value-format="YYYY-MM-DD"/> - <div class="left-title-col">宸ヤ綅</div> - <el-button-group > - <el-button @click="changeLeftTab(item)" :type="btnLeftctive == item.id ? 'primary' : ''" v-for="item in btnLeftList" :key="item.id" size="small">{{item.title }}</el-button> - </el-button-group> - <div class="MYTree"> - <MYTree v-if="btnLeftctive == '1'" getAll v-model="treeChecked" show-checkbox class="MYTree-content"></MYTree> - <el-tree v-if="btnLeftctive == '2'" :data="tree2" :expand-on-click-node="false" default-expand-all show-checkbox :props="{label: 'name', children: 'children'}" class="treeActive" @check="treeListNode" /> - </div> - <div class="footer"> - <el-button @click="query" type="primary">鏌ヨ</el-button> - <el-button @click="exportData">瀵煎嚭</el-button> - </div> - </div> - <div class="aposcope-right"> - <el-tabs tab-position="top" v-model="activeName" type="card" @tab-change="tabChange"> - <el-tab-pane label="鎸夌彮娆$粺璁�" name="shift"> - <el-button-group> - <el-button @click="changeTab(item)" :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id" size="small">{{item.title }}</el-button> - </el-button-group> - <div class="fact-analysis-realtim" v-if="setTitle.length == 0"> - <div class="wimi-empty" v-if="isshowempty" style="background-color: rgb(255, 255, 255);"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> - <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> - <div class="empty-description"> - <div>鏆傛棤鏁版嵁</div> - </div> - </div> - </div> - <div id="analysisA" v-if="setTitle.length != 0"> - <div class="demo-collapse"> - <el-collapse v-model="activeNames" accordion> - <el-collapse-item v-for="(item,index) in setTitle" :name="index + 1"> - <template #title> - <el-icon size="16" color="#3b8e8e"><Memo /></el-icon> - <span class="collr-title">鐝{{index + 1}}</span> - <el-button size="small">{{item.indexName}}</el-button> - </template> - <div> - <div :id="'recordwork' + item.shiftIndex" style="height:300px;"></div> - </div> - </el-collapse-item> - </el-collapse> - </div> - </div> - </el-tab-pane> - <el-tab-pane label="鎸夋椂闂村懆鏈熺粺璁�" name="time"> - <div class="fact-analysis-realtim" v-if="setTitle.length == 0"> - <div class="wimi-empty" v-if="isshowempty" style="background-color: rgb(255, 255, 255);"> - <div class="wimi-empty-img" style="width: 150px; height: 150px;"> - <img src="./quesheng.bd026700.png" style="height: auto; width: 100%;"> - </div> - <div class="empty-description"> - <div>鏆傛棤鏁版嵁</div> - </div> - </div> - </div> - <div id="analysisA" v-if="setTitle.length != 0"> - <div class="demo-collapse"> - <el-collapse v-model="activeNames1" accordion> - <el-collapse-item v-for="(item,index) in setTitle1" :name="index + 1"> - <template #title> - <el-icon size="16" color="#3b8e8e"><Memo /></el-icon> - <span class="collr-title">{{item.name}}</span> - <el-button size="small" v-if="index != 0">{{item.indexName}}</el-button> - </template> - <div> - <el-button-group> - <el-button @click="changeTabB(item1,index,index1)" :type="item.btnListActive == item1.id ? 'primary' : ''" v-for="(item1,index1) in item.btnList" :key="item1.id" size="small">{{item1.title }}</el-button> - </el-button-group> - <div :id="'chartsB' + index" style="height:300px;"></div> - </div> - </el-collapse-item> - </el-collapse> - </div> - </div> - </el-tab-pane> - </el-tabs> - </div> - </div> --> </template> <script> -- Gitblit v1.9.3