Merge branch 'master' of https://e.coding.net/ctcdevteam/ehs/ehs_web
This commit is contained in:
commit
b0ada60169
Binary file not shown.
|
|
@ -207,26 +207,6 @@ const routes = [
|
|||
},
|
||||
"component": "enm_limestone/report"
|
||||
},
|
||||
{
|
||||
"name": "limestone_power",
|
||||
"path": "/enm_limestone/power",
|
||||
"meta": {
|
||||
"title": "单位产品电耗",
|
||||
"icon": "el-icon-odometer",
|
||||
"perms": ["enm_limestone"]
|
||||
},
|
||||
"component": "enm_limestone/power"
|
||||
},
|
||||
{
|
||||
"name": "limestone_teamAnalysis",
|
||||
"path": "/enm_limestone/teamAnalysis",
|
||||
"meta": {
|
||||
"title": "班组月度对比",
|
||||
"icon": "el-icon-operation",
|
||||
"perms": ["enm_limestone"]
|
||||
},
|
||||
"component": "enm_limestone/teamAnalysis"
|
||||
},
|
||||
{
|
||||
"name": "limestone_workshopAnalysis",
|
||||
"path": "/enm_limestone/workshopAnalysis",
|
||||
|
|
@ -334,6 +314,80 @@ const routes = [
|
|||
},
|
||||
]
|
||||
},
|
||||
//原料磨——基础
|
||||
{
|
||||
"name": "enm_rmbase",
|
||||
"path": "/enm_rmbase",
|
||||
"meta": {
|
||||
"title": "原料磨1",
|
||||
"icon": "el-icon-list",
|
||||
"type": "menu",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"name": "report",
|
||||
"path": "/enm_rmbase/report",
|
||||
"meta": {
|
||||
"title": "生产报告",
|
||||
"icon": "el-icon-document",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"component": "enm_rmbase/report"
|
||||
},
|
||||
{
|
||||
"name": "power",
|
||||
"path": "/enm_rmbase/power",
|
||||
"meta": {
|
||||
"title": "单位产品电耗",
|
||||
"icon": "el-icon-odometer",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"component": "enm_rmbase/power"
|
||||
},
|
||||
{
|
||||
"name": "teamAnalysis",
|
||||
"path": "/enm_rmbase/teamAnalysis",
|
||||
"meta": {
|
||||
"title": "班组月度对比",
|
||||
"icon": "el-icon-operation",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"component": "enm_rmbase/teamAnalysis"
|
||||
},
|
||||
{
|
||||
"name": "workshopAnalysis",
|
||||
"path": "/enm_rmbase/workshopAnalysis",
|
||||
"meta": {
|
||||
"title": "车间单耗分析",
|
||||
"icon": "el-icon-data-line",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"component": "enm_rmbase/workshopAnalysis"
|
||||
},
|
||||
{
|
||||
"name": "handoverLog",
|
||||
"path": "/enm_rmbase/handoverLog",
|
||||
"meta": {
|
||||
"title": "交接班日志",
|
||||
"icon": "el-icon-document-copy",
|
||||
"perms": ["enm_rmbase"]
|
||||
},
|
||||
"component": "enm_rmbase/handoverLog"
|
||||
},
|
||||
{
|
||||
"name": "logDetail",
|
||||
"path": "/enm_rmbase/logDetail",
|
||||
"meta": {
|
||||
"title": "日志详情",
|
||||
"icon": "el-icon-document-copy",
|
||||
"perms": ["enm_rmbase"],
|
||||
"hidden": true
|
||||
},
|
||||
"component": "enm_rmbase/logDetail"
|
||||
},
|
||||
]
|
||||
},
|
||||
//回转窑
|
||||
{
|
||||
"name": "enm_kiln",
|
||||
|
|
@ -418,16 +472,6 @@ const routes = [
|
|||
},
|
||||
"component": "enm_cogeneration/report"
|
||||
},
|
||||
{
|
||||
"name": "cogeneration_power",
|
||||
"path": "/enm_cogeneration/power",
|
||||
"meta": {
|
||||
"title": "单位产品电耗",
|
||||
"icon": "el-icon-odometer",
|
||||
"perms": ["enm_cogeneration"]
|
||||
},
|
||||
"component": "enm_cogeneration/power"
|
||||
},
|
||||
{
|
||||
"name": "cogeneration_teamAnalysis",
|
||||
"path": "/enm_cogeneration/teamAnalysis",
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<template>
|
||||
<div class="user-bar">
|
||||
<div class="screen panel-item hidden-sm-and-down" @click="screen">
|
||||
<el-icon>
|
||||
<el-icon-full-screen />
|
||||
</el-icon>
|
||||
</div>
|
||||
<!-- <div class="panel-item hidden-sm-and-down" @click="openBook">
|
||||
<div class="user-bar">
|
||||
<div class="screen panel-item hidden-sm-and-down" @click="screen">
|
||||
<el-icon>
|
||||
<el-icon-full-screen />
|
||||
</el-icon>
|
||||
</div>
|
||||
<!-- <div class="panel-item hidden-sm-and-down" @click="openBook">
|
||||
<el-icon>
|
||||
<el-icon-files />
|
||||
</el-icon>
|
||||
</div> -->
|
||||
<!-- <div class="msg panel-item" @click="showMsg">
|
||||
<!-- <div class="msg panel-item" @click="showMsg">
|
||||
<el-badge :hidden="msgList.length == 0" :value="msgList.length" class="badge" type="danger">
|
||||
<el-icon>
|
||||
<el-icon-chat-dot-round />
|
||||
|
|
@ -51,236 +51,278 @@
|
|||
</el-container>
|
||||
</el-drawer>
|
||||
</div> -->
|
||||
<!-- <el-button @click="markRead">全部设为已读</el-button> -->
|
||||
<el-dropdown class="user panel-item" trigger="click" @command="handleUser">
|
||||
<div class="user-avatar">
|
||||
<el-avatar :size="34" shape="square">{{ userNameF }}</el-avatar>
|
||||
<label>{{ userName }}</label>
|
||||
<el-icon class="el-icon--right">
|
||||
<el-icon-arrow-down />
|
||||
</el-icon>
|
||||
</div>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="uc">帐号信息</el-dropdown-item>
|
||||
<!-- <el-dropdown-item command="clearCache">清除缓存</el-dropdown-item> -->
|
||||
<el-dropdown-item divided command="outLogin">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<!-- <el-button @click="markRead">全部设为已读</el-button> -->
|
||||
<div class="login_config">
|
||||
<el-button
|
||||
:icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'"
|
||||
circle
|
||||
type="info"
|
||||
@click="configDark"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-dropdown
|
||||
class="user panel-item"
|
||||
trigger="click"
|
||||
@command="handleUser"
|
||||
>
|
||||
<div class="user-avatar">
|
||||
<el-avatar :size="34" shape="square">{{ userNameF }}</el-avatar>
|
||||
<label>{{ userName }}</label>
|
||||
<el-icon class="el-icon--right">
|
||||
<el-icon-arrow-down />
|
||||
</el-icon>
|
||||
</div>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="uc">帐号信息</el-dropdown-item>
|
||||
<!-- <el-dropdown-item command="clearCache">清除缓存</el-dropdown-item> -->
|
||||
<el-dropdown-item divided command="outLogin"
|
||||
>退出登录</el-dropdown-item
|
||||
>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
|
||||
<el-dialog v-model="searchVisible" :width="700" title="搜索" class="drawerBG" center destroy-on-close>
|
||||
<search @success="searchVisible = false"></search>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
v-model="searchVisible"
|
||||
:width="700"
|
||||
title="搜索"
|
||||
class="drawerBG"
|
||||
center
|
||||
destroy-on-close
|
||||
>
|
||||
<search @success="searchVisible = false"></search>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import search from "./search.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
search,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
userName: "",
|
||||
userNameF: "",
|
||||
searchVisible: false,
|
||||
msg: false,
|
||||
msgList: {},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
var userInfo = this.$TOOL.data.get("USER_INFO");
|
||||
this.userName = userInfo.username;
|
||||
this.userNameF = this.userName.substring(0, 1);
|
||||
|
||||
},
|
||||
methods: {
|
||||
openBook() {
|
||||
window.open('/media/ehs_guide.pdf')
|
||||
},
|
||||
getMyVents() {
|
||||
this.$API.ecm.myevent.list
|
||||
.req({ is_read: false, page: 0 })
|
||||
.then((res) => {
|
||||
this.msgList = res;
|
||||
});
|
||||
},
|
||||
goEvent() {
|
||||
this.$router.push({ name: "event" })
|
||||
},
|
||||
createhandele(id) {
|
||||
this.$router.push({
|
||||
name: "eventhandlefrom",
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
});
|
||||
this.msg = false;
|
||||
},
|
||||
handele(id) {
|
||||
this.$router.push({
|
||||
name: "eventhandlefrom",
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
});
|
||||
this.msg = false;
|
||||
},
|
||||
//个人信息
|
||||
handleUser(command) {
|
||||
if (command == "uc") {
|
||||
this.$router.push({ path: "/usercenter" });
|
||||
}
|
||||
if (command == "cmd") {
|
||||
this.$router.push({ path: "/cmd" });
|
||||
}
|
||||
if (command == "clearCache") {
|
||||
this.$confirm(
|
||||
"清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？",
|
||||
"提示",
|
||||
{
|
||||
type: "info",
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
const loading = this.$loading();
|
||||
this.$TOOL.data.clear();
|
||||
this.$router.replace({ path: "/login" });
|
||||
setTimeout(() => {
|
||||
loading.close();
|
||||
location.reload();
|
||||
}, 1000);
|
||||
})
|
||||
.catch(() => {
|
||||
//取消
|
||||
});
|
||||
}
|
||||
if (command == "outLogin") {
|
||||
this.$confirm("确认是否退出当前用户？", "提示", {
|
||||
type: "warning",
|
||||
confirmButtonText: "退出",
|
||||
confirmButtonClass: "el-button--danger",
|
||||
})
|
||||
.then(() => {
|
||||
this.$TOOL.data.remove("TOKEN")
|
||||
this.$router.push(`/login?redirect=${this.$route.fullPath}`).then(() => { location.reload() })
|
||||
})
|
||||
.catch(() => {
|
||||
//取消退出
|
||||
});
|
||||
}
|
||||
},
|
||||
//全屏
|
||||
screen() {
|
||||
var element = document.documentElement;
|
||||
this.$TOOL.screen(element);
|
||||
},
|
||||
//显示短消息
|
||||
showMsg() {
|
||||
this.msg = true;
|
||||
this.getMyVents();
|
||||
},
|
||||
//标记已读
|
||||
markRead() {
|
||||
this.msgList = [];
|
||||
},
|
||||
//搜索
|
||||
search() {
|
||||
this.searchVisible = true;
|
||||
},
|
||||
},
|
||||
components: {
|
||||
search,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
userName: "",
|
||||
userNameF: "",
|
||||
searchVisible: false,
|
||||
msg: false,
|
||||
msgList: {},
|
||||
config: {
|
||||
lang: this.$TOOL.data.get("APP_LANG") || this.$CONFIG.LANG,
|
||||
dark: this.$TOOL.data.get("APP_DARK") || false,
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
"config.dark"(val) {
|
||||
if (val) {
|
||||
document.documentElement.classList.add("dark");
|
||||
this.$TOOL.data.set("APP_DARK", val);
|
||||
} else {
|
||||
document.documentElement.classList.remove("dark");
|
||||
this.$TOOL.data.remove("APP_DARK");
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
var userInfo = this.$TOOL.data.get("USER_INFO");
|
||||
this.userName = userInfo.username;
|
||||
this.userNameF = this.userName.substring(0, 1);
|
||||
},
|
||||
methods: {
|
||||
openBook() {
|
||||
window.open("/media/ehs_guide.pdf");
|
||||
},
|
||||
configDark() {
|
||||
this.config.dark = this.config.dark ? false : true;
|
||||
},
|
||||
getMyVents() {
|
||||
this.$API.ecm.myevent.list
|
||||
.req({ is_read: false, page: 0 })
|
||||
.then((res) => {
|
||||
this.msgList = res;
|
||||
});
|
||||
},
|
||||
goEvent() {
|
||||
this.$router.push({ name: "event" });
|
||||
},
|
||||
createhandele(id) {
|
||||
this.$router.push({
|
||||
name: "eventhandlefrom",
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
});
|
||||
this.msg = false;
|
||||
},
|
||||
handele(id) {
|
||||
this.$router.push({
|
||||
name: "eventhandlefrom",
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
});
|
||||
this.msg = false;
|
||||
},
|
||||
//个人信息
|
||||
handleUser(command) {
|
||||
if (command == "uc") {
|
||||
this.$router.push({ path: "/usercenter" });
|
||||
}
|
||||
if (command == "cmd") {
|
||||
this.$router.push({ path: "/cmd" });
|
||||
}
|
||||
if (command == "clearCache") {
|
||||
this.$confirm(
|
||||
"清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？",
|
||||
"提示",
|
||||
{
|
||||
type: "info",
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
const loading = this.$loading();
|
||||
this.$TOOL.data.clear();
|
||||
this.$router.replace({ path: "/login" });
|
||||
setTimeout(() => {
|
||||
loading.close();
|
||||
location.reload();
|
||||
}, 1000);
|
||||
})
|
||||
.catch(() => {
|
||||
//取消
|
||||
});
|
||||
}
|
||||
if (command == "outLogin") {
|
||||
this.$confirm("确认是否退出当前用户？", "提示", {
|
||||
type: "warning",
|
||||
confirmButtonText: "退出",
|
||||
confirmButtonClass: "el-button--danger",
|
||||
})
|
||||
.then(() => {
|
||||
this.$TOOL.data.remove("TOKEN");
|
||||
this.$router
|
||||
.push(`/login?redirect=${this.$route.fullPath}`)
|
||||
.then(() => {
|
||||
location.reload();
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
//取消退出
|
||||
});
|
||||
}
|
||||
},
|
||||
//全屏
|
||||
screen() {
|
||||
var element = document.documentElement;
|
||||
this.$TOOL.screen(element);
|
||||
},
|
||||
//显示短消息
|
||||
showMsg() {
|
||||
this.msg = true;
|
||||
this.getMyVents();
|
||||
},
|
||||
//标记已读
|
||||
markRead() {
|
||||
this.msgList = [];
|
||||
},
|
||||
//搜索
|
||||
search() {
|
||||
this.searchVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.user-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.user-bar .panel-item {
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-bar .panel-item i {
|
||||
font-size: 16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.user-bar .panel-item:hover {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.user-bar .user-avatar {
|
||||
height: 49px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 49px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-bar .user-avatar label {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.msg-list li {
|
||||
border-top: 1px solid #eee;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.msg-list li a {
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.msg-list li a:hover {
|
||||
background: #ecf5ff;
|
||||
background: #ecf5ff;
|
||||
}
|
||||
|
||||
.msg-list__icon {
|
||||
width: 40px;
|
||||
margin-right: 15px;
|
||||
width: 40px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.msg-list__main {
|
||||
flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.msg-list__main h2 {
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.msg-list__main p {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 1.8;
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 1.8;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.msg-list__time {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.dark .msg-list__main h2 {
|
||||
color: #d0d0d0;
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.dark .msg-list li {
|
||||
border-top: 1px solid #363636;
|
||||
border-top: 1px solid #363636;
|
||||
}
|
||||
|
||||
.dark .msg-list li a:hover {
|
||||
background: #383838;
|
||||
background: #383838;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -157,62 +157,26 @@
|
|||
>
|
||||
<span class="titleIcon"></span>实时监测
|
||||
</p>
|
||||
<p class="bodyTitle" v-else-if="objItem.cate_code != 'monitor'">
|
||||
<p class="bodyTitle" v-else-if="objItem.type != 'monitor'">
|
||||
<span class="titleIcon"></span>实时状态
|
||||
</p>
|
||||
<div class="bodyContainer">
|
||||
<div
|
||||
class="rdio-group"
|
||||
v-if="objItem.type == 10 || objItem.type == 30"
|
||||
>
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 10 ? 'greenIcon' : '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-successFilled
|
||||
/></el-icon>
|
||||
<span>运行</span>
|
||||
</div>
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 20 ? 'orangeIcon' : '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-removeFilled
|
||||
/></el-icon>
|
||||
<span>待机</span>
|
||||
</div>
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 30 ? 'redIcon' : '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-warningFilled
|
||||
/></el-icon>
|
||||
<span>离线</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
objItem.type == 40 && objItem.cate_code == 'cems'
|
||||
"
|
||||
>
|
||||
<div v-if="objItem.cate_code == 'cems'">
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableHeadTh">颗粒物</div>
|
||||
<div class="infoTableHeadTh">SO₂</div>
|
||||
<div class="infoTableHeadTh">NOx</div>
|
||||
</div>
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableBodytd">13.00mg/m³</div>
|
||||
<div class="infoTableBodytd">13.00mg/m³</div>
|
||||
<div class="infoTableBodytd">13.00mg/m³</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.颗粒物折算值 }}mg/m³
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.so2折算值 }}mg/m³
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.nox折算值 }}mg/m³
|
||||
</div>
|
||||
</div>
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableHeadTh">流量</div>
|
||||
|
|
@ -220,25 +184,76 @@
|
|||
<div class="infoTableHeadTh">湿度</div>
|
||||
</div>
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableBodytd">22320.000m³/h</div>
|
||||
<div class="infoTableBodytd">70.54℃</div>
|
||||
<div class="infoTableBodytd">0.80%</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.流量 }}m³/h
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.温度 }}℃
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.湿度 }}%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
objItem.type == 40 && objItem.cate_code == 'tsp'
|
||||
"
|
||||
>
|
||||
<div v-else-if="objItem.cate_code == 'tsp'">
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableHeadTh">TSP</div>
|
||||
<div class="infoTableHeadTh">温度</div>
|
||||
<div class="infoTableHeadTh">湿度</div>
|
||||
</div>
|
||||
<div class="infoTableTr">
|
||||
<div class="infoTableBodytd">0.18mg/m³</div>
|
||||
<div class="infoTableBodytd">18.6℃</div>
|
||||
<div class="infoTableBodytd">53.4%</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.tsp }}mg/m³
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.温度 }}℃
|
||||
</div>
|
||||
<div class="infoTableBodytd">
|
||||
{{ objItem.湿度 }}%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="rdio-group">
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 10 ? 'greenIcon' : '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-successFilled
|
||||
/></el-icon>
|
||||
<span>运行</span>
|
||||
</div>
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 20
|
||||
? 'redIcon'
|
||||
: objItem.state == 30
|
||||
? 'redIcon'
|
||||
: objItem.state == 40
|
||||
? 'redIcon'
|
||||
: '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-warningFilled
|
||||
/></el-icon>
|
||||
<span>停机</span>
|
||||
</div>
|
||||
<div
|
||||
:class="[
|
||||
'radio-item',
|
||||
objItem.state == 50 ? 'redIcon' : '',
|
||||
]"
|
||||
>
|
||||
<el-icon class="radio-ico"
|
||||
><el-icon-warningFilled
|
||||
/></el-icon>
|
||||
<span>离线</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -285,15 +300,15 @@ export default {
|
|||
formatter: function (params) {
|
||||
var result = "";
|
||||
let text =
|
||||
params[0].data[1] == 1
|
||||
params[0].data[1] == 10
|
||||
? "运行"
|
||||
: params[0].data[1] == 0
|
||||
? "待机"
|
||||
: "故障";
|
||||
: params[0].data[1] == 50
|
||||
? "离线"
|
||||
: "停机";
|
||||
let colors =
|
||||
text == "运行"
|
||||
? "#21a51f"
|
||||
: text == "待机"
|
||||
: text == "停机"
|
||||
? "#ff8608"
|
||||
: "#c7c7c7";
|
||||
var lineHtml =
|
||||
|
|
@ -345,26 +360,45 @@ export default {
|
|||
},
|
||||
pieces: [
|
||||
{
|
||||
gt: 0.5,
|
||||
lte: 1,
|
||||
gt: 1,
|
||||
lte: 11,
|
||||
label: "运行",
|
||||
color: "#21a51f",
|
||||
},
|
||||
{
|
||||
gt: -0.5,
|
||||
lte: 0.5,
|
||||
label: "待机",
|
||||
gt: 15,
|
||||
lte: 45,
|
||||
label: "停机",
|
||||
color: "#ff8608",
|
||||
},
|
||||
{
|
||||
gt: -1,
|
||||
lte: -0.5,
|
||||
gt: 46,
|
||||
lte: 55,
|
||||
label: "离线",
|
||||
color: "#c7c7c7",
|
||||
},
|
||||
],
|
||||
},
|
||||
series: [{ type: "line" }],
|
||||
series: [
|
||||
{
|
||||
type: "line",
|
||||
encode: { y: "运行状态", seriesName: ["运行状态"] },
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: function (params) {
|
||||
var value = params.value;
|
||||
if (value < 15) {
|
||||
return "#21a51f";
|
||||
} else if (value >= 15 && value < 45) {
|
||||
return "#ff8608";
|
||||
} else {
|
||||
return "c7c7c7";
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
modelPosition: [
|
||||
{ lng: 88.64154268696439, lat: 42.721977308996635 },
|
||||
|
|
@ -551,7 +585,7 @@ export default {
|
|||
myChart.showLoading();
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
// myChart.setOption(option)
|
||||
this.$API.bi.dataset.exec.req("eq_status", params).then((res) => {
|
||||
this.$API.bi.dataset.exec.req("enp_edata2", params).then((res) => {
|
||||
console.log(res);
|
||||
let newOption = Object.assign({}, this.basicOption);
|
||||
newOption.dataset.source = res.data.ds0;
|
||||
|
|
@ -633,18 +667,21 @@ export default {
|
|||
item.coordinates.longitude &&
|
||||
item.coordinates.latitude
|
||||
) {
|
||||
console.log(item);
|
||||
let imgUrl = that.getItemIcon(item.cate_code);
|
||||
let lon = parseFloat(item.coordinates.longitude);
|
||||
let lat = parseFloat(item.coordinates.latitude);
|
||||
let height = parseInt(item.coordinates.height);
|
||||
let type = item.cate_code;
|
||||
let arrs = {
|
||||
name: item.name,
|
||||
lon: lon,
|
||||
lat: lat,
|
||||
height: height,
|
||||
id: item.id,
|
||||
type: type,
|
||||
type: item.cate_code,
|
||||
cate_code: item.cate_code,
|
||||
state: item.running_state,
|
||||
is_online: item.is_online,
|
||||
};
|
||||
let config = {
|
||||
show: true,
|
||||
|
|
@ -671,8 +708,11 @@ export default {
|
|||
lon,
|
||||
lat,
|
||||
id = "11111",
|
||||
type = "display",
|
||||
type,
|
||||
height,
|
||||
is_online,
|
||||
cate_code,
|
||||
state,
|
||||
} = attrs;
|
||||
const {
|
||||
show = true,
|
||||
|
|
@ -691,6 +731,9 @@ export default {
|
|||
attrs: attrs,
|
||||
id: id,
|
||||
type: type,
|
||||
is_online: is_online,
|
||||
cate_code: cate_code,
|
||||
state: state,
|
||||
position: Cesium.Cartesian3.fromDegrees(
|
||||
lon || 117.08387268794274,
|
||||
lat || 31.6557737395655433,
|
||||
|
|
@ -742,14 +785,60 @@ export default {
|
|||
},
|
||||
//调用此方法获取相关信息显示在页面
|
||||
getInfo(equpmentId) {
|
||||
console.log("this.objItem------clickItem", this.objItem);
|
||||
let that = this;
|
||||
that.infoShow = true;
|
||||
console.log(equpmentId);
|
||||
//根据id获取相关信息
|
||||
this.$API.em.equipment.item.req(equpmentId).then((res) => {
|
||||
that.objItem = res;
|
||||
console.log(res);
|
||||
});
|
||||
// //根据id获取相关信息
|
||||
// this.$API.em.equipment.item.req(equpmentId).then((res) => {
|
||||
// that.objItem = res;
|
||||
// console.log(res);
|
||||
// });
|
||||
if (that.objItem.type == "tsp" || that.objItem.type == "cems") {
|
||||
let nowDate = new Date();
|
||||
let startDate = new Date();
|
||||
let year = nowDate.getFullYear();
|
||||
let month = nowDate.getMonth() + 1;
|
||||
let day = nowDate.getDate();
|
||||
let hour = nowDate.getHours();
|
||||
month = month < 10 ? "0" + month : month;
|
||||
day = day < 10 ? "0" + day : day;
|
||||
hour = hour < 10 ? "0" + hour : hour;
|
||||
let start_time =
|
||||
year + "-" + month + "-" + day + " " + hour + ":00:00";
|
||||
let end_time =
|
||||
year + "-" + month + "-" + day + " " + hour + ":59:00";
|
||||
let params = {
|
||||
query: {
|
||||
end_time: end_time,
|
||||
start_time: start_time,
|
||||
time_bucket: "1 hour",
|
||||
equipment_id: this.objItem.id,
|
||||
},
|
||||
};
|
||||
this.$API.bi.dataset.exec
|
||||
.req("enp_edata2", params)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.data2.ds0 && res.data2.ds0.length > 0) {
|
||||
if (that.objItem.type == "tsp") {
|
||||
that.objItem.tsp = res.data2.ds0[0].tsp;
|
||||
that.objItem.温度 = res.data2.ds0[0].温度;
|
||||
that.objItem.湿度 = res.data2.ds0[0].湿度;
|
||||
} else if (that.objItem.type == "cems") {
|
||||
that.objItem.流量 = res.data2.ds0[0].流量;
|
||||
that.objItem.湿度 = res.data2.ds0[0].湿度;
|
||||
that.objItem.温度 = res.data2.ds0[0].温度;
|
||||
that.objItem.so2折算值 =
|
||||
res.data2.ds0[0].so2折算值;
|
||||
that.objItem.nox折算值 =
|
||||
res.data2.ds0[0].nox折算值;
|
||||
that.objItem.颗粒物折算值 =
|
||||
res.data2.ds0[0].颗粒物折算值;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
this.getChartTime();
|
||||
},
|
||||
initChart() {
|
||||
|
|
|
|||
|
|
@ -1,282 +1,376 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<div style="margin-right: 20px">交接班日志</div>
|
||||
<el-date-picker v-model="query.start_time__gte" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD"
|
||||
placeholder="开始时间" style=" width: 120px" />
|
||||
<el-date-picker v-model="query.end_time__lt" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD"
|
||||
placeholder="结束时间" style="margin-left: 2px; width: 120px" />
|
||||
<el-select v-model="query.shift" placeholder="班次" clearable style="margin-left: 2px; width: 120px">
|
||||
<el-option v-for="item in optionsShift" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-model="query.team" placeholder="班组" clearable style="margin-left: 2px; width: 120px">
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query" highlightCurrentRow @row-click="rowClick">
|
||||
<el-table-column type="index" width="50" />
|
||||
<!-- <el-table-column label="关联工段" prop="mgroup_name"></el-table-column> -->
|
||||
<el-table-column label="开始时间" prop="start_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" prop="end_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="班组名称" prop="team_name"></el-table-column>
|
||||
<el-table-column label="当前班次" prop="shift_name"></el-table-column>
|
||||
<el-table-column label="班长" prop="leader_name"></el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.last_test_time">{{ scope.row.last_test_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="140">
|
||||
<template #default="scope">
|
||||
<el-button link size="small" @click="sflog_edit(scope.row)" type="primary">操作</el-button>
|
||||
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
|
||||
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button link size="small" @click="sflog_export(scope.row)" type="success">报表</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
|
||||
<el-button type="danger" @click="close">
|
||||
<el-icon class="el-icon--left">
|
||||
<CircleCloseFilled />
|
||||
</el-icon>
|
||||
关闭
|
||||
</el-button>
|
||||
</template>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" @click="exportExcel()" :loading="exportLoading">导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印
|
||||
</el-button>
|
||||
</div>
|
||||
<el-main class="nopadding">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div style="margin-right: 20px;text-align: center;font-size: 16px;font-weight: bold;margin-bottom: 20px;">
|
||||
<span v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}{{ sflogItem.shift_name }}</span>
|
||||
<span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span>
|
||||
交接班记录
|
||||
</div>
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="numCell">日期</td>
|
||||
<td class="numCell" v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}</td>
|
||||
<td class="numCell">班次</td>
|
||||
<td class="numCell">{{ sflogItem.shift_name }}</td>
|
||||
<td class="numCell">班组</td>
|
||||
<td class="numCell"><span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">产量（t）</td>
|
||||
<td class="numCell">{{ reportItem.total_production }}</td>
|
||||
<td class="numCell">台时（t/h）</td>
|
||||
<td class="numCell">{{ reportItem.production_hour }}</td>
|
||||
<td class="numCell">运转时间（h）</td>
|
||||
<td class="numCell">{{ reportItem.run_hour }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">运转率（%）</td>
|
||||
<td class="numCell">{{ reportItem.run_rate * 100 }}</td>
|
||||
<td class="numCell">停机时长（h）</td>
|
||||
<td class="numCell">{{ reportItem.shut_hour }}</td>
|
||||
<td class="numCell">单位产品分布电耗（KW·h/t）</td>
|
||||
<td class="numCell">{{ reportItem.elec_consume_unit }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">单位产品标煤耗（kgce/t）</td>
|
||||
<td class="numCell">{{ reportItem.coal_consume_unit }}</td>
|
||||
<td class="numCell">熟料立升重合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.入磨熟料_立升重_rate_pass">{{ reportItem.入磨熟料_立升重_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">熟料f-CaO合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem['入磨熟料_f-CaO_rate_pass']">{{ reportItem['入磨熟料_f-CaO_rate_pass'] * 100 }}
|
||||
</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">入窑生料细度合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.入窑生料_细度_rate_pass">{{ reportItem.入窑生料_细度_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">入窑生料CaO合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.入窑生料_CaO_rate_pass">{{ reportItem.入窑生料_CaO_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">入窑生料Fe₂O₃合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.入窑生料_Fe2O3_rate_pass">{{ reportItem.入窑生料_Fe2O3_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">入窑生料水分合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.入窑生料_水分_rate_pass">{{ reportItem.入窑生料_水分_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">单位成本（元/吨）</td>
|
||||
<td class="numCell">{{ reportItem.production_cost_unit }}</td>
|
||||
<td class="numCell"></td>
|
||||
<td class="numCell"></td>
|
||||
</tr>
|
||||
<tr v-if="sflogexpList.length > 0">
|
||||
<td class="numCell" :rowspan="sflogexpList.length + 1">生产情况记录</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
<td class="numCell">处置措施</td>
|
||||
<td class="numCell">处置人</td>
|
||||
</tr>
|
||||
<tr v-for="item in sflogexpList" :key="item.id">
|
||||
<td class="numCell">{{ item.happen_time }}</td>
|
||||
<td class="numCell">{{ item.cate }}</td>
|
||||
<td class="numCell">{{ item.reason }}</td>
|
||||
<td class="numCell">{{ item.measure }}</td>
|
||||
<td class="numCell">{{ item.handler }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-drawer>
|
||||
</el-container>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<div style="margin-right: 20px">交接班日志</div>
|
||||
<el-date-picker
|
||||
v-model="query.start_time__gte"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="开始时间"
|
||||
style="width: 120px"
|
||||
/>
|
||||
<el-date-picker
|
||||
v-model="query.end_time__lt"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="结束时间"
|
||||
style="margin-left: 2px; width: 120px"
|
||||
/>
|
||||
<el-select
|
||||
v-model="query.shift"
|
||||
placeholder="班次"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionsShift"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="query.team"
|
||||
placeholder="班组"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable
|
||||
ref="table"
|
||||
:apiObj="apiObj"
|
||||
row-key="id"
|
||||
stripe
|
||||
:params="query"
|
||||
highlightCurrentRow
|
||||
@row-click="rowClick"
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<!-- <el-table-column label="关联工段" prop="mgroup_name"></el-table-column> -->
|
||||
<el-table-column label="开始时间" prop="start_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" prop="end_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="班组名称"
|
||||
prop="team_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="当前班次"
|
||||
prop="shift_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="班长"
|
||||
prop="leader_name"
|
||||
></el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.last_test_time">{{
|
||||
scope.row.last_test_time.slice(0, 16)
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
fixed="right"
|
||||
align="center"
|
||||
width="140"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_edit(scope.row)"
|
||||
type="primary"
|
||||
>操作</el-button
|
||||
>
|
||||
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
|
||||
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_export(scope.row)"
|
||||
type="success"
|
||||
>报表</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
|
||||
<el-button type="danger" @click="close">
|
||||
<el-icon class="el-icon--left">
|
||||
<CircleCloseFilled />
|
||||
</el-icon>
|
||||
关闭
|
||||
</el-button>
|
||||
</template>
|
||||
<div class="left-panel">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="exportExcel()"
|
||||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||
</div>
|
||||
<el-main class="nopadding">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div
|
||||
style="
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
"
|
||||
>
|
||||
<span v-if="sflogItem.end_time">{{
|
||||
sflogItem.end_time.slice(0, 10)
|
||||
}}</span>
|
||||
<span
|
||||
v-if="sflogItem.shift_name"
|
||||
style="margin: 0 10px"
|
||||
>{{ sflogItem.shift_name }}</span
|
||||
>
|
||||
<span v-if="sflogItem.team_name">{{
|
||||
sflogItem.team_name
|
||||
}}</span>
|
||||
</div>
|
||||
<table
|
||||
border="1"
|
||||
width="1000"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="numCell">日期</td>
|
||||
<td class="numCell" v-if="sflogItem.end_time">
|
||||
{{ sflogItem.end_time.slice(0, 10) }}
|
||||
</td>
|
||||
<td class="numCell">班次</td>
|
||||
<td class="numCell">
|
||||
{{ sflogItem.shift_name }}
|
||||
</td>
|
||||
<td class="numCell">班组</td>
|
||||
<td class="numCell">
|
||||
<span v-if="sflogItem.team_name">{{
|
||||
sflogItem.team_name
|
||||
}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">产量（t）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.total_production }}
|
||||
</td>
|
||||
<td class="numCell">台时（t/h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.production_hour }}
|
||||
</td>
|
||||
<td class="numCell">运转时间（h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.run_hour }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">运转率（%）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.run_rate * 100 }}
|
||||
</td>
|
||||
<td class="numCell">停机时长（h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.shut_hour }}
|
||||
</td>
|
||||
<td class="numCell">自用电量（KW·h/t）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.elec_consume_unit }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="sflogexpList.length > 0">
|
||||
<td
|
||||
class="numCell"
|
||||
:rowspan="sflogexpList.length + 1"
|
||||
>
|
||||
生产情况记录
|
||||
</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
<td class="numCell">处置措施</td>
|
||||
<td class="numCell">处置人</td>
|
||||
</tr>
|
||||
<tr v-for="item in sflogexpList" :key="item.id">
|
||||
<td class="numCell">{{ item.happen_time }}</td>
|
||||
<td class="numCell">{{ item.cate }}</td>
|
||||
<td class="numCell">{{ item.reason }}</td>
|
||||
<td class="numCell">{{ item.measure }}</td>
|
||||
<td class="numCell">{{ item.handler }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-drawer>
|
||||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "sflog",
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
shift: '',
|
||||
team: '',
|
||||
end_time__lt: '',
|
||||
start_time__gte: '',
|
||||
mgroup: '3347217246321065984',
|
||||
},
|
||||
name: "sflog",
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
shift: "",
|
||||
team: "",
|
||||
end_time__lt: "",
|
||||
start_time__gte: "",
|
||||
mgroup: "3347217246321065984",
|
||||
},
|
||||
|
||||
deptId: '3347207082608115712',
|
||||
sflogItem: {},
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
limitedExport: false,
|
||||
reportItem: {},
|
||||
sflogexpList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
this.$API.mtm.team.list.req(form).then(res => {
|
||||
this.options = res;
|
||||
})
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
|
||||
this.optionsShift = res;
|
||||
})
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
sflog_export() {
|
||||
this.limitedExport = true;
|
||||
},
|
||||
rowClick(row) {
|
||||
this.sflogId = row.id;
|
||||
this.sflogItem = row;
|
||||
this.getSflogItem(row.id);
|
||||
this.getSflogexp(row.id);
|
||||
},
|
||||
getSflogexp(id) {
|
||||
let that = this;
|
||||
that.$API.wpm.sflogexp.list.req({ page: 0, sflog: id }).then(res => {
|
||||
that.sflogexpList = res;
|
||||
})
|
||||
},
|
||||
getSflogItem(id) {
|
||||
let that = this;
|
||||
that.$API.enm.enstat.req({ type: 'sflog', sflog: id, page: 0 }).then(res => {
|
||||
if (res.length > 0) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(res[0])
|
||||
})
|
||||
},
|
||||
//编辑
|
||||
sflog_edit(row) {
|
||||
let jsonStr = JSON.stringify(row);
|
||||
this.$TOOL.data.remove("sflogItem")
|
||||
this.$TOOL.data.set('sflogItem', jsonStr)
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId
|
||||
},
|
||||
});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
deptId: "3347207082608115712",
|
||||
sflogItem: {},
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
limitedExport: false,
|
||||
reportItem: {},
|
||||
sflogexpList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
this.$API.mtm.team.list.req(form).then((res) => {
|
||||
this.options = res;
|
||||
});
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
|
||||
this.optionsShift = res;
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
sflog_export() {
|
||||
this.limitedExport = true;
|
||||
},
|
||||
rowClick(row) {
|
||||
this.sflogId = row.id;
|
||||
this.sflogItem = row;
|
||||
this.getSflogItem(row.id);
|
||||
this.getSflogexp(row.id);
|
||||
},
|
||||
getSflogexp(id) {
|
||||
let that = this;
|
||||
that.$API.wpm.sflogexp.list
|
||||
.req({ page: 0, sflog: id })
|
||||
.then((res) => {
|
||||
that.sflogexpList = res;
|
||||
});
|
||||
},
|
||||
getSflogItem(id) {
|
||||
let that = this;
|
||||
that.$API.enm.enstat
|
||||
.req({ type: "sflog", sflog: id, page: 0 })
|
||||
.then((res) => {
|
||||
if (res.length > 0) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(res[0]);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
sflog_edit(row) {
|
||||
let jsonStr = JSON.stringify(row);
|
||||
this.$TOOL.data.remove("sflogItem");
|
||||
this.$TOOL.data.set("sflogItem", jsonStr);
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId,
|
||||
},
|
||||
});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped>
|
||||
#numTable {
|
||||
margin-left: 37px;
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
||||
#numTable td {
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.numCell {
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.numCell.numCell_last {
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.searchHead {
|
||||
display: flex
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.middleText {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.searchBtn {
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -1,766 +0,0 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="exportExcel()"
|
||||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top: 5px">
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table
|
||||
border="1"
|
||||
width="1035"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
class="myTable"
|
||||
id="myTable"
|
||||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">
|
||||
余热发电工段主要设备（100KW以上）单位产品电耗数据表
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template
|
||||
v-for="(item1, ind) in item"
|
||||
:key="item1"
|
||||
>
|
||||
<td
|
||||
v-if="ind == 0 || ind == 1 || ind == 2"
|
||||
class="numCell"
|
||||
>
|
||||
{{ item1 }}
|
||||
</td>
|
||||
<td
|
||||
v-if="ind == 3"
|
||||
class="numCell"
|
||||
@click="itemClick('hour_s', item)"
|
||||
>
|
||||
{{ item1 }}
|
||||
</td>
|
||||
<td
|
||||
v-if="ind == 4"
|
||||
class="numCell"
|
||||
@click="itemClick('day_s', item)"
|
||||
>
|
||||
{{ item1 }}
|
||||
</td>
|
||||
<td
|
||||
v-if="ind == 5"
|
||||
class="numCell"
|
||||
@click="itemClick('month_s', item)"
|
||||
>
|
||||
{{ item1 }}
|
||||
</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionHour"
|
||||
></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionDay"
|
||||
></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionMonth"
|
||||
></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<charts
|
||||
v-if="asynDialog"
|
||||
:type="type"
|
||||
:title="title"
|
||||
:cate="cate"
|
||||
:apiObj="apiObj"
|
||||
:mgroup="query.mgroup"
|
||||
:modelValue="modelValue"
|
||||
:showClose="showClose"
|
||||
:echartType="echartType"
|
||||
@closed="asynDialog = false"
|
||||
></charts>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
const colors = [
|
||||
"#647bfe",
|
||||
"#8698fe",
|
||||
"#a9b6fe",
|
||||
"#cbd3fe",
|
||||
"#91CC75",
|
||||
"#EE6666",
|
||||
];
|
||||
let tooltip = {
|
||||
show: true,
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
},
|
||||
confine: false,
|
||||
showContent: true,
|
||||
triggerOn: "mousemove",
|
||||
};
|
||||
let grid = {
|
||||
right: "3%",
|
||||
left: "7%",
|
||||
top: "15%",
|
||||
};
|
||||
let toolbox = {
|
||||
right: "2%",
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true },
|
||||
},
|
||||
};
|
||||
let legend = {
|
||||
top: "2%",
|
||||
left: "30",
|
||||
// orient:'vertical',
|
||||
data: [
|
||||
"高温风机",
|
||||
"窑主电机",
|
||||
"篦冷机一室风机",
|
||||
"篦冷机二室风机",
|
||||
"篦冷机三室风机",
|
||||
"窑头排风机",
|
||||
"充气梁风机（左）",
|
||||
"充气梁风机（右）",
|
||||
],
|
||||
};
|
||||
let yAxis = {
|
||||
type: "value",
|
||||
name: "分布电耗(KW.h/t)",
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[3],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}",
|
||||
},
|
||||
};
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from "vue";
|
||||
export default {
|
||||
components: {
|
||||
scEcharts,
|
||||
charts: defineAsyncComponent(() =>
|
||||
import("@/components/scEnm/lineChartsdialog.vue")
|
||||
),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chartShow: false,
|
||||
myOption: null,
|
||||
optionHour: {},
|
||||
optionDay: {},
|
||||
optionMonth: {},
|
||||
year: 2023,
|
||||
month: 1,
|
||||
days: 1,
|
||||
hours: 1,
|
||||
query: {
|
||||
mgroup: "3347217246321065984",
|
||||
},
|
||||
tableName: "主要设备（100KW以上）单位产品电耗数据表",
|
||||
tableDatas: [
|
||||
["高温风机", "", "KW·h/t", "", "", ""],
|
||||
["窑主电机", "", "KW·h/t", "", "", ""],
|
||||
],
|
||||
modelValue: true,
|
||||
type: "hour_s",
|
||||
title: "回转窑工段",
|
||||
cate: "",
|
||||
apiObj: this.$API.enm.mpoint.stat,
|
||||
showClose: true,
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
allValHour: 0,
|
||||
allValDays: 0,
|
||||
allValMonth: 0,
|
||||
option1: {
|
||||
color: colors,
|
||||
tooltip: tooltip,
|
||||
grid: grid,
|
||||
toolbox: toolbox,
|
||||
legend: legend,
|
||||
xAxis: {
|
||||
axisTick: {
|
||||
show: true,
|
||||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: [],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "高温风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机一室风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机二室风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机三室风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑头排风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（左）",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（右）",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
option2: {
|
||||
color: colors,
|
||||
tooltip: tooltip,
|
||||
grid: grid,
|
||||
toolbox: toolbox,
|
||||
legend: legend,
|
||||
xAxis: {
|
||||
axisTick: {
|
||||
show: true,
|
||||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: [
|
||||
"一月",
|
||||
"二月",
|
||||
"三月",
|
||||
"四月",
|
||||
"五月",
|
||||
"六月",
|
||||
"七月",
|
||||
"八月",
|
||||
"九月",
|
||||
"十月",
|
||||
"十一月",
|
||||
"十二月",
|
||||
],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "高温风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机一室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机二室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机三室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑头排风机主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（左）电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（右）电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
option3: {
|
||||
color: colors,
|
||||
tooltip: tooltip,
|
||||
grid: grid,
|
||||
toolbox: toolbox,
|
||||
legend: legend,
|
||||
xAxis: {
|
||||
axisTick: {
|
||||
show: true,
|
||||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: [
|
||||
"一月",
|
||||
"二月",
|
||||
"三月",
|
||||
"四月",
|
||||
"五月",
|
||||
"六月",
|
||||
"七月",
|
||||
"八月",
|
||||
"九月",
|
||||
"十月",
|
||||
"十一月",
|
||||
"十二月",
|
||||
],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "高温风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机一室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机二室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "篦冷机三室风机电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "窑头排风机主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（左）电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "充气梁风机（右）电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
var myDate = new Date();
|
||||
let year = myDate.getFullYear();
|
||||
let month = myDate.getMonth() + 1;
|
||||
let days = myDate.getDate();
|
||||
let hours = myDate.getHours();
|
||||
let timeDate = myDate.getTime();
|
||||
let dayTime = 24 * 60 * 60 * 1000;
|
||||
//昨天的计算
|
||||
let year_d = year,
|
||||
month_d = month,
|
||||
days_d = days;
|
||||
if (hours < 21) {
|
||||
//21点前，查找昨日数据为前一天数据
|
||||
let newDate = timeDate - dayTime;
|
||||
let lastDate = new Date(newDate);
|
||||
year_d = lastDate.getFullYear();
|
||||
month_d = lastDate.getMonth() + 1;
|
||||
days_d = lastDate.getDate();
|
||||
}
|
||||
//上一小时的计算
|
||||
let hourTime = timeDate - 3600000;
|
||||
let hourDate = new Date(hourTime);
|
||||
let year_h = hourDate.getFullYear();
|
||||
let month_h = hourDate.getMonth() + 1;
|
||||
let days_h = hourDate.getDate();
|
||||
let hours_h = hourDate.getHours();
|
||||
//本月
|
||||
let params2 = {};
|
||||
params2.page = 0;
|
||||
params2.year_s = year;
|
||||
params2.month_s = month;
|
||||
params2.type = "month_s";
|
||||
params2.mgroup = this.query.mgroup;
|
||||
|
||||
this.$API.enm.enstat
|
||||
.req(params2)
|
||||
.then((res2) => {
|
||||
if (res2.length > 0) {
|
||||
let allValMonth = (that.allValMonth =
|
||||
res2[0].total_production); //当前条件下的总产量
|
||||
params2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.mpoint.stat.req(params2).then((res) => {
|
||||
let data2 = res;
|
||||
for (let i = 0; i < data2.length; i++) {
|
||||
that.tableDatas[i] = [];
|
||||
that.tableDatas[i][0] = data2[i].ep_monitored_name;
|
||||
that.tableDatas[i][1] =
|
||||
data2[i].ep_monitored_number;
|
||||
that.tableDatas[i][2] = "KW·h/t";
|
||||
let val =
|
||||
allValMonth == 0
|
||||
? "/"
|
||||
: (data2[i].val / allValMonth).toFixed(2);
|
||||
that.tableDatas[i][5] = val;
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
.then((res2) => {
|
||||
//昨日
|
||||
let params3 = {};
|
||||
params3.page = 0;
|
||||
params3.year_s = year_d;
|
||||
params3.month_s = month_d;
|
||||
params3.day_s = days_d;
|
||||
params3.type = "day_s";
|
||||
params3.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params3).then((res3) => {
|
||||
if (res3.length > 0) {
|
||||
let allValDays = (that.allValDays =
|
||||
res3[0].total_production);
|
||||
params3.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.mpoint.stat.req(params3).then((res) => {
|
||||
let data3 = res3;
|
||||
for (let j = 0; j < data3.length; j++) {
|
||||
let val =
|
||||
allValDays == 0
|
||||
? "/"
|
||||
: (data3[j].val / allValDays).toFixed(
|
||||
2
|
||||
);
|
||||
that.tableDatas[j][4] = val;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
//上小时
|
||||
let params4 = {};
|
||||
params4.page = 0;
|
||||
params4.year = year_h;
|
||||
params4.month = month_h;
|
||||
params4.day = days_h;
|
||||
params4.hour = hours_h;
|
||||
params4.type = "hour_s";
|
||||
params4.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params4).then((res4) => {
|
||||
if (res4.length > 0) {
|
||||
let hourProduct = (that.allValHour =
|
||||
res4[0].total_production);
|
||||
params4.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.mpoint.stat.req(params4).then((res) => {
|
||||
let data4 = res4;
|
||||
for (let k = 0; k < data4.length; k++) {
|
||||
let val =
|
||||
hourProduct == 0
|
||||
? "/"
|
||||
: (data4[k].val / hourProduct).toFixed(
|
||||
2
|
||||
);
|
||||
that.tableDatas[k][3] = val;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
that.getHourData();
|
||||
that.getDayData();
|
||||
that.getMonthData();
|
||||
},
|
||||
methods: {
|
||||
//获取小时数据
|
||||
getHourData() {
|
||||
let that = this;
|
||||
let query = {};
|
||||
query.page = 0;
|
||||
query.year_s = that.year;
|
||||
query.month_s = that.month;
|
||||
query.day_s = that.days;
|
||||
query.type = "hour_s";
|
||||
query.mgroup = that.query.mgroup;
|
||||
query.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [],
|
||||
seriesData6 = [],
|
||||
seriesData7 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.hour;
|
||||
let val = 0;
|
||||
if (that.allValHour == 0) {
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValHour).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "高温风机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "窑主电机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机一室风机电机") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机二室风机电机") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机三室风机电机") {
|
||||
seriesData4[ind] = val;
|
||||
} else if (item.equip_name == "窑头排风机主电机") {
|
||||
seriesData5[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（左）电机"
|
||||
) {
|
||||
seriesData6[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（右）电机"
|
||||
) {
|
||||
seriesData7[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option1 };
|
||||
options.series[0].data = seriesData0;
|
||||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData4;
|
||||
options.series[6].data = seriesData4;
|
||||
options.series[7].data = seriesData4;
|
||||
let hourXAxis = [];
|
||||
for (let i = 1; i <= that.hours; i++) {
|
||||
let item = i + "时";
|
||||
hourXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = hourXAxis;
|
||||
that.optionHour = options;
|
||||
});
|
||||
},
|
||||
//获取天数据
|
||||
getDayData() {
|
||||
let that = this;
|
||||
let query1 = {};
|
||||
query1.page = 0;
|
||||
query1.year_s = that.year;
|
||||
query1.month_s = that.month;
|
||||
query1.type = "day_s";
|
||||
query1.mgroup = this.query.mgroup;
|
||||
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.enstat.req(query1).then((response) => {
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [],
|
||||
seriesData6 = [],
|
||||
seriesData7 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
// debugger;
|
||||
let ind = item.day_s;
|
||||
let val = 0;
|
||||
if (that.allValDays == 0) {
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValDays).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "高温风机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "窑主电机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机一室风机电机") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机二室风机电机") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机三室风机电机") {
|
||||
seriesData4[ind] = val;
|
||||
} else if (item.equip_name == "窑头排风机主电机") {
|
||||
seriesData5[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（左）电机"
|
||||
) {
|
||||
seriesData6[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（右）电机"
|
||||
) {
|
||||
seriesData7[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option2 };
|
||||
options.series[0].data = seriesData0;
|
||||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData4;
|
||||
options.series[6].data = seriesData4;
|
||||
options.series[7].data = seriesData4;
|
||||
let dayXAxis = [];
|
||||
for (let i = 1; i <= that.days; i++) {
|
||||
let item = i + "日";
|
||||
dayXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = dayXAxis;
|
||||
that.optionDay = options;
|
||||
});
|
||||
},
|
||||
//获取月数据
|
||||
getMonthData() {
|
||||
let that = this;
|
||||
let query2 = {};
|
||||
query2.page = 0;
|
||||
query2.year_s = that.year;
|
||||
query2.type = "month_s";
|
||||
query2.mgroup = that.query.mgroup;
|
||||
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.enstat.req(query2).then((response) => {
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [],
|
||||
seriesData6 = [],
|
||||
seriesData7 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.month_s;
|
||||
let val = 0;
|
||||
if (that.allValMonth == 0) {
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValMonth).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "高温风机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "窑主电机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机一室风机电机") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机二室风机电机") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "篦冷机三室风机电机") {
|
||||
seriesData4[ind] = val;
|
||||
} else if (item.equip_name == "窑头排风机主电机") {
|
||||
seriesData5[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（左）电机"
|
||||
) {
|
||||
seriesData6[ind] = val;
|
||||
} else if (
|
||||
item.equip_name == "篦冷机一室充气梁风机（右）电机"
|
||||
) {
|
||||
seriesData7[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option3 };
|
||||
options.series[0].data = seriesData0;
|
||||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData4;
|
||||
options.series[6].data = seriesData4;
|
||||
options.series[7].data = seriesData4;
|
||||
let monthXAxis = [];
|
||||
for (let i = 1; i <= that.month; i++) {
|
||||
let item = i + "月";
|
||||
monthXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = monthXAxis;
|
||||
that.optionMonth = options;
|
||||
});
|
||||
},
|
||||
itemClick(type, item) {
|
||||
this.type = type;
|
||||
this.cate = item[0];
|
||||
this.asynDialog = true;
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.printContainer {
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -271,19 +271,12 @@ let toolbox = {
|
|||
};
|
||||
let legend = {
|
||||
top: "2%",
|
||||
data: [
|
||||
"总产量",
|
||||
"台时产量",
|
||||
"运转率",
|
||||
"分布电耗",
|
||||
"单位产品标煤耗",
|
||||
"成本",
|
||||
],
|
||||
data: ["总发电量", "单位发电量", "运转时间", "运转率", "用电量"],
|
||||
};
|
||||
let yAxis = [
|
||||
{
|
||||
type: "value",
|
||||
name: "产量 (t)",
|
||||
name: "电量 (KW·h)",
|
||||
position: "left",
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
|
|
@ -298,39 +291,23 @@ let yAxis = [
|
|||
},
|
||||
{
|
||||
type: "value",
|
||||
name: "运转率 ",
|
||||
name: "运转率",
|
||||
position: "right",
|
||||
alignTicks: true,
|
||||
offset: 120,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[2],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}%",
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "value",
|
||||
name: "分布电耗",
|
||||
position: "right",
|
||||
alignTicks: true,
|
||||
offset: 60,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[3],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}",
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "value",
|
||||
name: "标煤耗",
|
||||
name: "运转时间(h)",
|
||||
position: "right",
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
|
|
@ -343,22 +320,6 @@ let yAxis = [
|
|||
formatter: "{value}",
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "value",
|
||||
name: "成本(元)",
|
||||
position: "left",
|
||||
alignTicks: true,
|
||||
offset: 70,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[5],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}/元",
|
||||
},
|
||||
},
|
||||
];
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from "vue";
|
||||
|
|
@ -384,15 +345,11 @@ export default {
|
|||
mgroup: "3347217246321065984",
|
||||
},
|
||||
tableDatas: [
|
||||
["产量", "总产量（t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["产量", "台时产量（t/h）", "/", 0, 0, 0, 0, 0, 0, 0],
|
||||
["产量", "总发电量（KW·h/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["产量", "单位发电量（KW·h/t）", "/", 0, 0, 0, 0, 0, 0, 0],
|
||||
["运转时间", "运转时间（h）", "/", 0, 0, 0, 0, 0, 0, 0],
|
||||
["运转时间", "运转率（%）", "/", 0, 0, 0, 0, 0, 0, 0],
|
||||
["能耗", "单位产品分布电耗（KW·h/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["能耗", "单位产品综合电耗（KW·h/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["能耗", "单位产品标煤耗（kgce/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["能耗", "单位产品综合能耗（kgce/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["成本", "单位产品成本（元/吨）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["自用电量", "用电量（KW·h）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
],
|
||||
tableName: "生产报告",
|
||||
modelValue: true,
|
||||
|
|
@ -420,13 +377,13 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "总产量",
|
||||
name: "总发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "台时产量",
|
||||
name: "单位发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
|
|
@ -438,21 +395,15 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "分布电耗",
|
||||
name: "运转时间",
|
||||
type: "bar",
|
||||
yAxisIndex: 2,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "单位产品标煤耗",
|
||||
name: "用电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 3,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "成本",
|
||||
type: "bar",
|
||||
yAxisIndex: 4,
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
|
|
@ -488,13 +439,13 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "总产量",
|
||||
name: "总发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "台时产量",
|
||||
name: "单位发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
|
|
@ -506,21 +457,15 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "分布电耗",
|
||||
name: "运转时间",
|
||||
type: "bar",
|
||||
yAxisIndex: 2,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "单位产品标煤耗",
|
||||
name: "用电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 3,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "成本",
|
||||
type: "bar",
|
||||
yAxisIndex: 4,
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
|
|
@ -542,13 +487,13 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "总产量",
|
||||
name: "总发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "台时产量",
|
||||
name: "单位发电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
|
|
@ -560,21 +505,15 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "分布电耗",
|
||||
name: "运转时间",
|
||||
type: "bar",
|
||||
yAxisIndex: 2,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "单位产品标煤耗",
|
||||
name: "用电量",
|
||||
type: "bar",
|
||||
yAxisIndex: 3,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "成本",
|
||||
type: "bar",
|
||||
yAxisIndex: 4,
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
|
|
@ -846,8 +785,7 @@ export default {
|
|||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [];
|
||||
seriesData4 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.hour;
|
||||
|
|
@ -856,7 +794,6 @@ export default {
|
|||
seriesData2[ind] = item.run_rate;
|
||||
seriesData3[ind] = item.elec_consume_unit;
|
||||
seriesData4[ind] = item.coal_consume_unit;
|
||||
seriesData5[ind] = item.production_cost_unit;
|
||||
});
|
||||
let options = { ...that.option1 };
|
||||
options.series[0].data = seriesData0;
|
||||
|
|
@ -864,7 +801,6 @@ export default {
|
|||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData5;
|
||||
let hourXAxis = [];
|
||||
for (let i = 1; i <= that.hours; i++) {
|
||||
let item = i + "时";
|
||||
|
|
@ -888,8 +824,7 @@ export default {
|
|||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [];
|
||||
seriesData4 = [];
|
||||
// debugger;
|
||||
console.log(response);
|
||||
let data = response;
|
||||
|
|
@ -901,7 +836,6 @@ export default {
|
|||
seriesData2[ind] = item.run_rate;
|
||||
seriesData3[ind] = item.elec_consume_unit;
|
||||
seriesData4[ind] = item.coal_consume_unit;
|
||||
seriesData5[ind] = item.production_cost_unit;
|
||||
});
|
||||
let options = { ...that.option2 };
|
||||
options.series[0].data = seriesData0;
|
||||
|
|
@ -909,7 +843,6 @@ export default {
|
|||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData5;
|
||||
let dayXAxis = [];
|
||||
for (let i = 1; i <= that.days; i++) {
|
||||
let item = i + "日";
|
||||
|
|
@ -932,8 +865,7 @@ export default {
|
|||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [];
|
||||
seriesData4 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.month_s;
|
||||
|
|
@ -942,7 +874,6 @@ export default {
|
|||
seriesData2[ind] = item.run_rate;
|
||||
seriesData3[ind] = item.elec_consume_unit;
|
||||
seriesData4[ind] = item.coal_consume_unit;
|
||||
seriesData5[ind] = item.production_cost_unit;
|
||||
});
|
||||
let options = { ...that.option3 };
|
||||
options.series[0].data = seriesData0;
|
||||
|
|
@ -950,7 +881,6 @@ export default {
|
|||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData5;
|
||||
let monthXAxis = [];
|
||||
for (let i = 1; i <= that.month; i++) {
|
||||
let item = i + "月";
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table
|
||||
border="1"
|
||||
width="3200"
|
||||
width="1400"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="25">
|
||||
<th colspan="12">
|
||||
余热发电工段班组月度对比分析
|
||||
</th>
|
||||
</tr>
|
||||
|
|
@ -46,28 +46,12 @@
|
|||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th colspan="7">单位产品标煤耗</th>
|
||||
<th colspan="12">产品单位电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
<th colspan="7">发电量</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
|
||||
<th>当期值（kgce/t））</th>
|
||||
<th>目标值（kgce/t）</th>
|
||||
<th>当期与目标差值（kgce/t）</th>
|
||||
<th>环期值（kgce/t）</th>
|
||||
<th>当期与环期差值（kgce/t）</th>
|
||||
<th>环比增长率（%）</th>
|
||||
<th>同比增长率（%）</th>
|
||||
|
||||
<th>高温风机（kW·h/t）</th>
|
||||
<th>篦冷机一室风机（kW·h/t）</th>
|
||||
<th>篦冷机三室风机（kW·h/t）</th>
|
||||
<th>篦冷机二室风机（kW·h/t）</th>
|
||||
<th>窑头排风机（kW·h/t）</th>
|
||||
<th>当期值（kW·h/t）</th>
|
||||
<th>目标值（kW·h/t）</th>
|
||||
<th>当期与目标差值（kW·h/t）</th>
|
||||
|
|
|
|||
|
|
@ -1,155 +1,212 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<div style="margin-right: 20px">交接班日志</div>
|
||||
<el-date-picker v-model="query.start_time__gte" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD"
|
||||
placeholder="开始时间" style=" width: 120px" />
|
||||
<el-date-picker v-model="query.end_time__lt" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD"
|
||||
placeholder="结束时间" style="margin-left: 2px; width: 120px" />
|
||||
<el-select v-model="query.shift" placeholder="班次" clearable style="margin-left: 2px; width: 120px">
|
||||
<el-option v-for="item in optionsShift" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-model="query.team" placeholder="班组" clearable style="margin-left: 2px; width: 120px">
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query" highlightCurrentRow @row-click="rowClick">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="开始时间" prop="start_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" prop="end_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="班组名称" prop="team_name"></el-table-column>
|
||||
<el-table-column label="当前班次" prop="shift_name"></el-table-column>
|
||||
<el-table-column label="班长" prop="leader_name"></el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.last_test_time">{{ scope.row.last_test_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="140">
|
||||
<template #default="scope">
|
||||
<el-button link size="small" @click="sflog_edit(scope.row)" type="primary">编辑</el-button>
|
||||
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
|
||||
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button link size="small" @click="sflog_export(scope.row)" type="success">报表</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
|
||||
<el-button type="danger" @click="close">
|
||||
<el-icon class="el-icon--left">
|
||||
<CircleCloseFilled />
|
||||
</el-icon>
|
||||
关闭
|
||||
</el-button>
|
||||
</template>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" @click="exportExcel()" :loading="exportLoading">导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印
|
||||
</el-button>
|
||||
</div>
|
||||
<el-main class="nopadding">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div style="margin-right: 20px;text-align: center;font-size: 16px;font-weight: bold;margin-bottom: 20px;">
|
||||
<span v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}{{ sflogItem.shift_name }}</span>
|
||||
<span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span>
|
||||
交接班记录
|
||||
</div>
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="numCell">日期</td>
|
||||
<td class="numCell" v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}</td>
|
||||
<td class="numCell">班次</td>
|
||||
<td class="numCell">{{ sflogItem.shift_name }}</td>
|
||||
<td class="numCell">班组</td>
|
||||
<td class="numCell"><span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">产量（t）</td>
|
||||
<td class="numCell">{{ reportItem.total_production }}</td>
|
||||
<td class="numCell">台时（t/h）</td>
|
||||
<td class="numCell">{{ reportItem.production_hour }}</td>
|
||||
<td class="numCell">运转时间（h）</td>
|
||||
<td class="numCell">{{ reportItem.run_hour }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">运转率（%）</td>
|
||||
<td class="numCell">{{ reportItem.run_rate * 100 }}</td>
|
||||
<td class="numCell">停机时长（h）</td>
|
||||
<td class="numCell">{{ reportItem.shut_hour }}</td>
|
||||
<td class="numCell">当期单位产品电耗（kW·h/t）</td>
|
||||
<td class="numCell">{{ reportItem.elec_consume_unit }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">辅料细度合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.辅料_细度_rate_pass">{{ reportItem.辅料_细度_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">辅料Fe₂O₃合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.辅料_Fe2O3_rate_pass">{{ reportItem.辅料_Fe2O3_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">辅料水分合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.辅料_水分_rate_pass">{{ reportItem.辅料_水分_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">干混生料CaO合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.干混生料_CaO_rate_pass">{{ reportItem.干混生料_CaO_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">干混生料Fe₂O₃合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.干混生料_Fe2O3_rate_pass">{{ reportItem.干混生料_Fe2O3_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">干混生料细度合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.干混生料_细度_rate_pass">{{ reportItem.干混生料_细度_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">干混生料水分合格率（%）</td>
|
||||
<td class="numCell" v-if="reportItem.干混生料_水分_rate_pass">{{ reportItem.干混生料_水分_rate_pass * 100 }}</td>
|
||||
<td class="numCell" v-else>0</td>
|
||||
<td class="numCell">单位成本（元/吨）</td>
|
||||
<td class="numCell">{{ reportItem.production_cost_unit }}</td>
|
||||
<td class="numCell"></td>
|
||||
<td class="numCell"></td>
|
||||
</tr>
|
||||
<tr v-if="sflogexpList.length > 0">
|
||||
<td class="numCell" :rowspan="sflogexpList.length + 1">生产情况记录</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
<td class="numCell">处置措施</td>
|
||||
<td class="numCell">处置人</td>
|
||||
</tr>
|
||||
<tr v-for="item in sflogexpList" :key="item.id">
|
||||
<td class="numCell">{{ item.happen_time }}</td>
|
||||
<td class="numCell">{{ item.cate }}</td>
|
||||
<td class="numCell">{{ item.reason }}</td>
|
||||
<td class="numCell">{{ item.measure }}</td>
|
||||
<td class="numCell">{{ item.handler }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-drawer>
|
||||
</el-container>
|
||||
<!-- <save-dialog
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<div style="margin-right: 20px">交接班日志</div>
|
||||
<el-date-picker
|
||||
v-model="query.start_time__gte"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="开始时间"
|
||||
style="width: 120px"
|
||||
/>
|
||||
<el-date-picker
|
||||
v-model="query.end_time__lt"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="结束时间"
|
||||
style="margin-left: 2px; width: 120px"
|
||||
/>
|
||||
<el-select
|
||||
v-model="query.shift"
|
||||
placeholder="班次"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionsShift"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="query.team"
|
||||
placeholder="班组"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable
|
||||
ref="table"
|
||||
:apiObj="apiObj"
|
||||
row-key="id"
|
||||
stripe
|
||||
:params="query"
|
||||
highlightCurrentRow
|
||||
@row-click="rowClick"
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="开始时间" prop="start_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" prop="end_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="班组名称"
|
||||
prop="team_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="当前班次"
|
||||
prop="shift_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="班长"
|
||||
prop="leader_name"
|
||||
></el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.last_test_time">{{
|
||||
scope.row.last_test_time.slice(0, 16)
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
fixed="right"
|
||||
align="center"
|
||||
width="140"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_edit(scope.row)"
|
||||
type="primary"
|
||||
>编辑</el-button
|
||||
>
|
||||
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
|
||||
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_export(scope.row)"
|
||||
type="success"
|
||||
>报表</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
|
||||
<el-button type="danger" @click="close">
|
||||
<el-icon class="el-icon--left">
|
||||
<CircleCloseFilled />
|
||||
</el-icon>
|
||||
关闭
|
||||
</el-button>
|
||||
</template>
|
||||
<div class="left-panel">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="exportExcel()"
|
||||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||
</div>
|
||||
<el-main class="nopadding">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div
|
||||
style="
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
"
|
||||
>
|
||||
<span v-if="sflogItem.end_time">{{
|
||||
sflogItem.end_time.slice(0, 10)
|
||||
}}</span>
|
||||
<span
|
||||
v-if="sflogItem.shift_name"
|
||||
style="margin: 0 10px"
|
||||
>{{ sflogItem.shift_name }}</span
|
||||
>
|
||||
<span v-if="sflogItem.team_name">{{
|
||||
sflogItem.team_name
|
||||
}}</span>
|
||||
</div>
|
||||
<table
|
||||
border="1"
|
||||
width="1000"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="numCell">产量（t）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.total_production }}
|
||||
</td>
|
||||
<td class="numCell">单位产品电耗（kW·h/t）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.production_hour }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="sflogexpList.length > 0">
|
||||
<td
|
||||
class="numCell"
|
||||
:rowspan="sflogexpList.length + 1"
|
||||
>
|
||||
生产情况记录
|
||||
</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
<td class="numCell">处置措施</td>
|
||||
<td class="numCell">处置人</td>
|
||||
</tr>
|
||||
<tr v-for="item in sflogexpList" :key="item.id">
|
||||
<td class="numCell">{{ item.happen_time }}</td>
|
||||
<td class="numCell">{{ item.cate }}</td>
|
||||
<td class="numCell">{{ item.reason }}</td>
|
||||
<td class="numCell">{{ item.measure }}</td>
|
||||
<td class="numCell">{{ item.handler }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-drawer>
|
||||
</el-container>
|
||||
<!-- <save-dialog
|
||||
v-if="dialog.save"
|
||||
ref="saveDialog"
|
||||
:deptId ="deptId"
|
||||
|
|
@ -174,205 +231,210 @@ import saveDialog from "./handover_form.vue";
|
|||
import quastatDialog from "./quastat_form.vue";
|
||||
import otherDialog from "./other_form.vue";
|
||||
export default {
|
||||
name: "sflog",
|
||||
components: {
|
||||
saveDialog,
|
||||
otherDialog,
|
||||
quastatDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
mgroup: '3346520558031773696',
|
||||
},
|
||||
deptId: "3345780809943797760",
|
||||
name: "sflog",
|
||||
components: {
|
||||
saveDialog,
|
||||
otherDialog,
|
||||
quastatDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
mgroup: "3346520558031773696",
|
||||
},
|
||||
deptId: "3345780809943797760",
|
||||
|
||||
sflogItem: {},
|
||||
selection: [],
|
||||
modelValue: true,
|
||||
showClose: true,
|
||||
echartType: 'line',
|
||||
asynDialog: false,
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
teamOptions: [],
|
||||
limitedExport: false,
|
||||
reportItem: {},
|
||||
sflogexpList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
this.$API.mtm.team.list.req(form).then(res => {
|
||||
this.options = res;
|
||||
})
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
|
||||
this.optionsShift = res;
|
||||
})
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
sflog_export() {
|
||||
this.limitedExport = true;
|
||||
},
|
||||
rowClick(row) {
|
||||
this.sflogId = row.id;
|
||||
this.sflogItem = row;
|
||||
this.getSflogItem(row.id);
|
||||
this.getSflogexp(row.id);
|
||||
},
|
||||
getSflogexp(id) {
|
||||
let that = this;
|
||||
that.$API.wpm.sflogexp.list.req({ page: 0, sflog: id }).then(res => {
|
||||
that.sflogexpList = res;
|
||||
})
|
||||
},
|
||||
getSflogItem(id) {
|
||||
let that = this;
|
||||
that.$API.enm.enstat.req({ type: 'sflog', sflog: id, page: 0 }).then(res => {
|
||||
if (res.length > 0) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(res[0])
|
||||
})
|
||||
},
|
||||
//编辑
|
||||
sflog_edit(row) {
|
||||
let jsonStr = JSON.stringify(row);
|
||||
this.$TOOL.data.remove("sflogItem")
|
||||
this.$TOOL.data.set('sflogItem', jsonStr)
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId
|
||||
},
|
||||
});
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.saveDialog.open("edit").setData(row);
|
||||
// });
|
||||
},
|
||||
sflogItem: {},
|
||||
selection: [],
|
||||
modelValue: true,
|
||||
showClose: true,
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
teamOptions: [],
|
||||
limitedExport: false,
|
||||
reportItem: {},
|
||||
sflogexpList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
this.$API.mtm.team.list.req(form).then((res) => {
|
||||
this.options = res;
|
||||
});
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
|
||||
this.optionsShift = res;
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
sflog_export() {
|
||||
this.limitedExport = true;
|
||||
},
|
||||
rowClick(row) {
|
||||
this.sflogId = row.id;
|
||||
this.sflogItem = row;
|
||||
this.getSflogItem(row.id);
|
||||
this.getSflogexp(row.id);
|
||||
},
|
||||
getSflogexp(id) {
|
||||
let that = this;
|
||||
that.$API.wpm.sflogexp.list
|
||||
.req({ page: 0, sflog: id })
|
||||
.then((res) => {
|
||||
that.sflogexpList = res;
|
||||
});
|
||||
},
|
||||
getSflogItem(id) {
|
||||
let that = this;
|
||||
that.$API.enm.enstat
|
||||
.req({ type: "sflog", sflog: id, page: 0 })
|
||||
.then((res) => {
|
||||
if (res.length > 0) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(res[0]);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
sflog_edit(row) {
|
||||
let jsonStr = JSON.stringify(row);
|
||||
this.$TOOL.data.remove("sflogItem");
|
||||
this.$TOOL.data.set("sflogItem", jsonStr);
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId,
|
||||
},
|
||||
});
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.saveDialog.open("edit").setData(row);
|
||||
// });
|
||||
},
|
||||
|
||||
//质量检验
|
||||
sflog_check(row) {
|
||||
this.dialog.check = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.checkDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
//其他能源物料
|
||||
sflog_other(row) {
|
||||
this.dialog.other = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.otherDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
// //查看
|
||||
// table_show(row) {
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.checkDialog.open("edit").setData(row);
|
||||
// });
|
||||
// },
|
||||
//删除
|
||||
async table_del(row) {
|
||||
this.$API.wpm.sflog.delete.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
return res;
|
||||
})
|
||||
.catch((err) => {
|
||||
return err;
|
||||
});
|
||||
},
|
||||
//新增岗位后更新数据
|
||||
handleSaveSuccess(data, mode) {
|
||||
this.$refs.table.refresh()
|
||||
this.dialog.save = false;
|
||||
},
|
||||
handleOtherSuccess() {
|
||||
this.dialog.other = false;
|
||||
},
|
||||
handleCheckSuccess() {
|
||||
this.dialog.check = false;
|
||||
},
|
||||
closed() {
|
||||
this.dialog.save = false;
|
||||
this.$refs.table2.refresh();
|
||||
},
|
||||
handleDel(row) {
|
||||
this.$confirm(`确定删除选中的记录吗？`, "提示", {
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
this.$API.wpm.shift.delete.req(row.id).then((res) => {
|
||||
if (res.err_msg) {
|
||||
this.$message.error(res.err_msg);
|
||||
} else {
|
||||
// const loading = this.$loading();
|
||||
// this.$refs.table2.refresh();
|
||||
// loading.close();
|
||||
// this.$message.success("操作成功");
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => { });
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
//质量检验
|
||||
sflog_check(row) {
|
||||
this.dialog.check = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.checkDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
//其他能源物料
|
||||
sflog_other(row) {
|
||||
this.dialog.other = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.otherDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
// //查看
|
||||
// table_show(row) {
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.checkDialog.open("edit").setData(row);
|
||||
// });
|
||||
// },
|
||||
//删除
|
||||
async table_del(row) {
|
||||
this.$API.wpm.sflog.delete
|
||||
.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
return res;
|
||||
})
|
||||
.catch((err) => {
|
||||
return err;
|
||||
});
|
||||
},
|
||||
//新增岗位后更新数据
|
||||
handleSaveSuccess(data, mode) {
|
||||
this.$refs.table.refresh();
|
||||
this.dialog.save = false;
|
||||
},
|
||||
handleOtherSuccess() {
|
||||
this.dialog.other = false;
|
||||
},
|
||||
handleCheckSuccess() {
|
||||
this.dialog.check = false;
|
||||
},
|
||||
closed() {
|
||||
this.dialog.save = false;
|
||||
this.$refs.table2.refresh();
|
||||
},
|
||||
handleDel(row) {
|
||||
this.$confirm(`确定删除选中的记录吗？`, "提示", {
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.$API.wpm.shift.delete.req(row.id).then((res) => {
|
||||
if (res.err_msg) {
|
||||
this.$message.error(res.err_msg);
|
||||
} else {
|
||||
// const loading = this.$loading();
|
||||
// this.$refs.table2.refresh();
|
||||
// loading.close();
|
||||
// this.$message.success("操作成功");
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped>
|
||||
#numTable {
|
||||
margin-left: 37px;
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
||||
#numTable td {
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.numCell {
|
||||
width: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.numCell.numCell_last {
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.searchHead {
|
||||
display: flex
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.middleText {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.searchBtn {
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,476 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<div style="margin-right: 20px">交接班日志</div>
|
||||
<el-date-picker
|
||||
v-model="query.start_time__gte"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="开始时间"
|
||||
style="width: 120px"
|
||||
/>
|
||||
<el-date-picker
|
||||
v-model="query.end_time__lt"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
format="YYYY-MM-DD"
|
||||
placeholder="结束时间"
|
||||
style="margin-left: 2px; width: 120px"
|
||||
/>
|
||||
<el-select
|
||||
v-model="query.shift"
|
||||
placeholder="班次"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionsShift"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="query.team"
|
||||
placeholder="班组"
|
||||
clearable
|
||||
style="margin-left: 2px; width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable
|
||||
ref="table"
|
||||
:apiObj="apiObj"
|
||||
row-key="id"
|
||||
stripe
|
||||
:params="query"
|
||||
highlightCurrentRow
|
||||
@row-click="rowClick"
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="开始时间" prop="start_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" prop="end_time">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="班组名称"
|
||||
prop="team_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="当前班次"
|
||||
prop="shift_name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="班长"
|
||||
prop="leader_name"
|
||||
></el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.last_test_time">{{
|
||||
scope.row.last_test_time.slice(0, 16)
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
fixed="right"
|
||||
align="center"
|
||||
width="140"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_edit(scope.row)"
|
||||
type="primary"
|
||||
>编辑</el-button
|
||||
>
|
||||
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
|
||||
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_export(scope.row)"
|
||||
type="success"
|
||||
>报表</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
|
||||
<el-button type="danger" @click="close">
|
||||
<el-icon class="el-icon--left">
|
||||
<CircleCloseFilled />
|
||||
</el-icon>
|
||||
关闭
|
||||
</el-button>
|
||||
</template>
|
||||
<div class="left-panel">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="exportExcel()"
|
||||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||
</div>
|
||||
<el-main class="nopadding">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div
|
||||
style="
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
"
|
||||
>
|
||||
<span v-if="sflogItem.end_time">{{
|
||||
sflogItem.end_time.slice(0, 10)
|
||||
}}</span>
|
||||
<span
|
||||
v-if="sflogItem.shift_name"
|
||||
style="margin: 0 10px"
|
||||
>{{ sflogItem.shift_name }}</span
|
||||
>
|
||||
<span v-if="sflogItem.team_name">{{
|
||||
sflogItem.team_name
|
||||
}}</span>
|
||||
</div>
|
||||
<table
|
||||
border="1"
|
||||
width="1000"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="numCell">日期</td>
|
||||
<td class="numCell" v-if="sflogItem.end_time">
|
||||
{{ sflogItem.end_time.slice(0, 10) }}
|
||||
</td>
|
||||
<td class="numCell">班次</td>
|
||||
<td class="numCell">
|
||||
{{ sflogItem.shift_name }}
|
||||
</td>
|
||||
<td class="numCell">班组</td>
|
||||
<td class="numCell">
|
||||
<span v-if="sflogItem.team_name">{{
|
||||
sflogItem.team_name
|
||||
}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">产量（t）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.total_production }}
|
||||
</td>
|
||||
<td class="numCell">台时（t/h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.production_hour }}
|
||||
</td>
|
||||
<td class="numCell">运转时间（h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.run_hour }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="numCell">运转率（%）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.run_rate * 100 }}
|
||||
</td>
|
||||
<td class="numCell">停机时长（h）</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.shut_hour }}
|
||||
</td>
|
||||
<td class="numCell">
|
||||
当期单位产品电耗（kW·h/t）
|
||||
</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.elec_consume_unit }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="sflogexpList.length > 0">
|
||||
<td
|
||||
class="numCell"
|
||||
:rowspan="sflogexpList.length + 1"
|
||||
>
|
||||
生产情况记录
|
||||
</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
<td class="numCell">处置措施</td>
|
||||
<td class="numCell">处置人</td>
|
||||
</tr>
|
||||
<tr v-for="item in sflogexpList" :key="item.id">
|
||||
<td class="numCell">{{ item.happen_time }}</td>
|
||||
<td class="numCell">{{ item.cate }}</td>
|
||||
<td class="numCell">{{ item.reason }}</td>
|
||||
<td class="numCell">{{ item.measure }}</td>
|
||||
<td class="numCell">{{ item.handler }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-drawer>
|
||||
</el-container>
|
||||
<!-- <save-dialog
|
||||
v-if="dialog.save"
|
||||
ref="saveDialog"
|
||||
:deptId ="deptId"
|
||||
@success="handleSaveSuccess"
|
||||
@closed="dialog.save = false"
|
||||
></save-dialog>
|
||||
<other-dialog
|
||||
v-if="dialog.other"
|
||||
ref="otherDialog"
|
||||
@success="handleOtherSuccess"
|
||||
@closed="dialog.other = false"
|
||||
></other-dialog>
|
||||
<quastat-dialog
|
||||
v-if="dialog.check"
|
||||
ref="checkDialog"
|
||||
@success="handleCheckSuccess"
|
||||
@closed="dialog.save = false"
|
||||
></quastat-dialog> -->
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from "./handover_form.vue";
|
||||
import quastatDialog from "./quastat_form.vue";
|
||||
import otherDialog from "./other_form.vue";
|
||||
export default {
|
||||
name: "sflog",
|
||||
components: {
|
||||
saveDialog,
|
||||
otherDialog,
|
||||
quastatDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
mgroup: "3346520558031773696",
|
||||
},
|
||||
deptId: "3345780809943797760",
|
||||
|
||||
sflogItem: {},
|
||||
selection: [],
|
||||
modelValue: true,
|
||||
showClose: true,
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
teamOptions: [],
|
||||
limitedExport: false,
|
||||
reportItem: {},
|
||||
sflogexpList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
this.$API.mtm.team.list.req(form).then((res) => {
|
||||
this.options = res;
|
||||
});
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
|
||||
this.optionsShift = res;
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
sflog_export() {
|
||||
this.limitedExport = true;
|
||||
},
|
||||
rowClick(row) {
|
||||
this.sflogId = row.id;
|
||||
this.sflogItem = row;
|
||||
this.getSflogItem(row.id);
|
||||
this.getSflogexp(row.id);
|
||||
},
|
||||
getSflogexp(id) {
|
||||
let that = this;
|
||||
that.$API.wpm.sflogexp.list
|
||||
.req({ page: 0, sflog: id })
|
||||
.then((res) => {
|
||||
that.sflogexpList = res;
|
||||
});
|
||||
},
|
||||
getSflogItem(id) {
|
||||
let that = this;
|
||||
that.$API.enm.enstat
|
||||
.req({ type: "sflog", sflog: id, page: 0 })
|
||||
.then((res) => {
|
||||
if (res.length > 0) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(res[0]);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
sflog_edit(row) {
|
||||
let jsonStr = JSON.stringify(row);
|
||||
this.$TOOL.data.remove("sflogItem");
|
||||
this.$TOOL.data.set("sflogItem", jsonStr);
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId,
|
||||
},
|
||||
});
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.saveDialog.open("edit").setData(row);
|
||||
// });
|
||||
},
|
||||
|
||||
//质量检验
|
||||
sflog_check(row) {
|
||||
this.dialog.check = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.checkDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
//其他能源物料
|
||||
sflog_other(row) {
|
||||
this.dialog.other = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.otherDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
// //查看
|
||||
// table_show(row) {
|
||||
// this.dialog.save = true;
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.checkDialog.open("edit").setData(row);
|
||||
// });
|
||||
// },
|
||||
//删除
|
||||
async table_del(row) {
|
||||
this.$API.wpm.sflog.delete
|
||||
.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
return res;
|
||||
})
|
||||
.catch((err) => {
|
||||
return err;
|
||||
});
|
||||
},
|
||||
//新增岗位后更新数据
|
||||
handleSaveSuccess(data, mode) {
|
||||
this.$refs.table.refresh();
|
||||
this.dialog.save = false;
|
||||
},
|
||||
handleOtherSuccess() {
|
||||
this.dialog.other = false;
|
||||
},
|
||||
handleCheckSuccess() {
|
||||
this.dialog.check = false;
|
||||
},
|
||||
closed() {
|
||||
this.dialog.save = false;
|
||||
this.$refs.table2.refresh();
|
||||
},
|
||||
handleDel(row) {
|
||||
this.$confirm(`确定删除选中的记录吗？`, "提示", {
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.$API.wpm.shift.delete.req(row.id).then((res) => {
|
||||
if (res.err_msg) {
|
||||
this.$message.error(res.err_msg);
|
||||
} else {
|
||||
// const loading = this.$loading();
|
||||
// this.$refs.table2.refresh();
|
||||
// loading.close();
|
||||
// this.$message.success("操作成功");
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#numTable {
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
||||
#numTable td {
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.numCell {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.numCell.numCell_last {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.searchHead {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.middleText {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.searchBtn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,184 @@
|
|||
<template>
|
||||
<el-dialog :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
|
||||
<el-container v-loading="loading">
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<el-form ref="dialogForm" :model="form" label-width="100px" label-position="right" :rules="rule1">
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="关联工段" prop="mgroup">
|
||||
<el-input v-model="form.mgroup_name" placeholder="关联工段" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当班班次" prop="shift">
|
||||
<el-input v-model="form.shift_name" placeholder="当班班次" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="开始时间" prop="start_time">
|
||||
<el-date-picker disabled v-model="form.start_time" type="datetime" format="YYYY-MM-DD HH:mm"
|
||||
placeholder="开始时间" style="width: 100%;" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="结束时间" prop="end_time">
|
||||
<el-date-picker disabled v-model="form.end_time" type="datetime" format="YYYY-MM-DD HH:mm"
|
||||
placeholder="结束时间" style="width: 100%;" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当班班组" prop="team">
|
||||
<el-select v-model="form.team" placeholder="当班班组" clearable style="width: 100%;" @change="teamChange">
|
||||
<el-option v-for="item in teamOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="班组班长" prop="leader_name">
|
||||
<el-input v-model="form.leader_name" placeholder="班组班长" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" v-if="form.shift_name == '白班' && mgroupId == '3347217246321065984'">
|
||||
<el-form-item label="煤粉热值">
|
||||
<el-input-number v-model="form.pcoal_heat" controls-position="right" placeholder="煤粉热值" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="生产情况记录">
|
||||
<el-input type="textarea" :rows="4" v-model="form.note" placeholder="生产情况记录" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
props: {
|
||||
deptId: {
|
||||
// 接受外部v-model传入的值
|
||||
type: [String],
|
||||
default: "",
|
||||
},
|
||||
mgroupId: {
|
||||
// 接受外部v-model传入的值
|
||||
type: [String],
|
||||
default: "",
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: "交接班日志",
|
||||
edit: "交接班日志",
|
||||
show: "查看交接班日志",
|
||||
},
|
||||
form: {
|
||||
type: 10,
|
||||
},
|
||||
rules: {
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
number: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
keeper_name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
belong_dept: [{ required: true, message: "请选择", trigger: "blur" }]
|
||||
},
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
keeperOptions: [],
|
||||
depOptions: [],
|
||||
selectionFilters: [],
|
||||
setFiltersVisible: false,
|
||||
teamOptions: [],
|
||||
shiftOptions: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.mgroup = this.mgroupId;
|
||||
debugger;
|
||||
console.log(this.deptId)
|
||||
console.log(this.mgroupId)
|
||||
//获取班组
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
debugger;
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.belong_dept = this.deptId;
|
||||
debugger;
|
||||
this.$API.mtm.team.list.req(form).then(res => {
|
||||
this.teamOptions = res;
|
||||
})
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
|
||||
this.shiftOptions = res;
|
||||
})
|
||||
},
|
||||
//显示
|
||||
open(mode = "add") {
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this;
|
||||
},
|
||||
teamChange(data) {
|
||||
let that = this;
|
||||
that.teamOptions.forEach(item => {
|
||||
if (item.id == data) {
|
||||
that.form.leader_name = item.leader_name;
|
||||
that.form.leader = item.leader;
|
||||
}
|
||||
})
|
||||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
try {
|
||||
let obj = {};
|
||||
obj.note = this.form.note;
|
||||
obj.team = this.form.team;
|
||||
obj.shift = this.form.shift;
|
||||
obj.leader = this.form.leader;
|
||||
obj.pcoal_heat = this.form.pcoal_heat;
|
||||
this.$API.wpm.sflog.update.req(this.form.id, obj).then(res => {
|
||||
this.isSaveing = false;
|
||||
this.$emit("success", this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功");
|
||||
return res;
|
||||
})
|
||||
} catch (err) {
|
||||
//可以处理校验错误
|
||||
this.isSaveing = false;
|
||||
return err;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
Object.assign(this.form, data);
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
this.selectionFilters = filters;
|
||||
this.setFiltersVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style></style>
|
||||
|
||||
|
|
@ -0,0 +1,669 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-main class="nopadding">
|
||||
<el-card style="margin: 6px;position:relative">
|
||||
<el-descriptions title="日志信息" :column="3">
|
||||
<el-descriptions-item label="所属工段:">
|
||||
<span>{{form.mgroup_name}}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工作班次:" :span="3">
|
||||
{{ form.shift_name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开始时间:">
|
||||
<span>{{form.start_time}}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="结束时间:" :span="3">
|
||||
{{ form.end_time }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-card>
|
||||
<el-card style="margin: 6px;position:relative">
|
||||
<el-button type="primary" icon="el-icon-plus" @click.stop="addExp" v-if="activeName=='fourth'" style="position: absolute;top:6px;right: 10px;z-index: 100;"></el-button>
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" height="600px">
|
||||
<el-tab-pane label="班组" name="first">
|
||||
<el-form
|
||||
ref="teamForm"
|
||||
:model="form"
|
||||
label-width="100px"
|
||||
label-position="right"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当班班组" prop="team">
|
||||
<el-select
|
||||
v-model="form.team"
|
||||
placeholder="当班班组"
|
||||
clearable
|
||||
style="width: 100%;"
|
||||
@change="teamChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in teamOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="班组班长" prop="leader_name">
|
||||
<el-input v-model="form.leader_name" placeholder="班组班长" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" v-if="form.shift_name=='白班'&&mgroupId=='3347217246321065984'">
|
||||
<el-form-item label="煤粉热值">
|
||||
<el-input-number v-model="form.pcoal_heat" controls-position="right" placeholder="煤粉热值" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-footer style="text-align: center;">
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
</el-footer>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="检验" name="second">
|
||||
<el-form
|
||||
ref="dialogForm"
|
||||
:model="form"
|
||||
label-width="85px"
|
||||
label-position="right"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当前班组">
|
||||
{{ form.team_name }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="班组组长">
|
||||
{{ form.leader_name }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-divider />
|
||||
</el-row>
|
||||
</el-form>
|
||||
<sc-form-table
|
||||
v-model="checkList"
|
||||
:hideAdd="hideAdd"
|
||||
:hideDelete="hideDelete"
|
||||
placeholder="暂无数据"
|
||||
>
|
||||
<el-table-column prop="material" label="关联产物" min-width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.id">{{ scope.row.material_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="testitem" label="质检项目" min-width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.id">{{ scope.row.testitem_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="val_avg" label="平均值" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.val_avg"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="num_test" label="检验次数" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.num_test"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="num_ok" label="合格次数" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.num_ok"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</sc-form-table>
|
||||
<el-footer style="text-align: center;">
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit2">保存</el-button>
|
||||
</el-footer>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="其他成本" name="third">
|
||||
<div v-if="mgroupId=='3346491835287007232'||mgroupId=='3347217651339837440'||mgroupId=='3347217246321065984'">
|
||||
<el-form
|
||||
ref="thirdForms"
|
||||
:model="thirdForm"
|
||||
label-width="100px"
|
||||
label-position="right"
|
||||
>
|
||||
<!-- 电石渣 -->
|
||||
<el-row v-if="mgroupId=='3346491835287007232'">
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="湿电石渣">
|
||||
<el-input-number v-model="thirdForm.num" controls-position="right" placeholder="湿电石渣" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 回转窑 -->
|
||||
<el-row v-if="mgroupId=='3347217246321065984'">
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="柴油">
|
||||
<el-input-number v-model="thirdForm.num" controls-position="right" placeholder="柴油" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 水泥磨 -->
|
||||
<el-row v-if="mgroupId=='3347217651339837440'">
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="助剂">
|
||||
<el-input-number v-model="thirdForm.num" controls-position="right" placeholder="助剂" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="包装">
|
||||
<el-input-number v-model="thirdForm.num" controls-position="right" placeholder="包装" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-footer style="text-align: center;">
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
</el-footer>
|
||||
</div>
|
||||
<div v-else style="width: 100%;height: 200px;line-height: 200px;text-align: center;">
|
||||
无其他成本
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="异常" name="fourth">
|
||||
<el-table
|
||||
ref="expTable"
|
||||
:data="stlogList"
|
||||
row-key="id"
|
||||
stripe
|
||||
highlightCurrentRow
|
||||
>
|
||||
<el-table-column type="index" width="50"/>
|
||||
<el-table-column label="异常类别" prop="duration">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.duration>0">停机</span>
|
||||
<span v-else>其他</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发生时间" prop="happen_time"></el-table-column>
|
||||
<el-table-column label="原因类别" prop="cate"></el-table-column>
|
||||
<el-table-column label="异常名称" prop="title"></el-table-column>
|
||||
<el-table-column label="事件原因" prop="reason"></el-table-column>
|
||||
<el-table-column label="处置措施" prop="measure"></el-table-column>
|
||||
<el-table-column label="停机时长" prop="duration"></el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="120">
|
||||
<template #default="scope">
|
||||
<el-button link size="small" @click="sflogexp_edit(scope.row)" type="primary">编辑</el-button>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button link size="small" @click="sflogexp_delete(scope.row)" type="danger">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<p>异常详情</p>
|
||||
<el-form
|
||||
ref="expForms"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
:model="expForm"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常类别">
|
||||
<el-select style="width: 100%"
|
||||
v-model="sflogexpType"
|
||||
placeholder="异常类别"
|
||||
:disabled="1"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in typeOptions"
|
||||
:key="item.value"
|
||||
:label="item.name"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常名称" prop="title">
|
||||
<el-input v-model="expForm.title" placeholder="异常名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="发生时间" prop="happen_time">
|
||||
<el-date-picker
|
||||
v-model="expForm.happen_time"
|
||||
type="datetime"
|
||||
placeholder="发生时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
style="width:100%"
|
||||
:disabled="expTitle!=='新增异常'&&expForm.duration>0"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="原因类别" prop="cate">
|
||||
<el-select style="width: 100%" v-model="expForm.cate" placeholder="原因类别">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" v-if="sflogexpType==0">
|
||||
<el-form-item label="停机时长">
|
||||
<el-input-number
|
||||
v-model="expForm.duration"
|
||||
:precision="2" :min="0"
|
||||
controls-position="right"
|
||||
placeholder="停机时长"
|
||||
:disabled="expTitle!=='新增异常'&&expForm.duration>0"
|
||||
style="width: 100%;"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常原因" prop="reason">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="expForm.reason"
|
||||
placeholder="异常原因"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="处置措施" prop="measure">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="expForm.measure"
|
||||
placeholder="处置措施"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-table
|
||||
ref="expTable"
|
||||
:data="sflogexpList"
|
||||
row-key="id"
|
||||
stripe
|
||||
highlightCurrentRow
|
||||
>
|
||||
<el-table-column type="index" width="50"/>
|
||||
<el-table-column label="操作人" prop="measure"></el-table-column>
|
||||
<el-table-column label="操作时间" prop="happen_time"></el-table-column>
|
||||
<el-table-column label="原因类别" prop="cate"></el-table-column>
|
||||
<el-table-column label="事件原因" prop="reason"></el-table-column>
|
||||
<el-table-column label="处置措施" prop="measure"></el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="60">
|
||||
<template #default="scope">
|
||||
<el-button link size="small" @click="sflogexp_edit(scope.row)" type="primary">编辑</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-dialog :title="expTitle" v-model="visible">
|
||||
<el-form
|
||||
ref="expForms"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
:model="expForm"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常类别">
|
||||
<el-select style="width: 100%"
|
||||
v-model="sflogexpType"
|
||||
placeholder="异常类别"
|
||||
:disabled="1"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in typeOptions"
|
||||
:key="item.value"
|
||||
:label="item.name"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常名称" prop="title">
|
||||
<el-input v-model="expForm.title" placeholder="异常名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="发生时间" prop="happen_time">
|
||||
<el-date-picker
|
||||
v-model="expForm.happen_time"
|
||||
type="datetime"
|
||||
placeholder="发生时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
style="width:100%"
|
||||
:disabled="expTitle!=='新增异常'&&expForm.duration>0"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="原因类别" prop="cate">
|
||||
<el-select style="width: 100%" v-model="expForm.cate" placeholder="原因类别">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" v-if="sflogexpType==0">
|
||||
<el-form-item label="停机时长">
|
||||
<el-input-number
|
||||
v-model="expForm.duration"
|
||||
:precision="2" :min="0"
|
||||
controls-position="right"
|
||||
placeholder="停机时长"
|
||||
:disabled="expTitle!=='新增异常'&&expForm.duration>0"
|
||||
style="width: 100%;"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="异常原因" prop="reason">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="expForm.reason"
|
||||
placeholder="异常原因"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="处置措施" prop="measure">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="expForm.measure"
|
||||
placeholder="处置措施"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit4">保存</el-button>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-dialog>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from "./handover_form.vue";
|
||||
import quastatDialog from "./quastat_form.vue";
|
||||
import otherDialog from "./other_form.vue";
|
||||
export default {
|
||||
name: "listSon",
|
||||
components: {
|
||||
saveDialog,
|
||||
otherDialog,
|
||||
quastatDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
deptId:'',
|
||||
mgroupId:'',
|
||||
hideAdd:true,
|
||||
visible:false,
|
||||
hideDelete:true,
|
||||
isSaveing:false,
|
||||
activeName:'fourth',
|
||||
expTitle:'新增异常',
|
||||
sflogItem:{},
|
||||
form:{},
|
||||
thirdForm:{
|
||||
num:''
|
||||
},
|
||||
expForm:{
|
||||
happen_time:'',
|
||||
cate:'',
|
||||
title:'',
|
||||
reason:'',
|
||||
measure:'',
|
||||
duration:0,
|
||||
sflog:'',
|
||||
},
|
||||
query:{
|
||||
page:0,
|
||||
},
|
||||
rules: {
|
||||
happen_time: [{ required: true, message: "请选择发生时间" }],
|
||||
title: [{ required: true, message: "请填写异常名称" }],
|
||||
cate: [{ required: true, message: "请选择原因类别" }],
|
||||
reason: [{ required: true, message: "请填写异常原因" }],
|
||||
measure: [{ required: true, message: "请填写处置措施" }],
|
||||
},
|
||||
sflogexpType:'1',
|
||||
typeOptions:[
|
||||
{value:'0',name:'停机'},
|
||||
{value:'1',name:'其他'}
|
||||
],
|
||||
options:['工艺','电器','机械','其他'],
|
||||
checkList:[],
|
||||
stlogList:[],
|
||||
teamOptions:[],
|
||||
sflogexpList:[],
|
||||
apiObj:this.$API.wpm.sflogexp.list
|
||||
};
|
||||
},
|
||||
mounted(){
|
||||
this.deptId = this.$route.query.deptId;
|
||||
this.mgroupId = this.$route.query.mgroupId;
|
||||
let form = this.$TOOL.data.get("sflogItem")
|
||||
this.form = JSON.parse(form);
|
||||
this.getTeam();
|
||||
this.getSflogexp();
|
||||
},
|
||||
methods: {
|
||||
handleClick(e){
|
||||
this.activeName = e.paneName;
|
||||
if(e.paneName=='second'){
|
||||
this.getsflogItem();
|
||||
}
|
||||
},
|
||||
//******first 班组确定 ******* */
|
||||
getTeam(){
|
||||
let that = this;
|
||||
let form ={};
|
||||
form.page = 0;
|
||||
form.belong_dept = that.deptId;
|
||||
that.$API.mtm.team.list.req(form).then(res=>{
|
||||
that.teamOptions = res;
|
||||
})
|
||||
},
|
||||
teamChange(data){
|
||||
let that = this;
|
||||
that.teamOptions.forEach(item=>{
|
||||
if(item.id==data){
|
||||
that.form.leader_name = item.leader_name;
|
||||
that.form.leader= item.leader;
|
||||
}
|
||||
})
|
||||
},
|
||||
//班组表单提交
|
||||
submit() {
|
||||
let that = this;
|
||||
that.$refs.teamForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
that.isSaveing = true;
|
||||
let obj={};
|
||||
obj.team = that.form.team;
|
||||
obj.shift = that.form.shift;
|
||||
obj.leader = that.form.leader;
|
||||
obj.pcoal_heat = that.form.pcoal_heat;
|
||||
that.$API.wpm.sflog.update.req(that.form.id,obj).then(res=>{
|
||||
that.isSaveing = false;
|
||||
that.$message.success("操作成功");
|
||||
}).catch(res=>{
|
||||
that.isSaveing = false;
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
//****** seconed 质量检验 ******* */
|
||||
//检验
|
||||
getsflogItem(){
|
||||
this.$API.wpm.sflog.init_test.req(this.form.id).then(res=>{
|
||||
this.checkList = res;
|
||||
})
|
||||
},
|
||||
submit2() {
|
||||
this.isSaveing = true;
|
||||
this.$API.qm.updateQuastat.req('bulk',this.checkList).then(res=>{
|
||||
this.isSaveing = false;
|
||||
this.$message.success("操作成功");
|
||||
}).catch(res=>{
|
||||
this.isSaveing = false;
|
||||
})
|
||||
},
|
||||
//质量检验
|
||||
sflog_check(row){
|
||||
this.dialog.check = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.checkDialog.open("edit").setData(row);
|
||||
});
|
||||
},
|
||||
//***** fourth 异常 ****** */
|
||||
//获取异常列表
|
||||
getSflogexp(){
|
||||
let obj = {};
|
||||
obj.page = 0;
|
||||
obj.sflog = this.form.id;
|
||||
this.$API.wpm.sflogexp.list.req(obj).then(res=>{
|
||||
this.sflogexpList = res;
|
||||
})
|
||||
},
|
||||
//异常添加
|
||||
addExp(){
|
||||
this.expForm = {};
|
||||
this.expForm.happen_time='';
|
||||
this.expForm.cate='';
|
||||
this.expForm.title='';
|
||||
this.expForm.reason='';
|
||||
this.expForm.measure='';
|
||||
this.expForm.duration=0;
|
||||
this.expForm.sflog=this.form.id;
|
||||
this.expTitle='新增异常';
|
||||
this.visible = true;
|
||||
},
|
||||
//异常编辑
|
||||
sflogexp_edit(row) {
|
||||
Object.assign(this.expForm, row);
|
||||
this.expTitle='编辑异常';
|
||||
this.expForm.handler = this.$TOOL.data.get("USER_INFO").id;
|
||||
if(this.expForm.duration>0){this.sflogexpType='0';}else{this.sflogexpType='1';}
|
||||
this.visible = true;
|
||||
},
|
||||
//异常删除
|
||||
async sflogexp_delete(row) {
|
||||
this.$confirm(`确定删除选中的记录吗？`, "提示", {
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
this.$API.wpm.sflogexp.delete.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
this.$refs.expTable.refresh();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message.success(err);
|
||||
});
|
||||
})
|
||||
|
||||
},
|
||||
submit4(){
|
||||
let that = this;
|
||||
that.$refs.expForms.validate(async (valid) => {
|
||||
if (valid) {
|
||||
that.isSaveing = true;
|
||||
if (that.expTitle=='新增异常') {
|
||||
that.$API.wpm.stlog.create.req(that.expForm).then(res=>{
|
||||
that.isSaveing = false;
|
||||
that.visible = false;
|
||||
that.$message.success("操作成功");
|
||||
this.$refs.expTable.refresh();
|
||||
}).catch(res=>{
|
||||
that.isSaveing = false;
|
||||
})
|
||||
} else {
|
||||
that.$API.wpm.sflogexp.update.req(that.expForm.id,that.expForm).then(res=>{
|
||||
that.isSaveing = false;
|
||||
that.visible = false;
|
||||
that.$message.success("操作成功");
|
||||
this.$refs.expTable.refresh();
|
||||
}).catch(res=>{
|
||||
that.isSaveing = false;
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
#numTable td{
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.numCell{
|
||||
width: 80px;
|
||||
}
|
||||
.numCell.numCell_last{
|
||||
width: 100px;
|
||||
}
|
||||
.searchHead{
|
||||
display:flex
|
||||
}
|
||||
.middleText{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.searchBtn{
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
<template>
|
||||
<el-dialog :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
|
||||
<el-container v-loading="loading">
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<el-form ref="dialogForm" :model="form" label-width="100px" label-position="right" :rules="rules">
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="关联工段" prop="mgroup">
|
||||
<el-input v-model="form.mgroup_name" placeholder="关联工段" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当班班次">
|
||||
<el-input v-model="form.shift_name" placeholder="当班班次" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="开始时间" prop="start_time">
|
||||
<el-input v-model="form.start_time" placeholder="结束时间" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="结束时间" prop="end_time">
|
||||
<el-input v-model="form.end_time" placeholder="结束时间" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当班班组" prop="team">
|
||||
<el-input v-model="form.team_name" placeholder="班组班长" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="班组班长" prop="leader_name">
|
||||
<el-input v-model="form.leader_name" placeholder="班组班长" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="检测时间" prop="time">
|
||||
<el-date-picker v-model="form.time" type="datetime" value-format="YYYY-MM-DD HH:mm"
|
||||
format="YYYY-MM-DD HH:mm" placeholder="检测时间" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" class="formUnitWrap">
|
||||
<el-form-item label="水耗统计" prop="val">
|
||||
<el-input-number v-model="form.val" :precision="2" controls-position="right" placeholder="水耗统计"
|
||||
style="width: 100%;"></el-input-number>
|
||||
</el-form-item>
|
||||
<span class="formUnit">(t)</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: "其他能源录入",
|
||||
edit: "其他能源录入",
|
||||
show: "其他能源录入",
|
||||
},
|
||||
form: {
|
||||
type: 10,
|
||||
},
|
||||
rules: {
|
||||
val: [{ required: true, message: "请输入检测值", trigger: "blur" }],
|
||||
time: [{ required: true, message: "请选择检测时间", trigger: "blur" }]
|
||||
},
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
keeperOptions: [],
|
||||
depOptions: [],
|
||||
selectionFilters: [],
|
||||
setFiltersVisible: false,
|
||||
teamOptions: [],
|
||||
shiftOptions: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
//获取班组
|
||||
this.getTeam();
|
||||
this.getShfit();
|
||||
},
|
||||
methods: {
|
||||
getTeam() {
|
||||
this.$API.mtm.team.list.req({ page: 0 }).then(res => {
|
||||
this.teamOptions = res;
|
||||
})
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
|
||||
this.shiftOptions = res;
|
||||
})
|
||||
},
|
||||
//显示
|
||||
open(mode = "add") {
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this;
|
||||
},
|
||||
teamChange(data) {
|
||||
let that = this;
|
||||
that.teamOptions.forEach(item => {
|
||||
if (item.id == data) {
|
||||
that.form.leader_name = item.leader_name;
|
||||
that.form.leader = item.leader;
|
||||
}
|
||||
})
|
||||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
try {
|
||||
let obj = {};
|
||||
debugger;
|
||||
obj.year_s = this.form.time.slice(0, 4);
|
||||
obj.month_s = this.form.time.slice(5, 7);
|
||||
obj.day_s = this.form.time.slice(8, 10);
|
||||
obj.hour = this.form.time.slice(11, 13);
|
||||
obj.val = this.form.val;
|
||||
obj.sflog = this.form.id;
|
||||
obj.material = '3349350755361792000';
|
||||
obj.mpoint = '3349214860667219968';
|
||||
this.$API.enm.mpoint.statCreate.req(obj).then(res => {
|
||||
this.isSaveing = false;
|
||||
this.$emit("success", this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功");
|
||||
return res;
|
||||
})
|
||||
} catch (err) {
|
||||
//可以处理校验错误
|
||||
this.isSaveing = false;
|
||||
return err;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
Object.assign(this.form, data);
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
this.selectionFilters = filters;
|
||||
this.setFiltersVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.formUnit {
|
||||
position: absolute;
|
||||
right: -17px;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
.formUnitWrap {
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">
|
||||
石灰石破碎工段主要设备（100KW以上）单位产品电耗数据表
|
||||
原料磨工段主要设备（100KW以上）单位产品电耗数据表
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -116,14 +116,7 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
const colors = [
|
||||
"#647bfe",
|
||||
"#8698fe",
|
||||
"#a9b6fe",
|
||||
"#cbd3fe",
|
||||
"#91CC75",
|
||||
"#EE6666",
|
||||
];
|
||||
const colors = ["#647bfe", "#8698fe", "#a9b6fe", "#cbd3fe", "#91CC75"];
|
||||
let tooltip = {
|
||||
show: true,
|
||||
trigger: "axis",
|
||||
|
|
@ -148,7 +141,7 @@ let toolbox = {
|
|||
};
|
||||
let legend = {
|
||||
top: "2%",
|
||||
data: ["立磨主电机", "循环风机", "烘干破主", "废气风机", "尾排风机"],
|
||||
data: ["辊压机", "循环风机", "调配变压器", "低压变压器柜器"],
|
||||
};
|
||||
let yAxis = {
|
||||
type: "value",
|
||||
|
|
@ -189,7 +182,7 @@ export default {
|
|||
},
|
||||
tableName: "主要设备（100KW以上）单位产品电耗数据表",
|
||||
tableDatas: [
|
||||
["立磨主电机", "", "KW·h/t", "", "", ""],
|
||||
["辊压机", "", "KW·h/t", "", "", ""],
|
||||
["循环风机", "", "KW·h/t", "", "", ""],
|
||||
// ['烘干破主','','KW·h/t','','',''],
|
||||
// ['废气风机','','KW·h/t','','',''],
|
||||
|
|
@ -224,7 +217,7 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "立磨主电机",
|
||||
name: "辊压机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -234,17 +227,12 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "烘干破主",
|
||||
name: "调配变压器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "尾排风机",
|
||||
name: "低压变压器柜器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -267,7 +255,7 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "立磨主电机",
|
||||
name: "辊压机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -277,17 +265,12 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "烘干破主",
|
||||
name: "调配变压器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "尾排风机",
|
||||
name: "低压变压器柜器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -323,7 +306,7 @@ export default {
|
|||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: "立磨主电机",
|
||||
name: "辊压机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -333,17 +316,12 @@ export default {
|
|||
data: [],
|
||||
},
|
||||
{
|
||||
name: "烘干破主",
|
||||
name: "调配变压器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "尾排风机",
|
||||
name: "低压变压器柜器",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -487,8 +465,7 @@ export default {
|
|||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
seriesData3 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.hour;
|
||||
|
|
@ -498,16 +475,14 @@ export default {
|
|||
} else {
|
||||
val = (item.val / that.allValHour).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
if (item.equip_name == "辊压机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
} else if (item.equip_name == "调配变压器") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
} else if (item.equip_name == "低压变压器柜器") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option1 };
|
||||
|
|
@ -515,7 +490,6 @@ export default {
|
|||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
let hourXAxis = [];
|
||||
for (let i = 1; i <= that.hours; i++) {
|
||||
let item = i + "时";
|
||||
|
|
@ -539,8 +513,7 @@ export default {
|
|||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
seriesData3 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.day_s;
|
||||
|
|
@ -550,16 +523,14 @@ export default {
|
|||
} else {
|
||||
val = (item.val / that.allValDays).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
if (item.equip_name == "辊压机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
} else if (item.equip_name == "调配变压器") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
} else if (item.equip_name == "低压变压器柜器") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option2 };
|
||||
|
|
@ -567,7 +538,6 @@ export default {
|
|||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
let dayXAxis = [];
|
||||
for (let i = 1; i <= that.days; i++) {
|
||||
let item = i + "日";
|
||||
|
|
@ -590,8 +560,7 @@ export default {
|
|||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
seriesData3 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.month_s;
|
||||
|
|
@ -601,16 +570,14 @@ export default {
|
|||
} else {
|
||||
val = (item.val / that.allValMonth).toFixed(2);
|
||||
}
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
if (item.equip_name == "辊压机") {
|
||||
seriesData0[ind] = val;
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
} else if (item.equip_name == "调配变压器") {
|
||||
seriesData2[ind] = val;
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
} else if (item.equip_name == "低压变压器柜器") {
|
||||
seriesData3[ind] = val;
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option3 };
|
||||
|
|
@ -618,7 +585,6 @@ export default {
|
|||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
let monthXAxis = [];
|
||||
for (let i = 1; i <= that.month; i++) {
|
||||
let item = i + "月";
|
||||
|
|
@ -0,0 +1,203 @@
|
|||
<template>
|
||||
<el-dialog
|
||||
:title="titleMap[mode]"
|
||||
v-model="visible"
|
||||
:size="1000"
|
||||
destroy-on-close
|
||||
id="bigDialog"
|
||||
class="bigDialog"
|
||||
@closed="$emit('closed')"
|
||||
>
|
||||
<el-container v-loading="loading">
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<el-form
|
||||
ref="dialogForm"
|
||||
:model="form"
|
||||
label-width="85px"
|
||||
label-position="right"
|
||||
:rules="rule1"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="关联工段">
|
||||
<el-input v-model="form.mgroup_name" placeholder="关联工段" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当前班次">
|
||||
<el-input v-model="form.shift_name" placeholder="当前班次" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="当前班组">
|
||||
<el-input v-model="form.team_name" placeholder="当前班组" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="班组组长">
|
||||
<el-input v-model="form.team_name" placeholder="班组组长" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="开始时间">
|
||||
<el-input v-model="form.start_time" placeholder="开始时间" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="结束时间">
|
||||
<el-input v-model="form.end_time" placeholder="结束时间" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-divider />
|
||||
</el-row>
|
||||
</el-form>
|
||||
<sc-form-table
|
||||
v-model="form.list"
|
||||
:addTemplate="addTemplate"
|
||||
:hideAdd="hideAdd"
|
||||
:hideDelete="hideDelete"
|
||||
placeholder="暂无数据"
|
||||
>
|
||||
<el-table-column prop="material" label="关联产物" min-width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.id">{{ scope.row.material_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="testitem" label="质检项目" min-width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.id">{{ scope.row.testitem_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="val_avg" label="平均值" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.val_avg"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="num_test" label="检验次数" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.num_test"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="num_ok" label="合格次数" min-width="150">
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.num_ok"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</sc-form-table>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
data() {
|
||||
return {
|
||||
addTemplate: {
|
||||
material: "",
|
||||
testitem: "",
|
||||
val_avg: "",
|
||||
num_test: "",
|
||||
num_ok: "",
|
||||
},
|
||||
hideAdd:true,
|
||||
hideDelete:true,
|
||||
loading: false,
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: "质量检验",
|
||||
edit: "质量检验",
|
||||
show: "质量检验",
|
||||
},
|
||||
form: {
|
||||
type:10,
|
||||
list:[]
|
||||
},
|
||||
rules: {
|
||||
name: [{required: true, message: "请输入", trigger: "blur"}],
|
||||
number: [{required: true, message: "请输入", trigger: "blur"}],
|
||||
keeper_name: [{required: true, message: "请输入", trigger: "blur"}],
|
||||
belong_dept: [{required: true, message: "请选择", trigger: "blur"}]
|
||||
},
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
keeperOptions: [],
|
||||
depOptions: [],
|
||||
selectionFilters: [],
|
||||
setFiltersVisible: false,
|
||||
teamOptions:[],
|
||||
shiftOptions:[],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
//是否已经保存过
|
||||
//若新增，调用init接口，若编辑修改，调get接口
|
||||
},
|
||||
methods: {
|
||||
|
||||
//显示
|
||||
open(mode = "add") {
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this;
|
||||
},
|
||||
getReceptionist(data) {
|
||||
this.form.leader=data.id;
|
||||
this.form.leader_name=data.name
|
||||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
this.isSaveing = true;
|
||||
this.$API.qm.updateQuastat.req('bulk',this.form.list).then(res=>{
|
||||
this.isSaveing = false;
|
||||
this.$emit("success", this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功");
|
||||
}).catch(res=>{
|
||||
this.isSaveing = false;
|
||||
})
|
||||
// this.$refs.dialogForm.validate(async (valid) => {
|
||||
// if (valid) {
|
||||
|
||||
// }
|
||||
// });
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
Object.assign(this.form,data);
|
||||
this.getsflogItem(this.form.id);
|
||||
},
|
||||
getsflogItem(id){
|
||||
this.$API.wpm.sflog.init_test.req(id).then(res=>{
|
||||
this.form.list = res;
|
||||
})
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
this.selectionFilters = filters;
|
||||
this.setFiltersVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#bigDialog{
|
||||
width: 90%;
|
||||
}
|
||||
</style>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -29,7 +29,7 @@
|
|||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table
|
||||
border="1"
|
||||
width="2400"
|
||||
width="1200"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
|
|
@ -37,26 +37,19 @@
|
|||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="16">
|
||||
石灰石破碎工段班组月度对比分析
|
||||
</th>
|
||||
<th colspan="12">原料磨工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th colspan="10">单位产品电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
<th colspan="7">工段能耗</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
<th>循环风机（KW·h/t）</th>
|
||||
<th>尾排风机（KW·h/t）</th>
|
||||
<th>废气风机（KW·h/t）</th>
|
||||
|
||||
<th>当期值（KW·h/t）</th>
|
||||
<th>目标值（KW·h/t）</th>
|
||||
<th>当期与目标差值（KW·h/t）</th>
|
||||
|
|
@ -125,6 +118,7 @@ export default {
|
|||
wrapArrs = [];
|
||||
this.$API.enm.enstat.req(query0).then((res0) => {
|
||||
let data0 = res0;
|
||||
debugger;
|
||||
if (data0.length > 0) {
|
||||
data0.forEach((item0) => {
|
||||
//先按月份排序，再按班组排序
|
||||
|
|
@ -139,6 +133,8 @@ export default {
|
|||
}
|
||||
wrapArr0[ind0] = item0;
|
||||
});
|
||||
debugger;
|
||||
console.log(wrapArr0);
|
||||
} else {
|
||||
}
|
||||
this.$API.enm.enstat.req(that.query).then((res) => {
|
||||
|
|
@ -164,24 +160,12 @@ export default {
|
|||
arr.push(item.total_production);
|
||||
arr.push(item.production_hour);
|
||||
arr.push(item.run_rate);
|
||||
//设备
|
||||
arr[5] =
|
||||
item.循环风机_consume_unit != null
|
||||
? item.循环风机_consume_unit
|
||||
: "/";
|
||||
arr[6] =
|
||||
item.尾排风机_consume_unit != null
|
||||
? item.尾排风机_consume_unit
|
||||
: "/";
|
||||
arr[7] =
|
||||
item.废气风机_consume_unit != null
|
||||
? item.废气风机_consume_unit
|
||||
: "/";
|
||||
|
||||
//
|
||||
arr[8] = item.elec_consume_unit; //当期值（KW·h/t）
|
||||
arr[5] = item.elec_consume_unit; //当期值（KW·h/t）
|
||||
let keyVale = "goal_val_" + n;
|
||||
arr[9] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取
|
||||
arr[10] = item.celec_consume_unit - arr[16]; //当期与目标差值（KW·h/t）
|
||||
arr[6] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取
|
||||
arr[7] = item.celec_consume_unit - arr[16]; //当期与目标差值（KW·h/t）
|
||||
let ind_pre = 0,
|
||||
huanbi = 0;
|
||||
if (item.month_s == 1) {
|
||||
|
|
@ -197,11 +181,11 @@ export default {
|
|||
: "/"
|
||||
: "/";
|
||||
}
|
||||
arr[11] = huanbi; //环期值（KW·h/t）上个月的值
|
||||
arr[12] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
|
||||
arr[13] = item.celec_consume_unit; //环比增长率（%）
|
||||
arr[14] = item.celec_consume_unit; //同比增长率（%）
|
||||
arr[15] = item.celec_consume_unit; //同比增长率（%）
|
||||
arr[8] = huanbi; //环期值（KW·h/t）上个月的值
|
||||
arr[9] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
|
||||
arr[10] = item.celec_consume_unit; //环比增长率（%）
|
||||
arr[11] = item.celec_consume_unit; //同比增长率（%）
|
||||
arr[12] = item.celec_consume_unit; //同比增长率（%）
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
console.log(wrapArr);
|
||||
|
|
@ -0,0 +1,274 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-date-picker
|
||||
v-model="query.year_s"
|
||||
type="year"
|
||||
value-format="YYYY"
|
||||
format="YYYY"
|
||||
placeholder="查询年份"
|
||||
class="headerSearch"
|
||||
/>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="exportExcel()"
|
||||
:loading = "exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handlePrint"
|
||||
>打印
|
||||
</el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（KW·h/t）</th>
|
||||
<th>目标值（KW·h/t）</th>
|
||||
<th>当期与目标差值（KW·h/t）</th>
|
||||
<th>环期值（KW·h/t）</th>
|
||||
<th>当期与环期差值（KW·h/t）</th>
|
||||
<th>环比增长率（%）</th>
|
||||
<th>同比增长率（%）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
export default {
|
||||
components: {
|
||||
scEcharts,
|
||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chartShow: false,
|
||||
myOption: null,
|
||||
query:{
|
||||
mgroup:'3346520558031773696',
|
||||
},
|
||||
tableDatas:[],
|
||||
modelValue:true,
|
||||
type:'hours',
|
||||
title:'title',
|
||||
apiObj:'',
|
||||
showClose:true,
|
||||
echartType:'line',
|
||||
asynDialog:false,
|
||||
monthGoal:[],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
var myDate = new Date();
|
||||
let year = myDate.getFullYear();
|
||||
that.query.year_s = year;
|
||||
//月目标
|
||||
let paramsGoal = {};
|
||||
paramsGoal.page=0;
|
||||
paramsGoal.mgroup=that.query.mgroup;
|
||||
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
|
||||
if(ress.length>0){
|
||||
let monthGoal = [];
|
||||
ress.forEach(goal=>{
|
||||
if(goal.goal_cate_name=='单位产品分布电耗（KW·h/t）'){
|
||||
monthGoal[0]=goal.goal_val;
|
||||
monthGoal[1]=goal.goal_val_2;
|
||||
monthGoal[2]=goal.goal_val_3;
|
||||
monthGoal[3]=goal.goal_val_4;
|
||||
monthGoal[4]=goal.goal_val_5;
|
||||
monthGoal[5]=goal.goal_val_6;
|
||||
monthGoal[6]=goal.goal_val_7;
|
||||
monthGoal[7]=goal.goal_val_8;
|
||||
monthGoal[8]=goal.goal_val_9;
|
||||
monthGoal[9]=goal.goal_val_10;
|
||||
monthGoal[10]=goal.goal_val_11;
|
||||
monthGoal[11]=goal.goal_val_12;
|
||||
monthGoal[12]=goal.goal_val_12;
|
||||
that.monthGoal = monthGoal;
|
||||
}
|
||||
})
|
||||
this.getData();
|
||||
}else{
|
||||
this.getData();
|
||||
}
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
// 动态绑定Class
|
||||
bindClass(item,index){
|
||||
let classInfo = { redColor: false, greenColor: false }
|
||||
if(index==3||index==5){
|
||||
if( typeof(item)=='number'){
|
||||
if(item>0){
|
||||
classInfo.greenColor = true;
|
||||
classInfo.redColor = false;
|
||||
}else if(item<0){
|
||||
classInfo.redColor = true;
|
||||
classInfo.greenColor = false
|
||||
}
|
||||
}
|
||||
}
|
||||
return classInfo
|
||||
},
|
||||
getData(){
|
||||
let that = this;
|
||||
let query0={};
|
||||
query0.page = 0;
|
||||
query0.type='month_s';
|
||||
query0.year_s = that.query.year_s-1;
|
||||
query0.mgroup=that.query.mgroup;
|
||||
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
|
||||
this.$API.enm.enstat.req(query0).then((res0) => {
|
||||
let data0 = res0;
|
||||
if(data0.length>0){
|
||||
data0.forEach(item0 => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind0 = item0.month_s;
|
||||
wrapArr0[ind0] = item0;
|
||||
});
|
||||
}
|
||||
let query={};
|
||||
query.page = 0;
|
||||
query.type='month_s';
|
||||
query.year_s = that.query.year_s;
|
||||
query.mgroup=that.query.mgroup;
|
||||
that.$API.enm.enstat.req(query).then((res) => {
|
||||
let data = res;
|
||||
if(data.length>0){
|
||||
data.forEach(item => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind = item.month_s;
|
||||
let arr = [];
|
||||
let time = ''+item.year_s+'.'+item.month_s;
|
||||
arr.push(time);
|
||||
arr.push(item.elec_consume_unit);//当期值（KW·h/t）
|
||||
arr[2] = that.monthGoal[ind]!==undefined?that.monthGoal[ind]:'/';
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
wrapArr.forEach((item,index)=>{
|
||||
let arrs = [];
|
||||
arrs[0]=item[0];
|
||||
arrs[1]=item[1];
|
||||
arrs[2]=item[2];
|
||||
//目标值（KW·h/t）//需要接口获取
|
||||
//当期与目标差值（KW·h/t）
|
||||
let diff = 0;
|
||||
if(item[2]!=='/'){
|
||||
diff = item[1]-item[2];
|
||||
}else{
|
||||
diff = '/';
|
||||
}
|
||||
arrs[3]=diff;
|
||||
//环期值（KW·h/t）上个月的值
|
||||
let lastNum = 0;
|
||||
if(index>1){
|
||||
let num = index-1;
|
||||
if(wrapArr[num]&&wrapArr[num].elec_consume_unit){
|
||||
lastNum = wrapArr[num].elec_consume_unit;
|
||||
}else{
|
||||
lastNum='/'
|
||||
}
|
||||
}else{
|
||||
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/';
|
||||
}
|
||||
arrs[4]=lastNum;
|
||||
//当期与环期差值（KW·h/t）
|
||||
let lastDiff = 0;
|
||||
|
||||
if(arrs[1]!=='/'&&arrs[4]!=='/'){
|
||||
lastDiff =arrs[1]- arrs[4];
|
||||
}else{
|
||||
lastDiff = '/';
|
||||
}
|
||||
arrs[5]=lastDiff;
|
||||
//环比增长率（%）
|
||||
let lastRate = 0;
|
||||
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){
|
||||
lastRate = (lastDiff/lastNum)*100;
|
||||
}else{
|
||||
lastRate = '/'
|
||||
}
|
||||
arrs[6]=lastRate;
|
||||
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
|
||||
let sameRate =0;
|
||||
if(wrapArr0[index]&&wrapArr0[index].elec_consume_unit){
|
||||
sameRate =((arrs[1]- wrapArr0[index].elec_consume_unit)/wrapArr0[index].elec_consume_unit)*100
|
||||
}else{
|
||||
sameRate='/';
|
||||
}
|
||||
arrs[7]=sameRate;
|
||||
wrapArrs.push(arrs);
|
||||
})
|
||||
that.tableDatas = wrapArrs;
|
||||
}else{
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
itemClick(type,item){
|
||||
this.type=type;
|
||||
this.asynDialog = true;
|
||||
},
|
||||
itemClick1(type,item){
|
||||
this.chartShow = false;
|
||||
this.$API.bi.dataset.exec
|
||||
.req('3322567213885833216')
|
||||
.then((res) => {
|
||||
this.myOption = JSON.parse(res.echart_options);
|
||||
debugger;
|
||||
console.log(this.myOption)
|
||||
this.chartShow = true;
|
||||
});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.exportLoading = false;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -376,15 +376,27 @@
|
|||
style="width: 100%; height: 285px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
prop="material_name"
|
||||
label="产品名称"
|
||||
/>
|
||||
<el-table-column label="规格型号">
|
||||
<template #default="scope">
|
||||
{{ scope.row.material_model }}
|
||||
<span
|
||||
v-if="
|
||||
scope.row.material_model &&
|
||||
scope.row
|
||||
.material_specification
|
||||
"
|
||||
>—</span
|
||||
>
|
||||
<span>{{
|
||||
scope.row.material_specification
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="number"
|
||||
label="规格型号"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="belong_dept_name"
|
||||
prop="dept_name"
|
||||
label="完成车间"
|
||||
/>
|
||||
<el-table-column
|
||||
|
|
@ -535,6 +547,7 @@ export default {
|
|||
this.getMaterialList();
|
||||
this.getProductStatistic();
|
||||
this.getMaterialWarning();
|
||||
this.getHalfProductList();
|
||||
},
|
||||
methods: {
|
||||
// 动态绑定Class
|
||||
|
|
@ -561,9 +574,17 @@ export default {
|
|||
},
|
||||
//半成品数量统计
|
||||
getHalfProductList() {
|
||||
// this.$API.inm.halfProduct.list.req({ page: 0 }).then((res) => {
|
||||
// this.halfProductList = res;
|
||||
// });
|
||||
let that = this;
|
||||
let obj = {
|
||||
query: {
|
||||
material_types: "20",
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec.req("materialCount", obj).then((res) => {
|
||||
if (res.data2.ds0) {
|
||||
this.halfProductList = res.data2.ds0;
|
||||
}
|
||||
});
|
||||
},
|
||||
materialTypeChange() {
|
||||
this.getMaterialList();
|
||||
|
|
|
|||
|
|
@ -1,156 +1,227 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" @click="add('pur_in')" v-auth="'mio.pur'">采购入库</el-button>
|
||||
<el-select v-model="query.type" clearable style="width: 120px; margin-left: 2px" placeholder="出入库类型"
|
||||
@change="handleQuery">
|
||||
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select v-model="query.state" clearable style="width: 120px; margin-left: 2px" placeholder="状态"
|
||||
@change="handleQuery">
|
||||
<el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
<el-input v-model="query.search" placeholder="编号" clearable style="margin-right: 5px;"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" :params="params" :query="query" stripe>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="记录编号" prop="number"></el-table-column>
|
||||
<el-table-column label="出/入库类型">
|
||||
<template #default="scope">
|
||||
{{ typeDict[scope.row.type] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="记录状态">
|
||||
<template #default="scope">
|
||||
{{ stateDict[scope.row.state] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="出/入库日期" prop="inout_date">
|
||||
</el-table-column>
|
||||
<el-table-column label="执行车间" prop="belong_dept_name">
|
||||
</el-table-column>
|
||||
<el-table-column label="创建人" prop="create_by_name">
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" prop="create_time">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="150px">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="table_detail(scope.row)">
|
||||
查看
|
||||
</el-button>
|
||||
<el-button link type="primary" @click="table_submit(scope.row)" v-auth="'mio.submit'"
|
||||
v-if="scope.row.state == 10">
|
||||
提交
|
||||
</el-button>
|
||||
<el-button link type="danger" @click="table_del(scope.row)" v-auth="'mio.delete'"
|
||||
v-if="scope.row.state == 10">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess"
|
||||
@closed="dialog.save = false"></save-dialog>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="add('do_out')"
|
||||
v-auth="'mio.do'"
|
||||
>生产领料</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="add('pur_in')"
|
||||
v-auth="'mio.pur'"
|
||||
>采购入库</el-button
|
||||
>
|
||||
<el-select
|
||||
v-model="query.type"
|
||||
clearable
|
||||
style="width: 120px; margin-left: 2px"
|
||||
placeholder="出入库类型"
|
||||
@change="handleQuery"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cateOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="query.state"
|
||||
clearable
|
||||
style="width: 120px; margin-left: 2px"
|
||||
placeholder="状态"
|
||||
@change="handleQuery"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in stateOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
<el-input
|
||||
v-model="query.search"
|
||||
placeholder="编号"
|
||||
clearable
|
||||
style="margin-right: 5px"
|
||||
></el-input>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable
|
||||
ref="table"
|
||||
:apiObj="apiObj"
|
||||
row-key="id"
|
||||
:params="params"
|
||||
:query="query"
|
||||
stripe
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column
|
||||
label="记录编号"
|
||||
prop="number"
|
||||
></el-table-column>
|
||||
<el-table-column label="出/入库类型">
|
||||
<template #default="scope">
|
||||
{{ typeDict[scope.row.type] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="记录状态">
|
||||
<template #default="scope">
|
||||
{{ stateDict[scope.row.state] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="出/入库日期" prop="inout_date">
|
||||
</el-table-column>
|
||||
<el-table-column label="执行车间" prop="belong_dept_name">
|
||||
</el-table-column>
|
||||
<el-table-column label="创建人" prop="create_by_name">
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" prop="create_time">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
fixed="right"
|
||||
align="center"
|
||||
width="150px"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="table_detail(scope.row)"
|
||||
>
|
||||
查看
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="table_submit(scope.row)"
|
||||
v-auth="'mio.submit'"
|
||||
v-if="scope.row.state == 10"
|
||||
>
|
||||
提交
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="table_del(scope.row)"
|
||||
v-auth="'mio.delete'"
|
||||
v-if="scope.row.state == 10"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
<save-dialog
|
||||
v-if="dialog.save"
|
||||
ref="saveDialog"
|
||||
@success="handleSaveSuccess"
|
||||
@closed="dialog.save = false"
|
||||
></save-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from "./mio_form.vue";
|
||||
|
||||
export default {
|
||||
name: "mio",
|
||||
components: {
|
||||
saveDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
stateDict: {
|
||||
10: '创建中',
|
||||
20: '已提交'
|
||||
},
|
||||
stateOptions: [
|
||||
{ id: 10, name: '创建中' },
|
||||
{ id: 20, name: '已提交' },
|
||||
],
|
||||
typeDict: { 'pur_in': '采购入库' },
|
||||
cateOptions: [
|
||||
{ id: 'pur_in', name: '采购入库' }
|
||||
],
|
||||
dialog: {
|
||||
save: false,
|
||||
},
|
||||
query: {
|
||||
|
||||
},
|
||||
params: {
|
||||
type__in: 'pur_in',
|
||||
materials__type__in: '40, 50, 60, 70'
|
||||
},
|
||||
form: {
|
||||
|
||||
},
|
||||
apiObj: this.$API.inm.mio.list,
|
||||
selection: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//添加
|
||||
add(type) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("add", type);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
table_edit(row) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("edit", type).setData(row);
|
||||
});
|
||||
},
|
||||
//查看
|
||||
table_detail(row) {
|
||||
this.$router.push({
|
||||
name: "mioitem",
|
||||
query: { mio: row.id, type: row.type, cate: 'helpso' }
|
||||
|
||||
});
|
||||
},
|
||||
//删除
|
||||
table_del(row) {
|
||||
this.$confirm(`确定删除吗？`, "提示", {
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
this.$API.inm.mio.delete.req(row.id).then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
this.$refs.table.refresh();
|
||||
return res;
|
||||
}).catch((err) => {
|
||||
return err;
|
||||
});
|
||||
}).catch(() => { });
|
||||
},
|
||||
table_submit(row) {
|
||||
this.$API.inm.mio.submit.req(row.id).then(res => {
|
||||
this.$message.success("提交成功");
|
||||
this.$refs.table.refresh()
|
||||
})
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query)
|
||||
},
|
||||
resetQuery() {
|
||||
this.query = {};
|
||||
},
|
||||
handleSaveSuccess() {
|
||||
this.$refs.table.refresh()
|
||||
}
|
||||
},
|
||||
name: "mio",
|
||||
components: {
|
||||
saveDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
stateDict: {
|
||||
10: "创建中",
|
||||
20: "已提交",
|
||||
},
|
||||
stateOptions: [
|
||||
{ id: 10, name: "创建中" },
|
||||
{ id: 20, name: "已提交" },
|
||||
],
|
||||
typeDict: { pur_in: "采购入库" },
|
||||
cateOptions: [{ id: "pur_in", name: "采购入库" }],
|
||||
dialog: {
|
||||
save: false,
|
||||
},
|
||||
query: {},
|
||||
params: {
|
||||
type__in: "pur_in",
|
||||
materials__type__in: "40, 50, 60, 70",
|
||||
},
|
||||
form: {},
|
||||
apiObj: this.$API.inm.mio.list,
|
||||
selection: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//添加
|
||||
add(type) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("add", type);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
table_edit(row) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("edit", type).setData(row);
|
||||
});
|
||||
},
|
||||
//查看
|
||||
table_detail(row) {
|
||||
this.$router.push({
|
||||
name: "mioitem",
|
||||
query: { mio: row.id, type: row.type, cate: "helpso" },
|
||||
});
|
||||
},
|
||||
//删除
|
||||
table_del(row) {
|
||||
this.$confirm(`确定删除吗？`, "提示", {
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.$API.inm.mio.delete
|
||||
.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
this.$refs.table.refresh();
|
||||
return res;
|
||||
})
|
||||
.catch((err) => {
|
||||
return err;
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
table_submit(row) {
|
||||
this.$API.inm.mio.submit.req(row.id).then((res) => {
|
||||
this.$message.success("提交成功");
|
||||
this.$refs.table.refresh();
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
resetQuery() {
|
||||
this.query = {};
|
||||
},
|
||||
handleSaveSuccess() {
|
||||
this.$refs.table.refresh();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -204,6 +204,18 @@
|
|||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="扁">
|
||||
<el-input-number
|
||||
v-model="form.count_n_b"
|
||||
@change="countNotOkSun"
|
||||
:min="0"
|
||||
style="width: 100%"
|
||||
controls-position="right"
|
||||
>
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="其他">
|
||||
<el-input-number
|
||||
|
|
@ -808,8 +820,10 @@ export default {
|
|||
this.form.count_n_dxt = 0;
|
||||
this.form.count_n_js = 0;
|
||||
this.form.count_n_qx = 0;
|
||||
this.form.count_n_hs = 0;
|
||||
this.form.count_n_ysq = 0;
|
||||
this.form.count_n_zz = 0;
|
||||
this.form.count_n_b = 0;
|
||||
this.form.count_n_qt = 0;
|
||||
}
|
||||
if (that.type == "do_in" && that.cate == "good") {
|
||||
|
|
@ -847,7 +861,8 @@ export default {
|
|||
getUserList() {
|
||||
let that = this;
|
||||
this.$API.system.user.list
|
||||
.req({ page: 0, belong_dept__name: "检验管理部" })
|
||||
// .req({ page: 0, belong_dept__name: "检验管理部" })
|
||||
.req({ page: 0 })
|
||||
.then((res) => {
|
||||
that.userList = res;
|
||||
});
|
||||
|
|
@ -872,6 +887,7 @@ export default {
|
|||
},
|
||||
countChange() {},
|
||||
countNotOkSun() {
|
||||
let that = this;
|
||||
if (
|
||||
(that.type == "do_in" && that.cate == "halfgood") ||
|
||||
that.type == "other_in"
|
||||
|
|
@ -886,8 +902,10 @@ export default {
|
|||
this.form.count_n_dxt +
|
||||
this.form.count_n_js +
|
||||
this.form.count_n_qx +
|
||||
this.form.count_n_hs +
|
||||
this.form.count_n_ysq +
|
||||
this.form.count_n_zz +
|
||||
this.form.count_n_b +
|
||||
this.form.count_n_qt;
|
||||
}
|
||||
if (that.type == "do_in" && that.cate == "good") {
|
||||
|
|
@ -917,6 +935,49 @@ export default {
|
|||
//提交
|
||||
submit() {
|
||||
let that = this;
|
||||
if (
|
||||
(that.type == "do_in" && that.cate == "halfgood") ||
|
||||
that.type == "other_in"
|
||||
) {
|
||||
this.form.count_notok =
|
||||
this.form.count_n_zw +
|
||||
this.form.count_n_tw +
|
||||
this.form.count_n_qp +
|
||||
this.form.count_n_wq +
|
||||
this.form.count_n_dl +
|
||||
this.form.count_n_pb +
|
||||
this.form.count_n_dxt +
|
||||
this.form.count_n_js +
|
||||
this.form.count_n_qx +
|
||||
this.form.count_n_hs +
|
||||
this.form.count_n_ysq +
|
||||
this.form.count_n_zz +
|
||||
this.form.count_n_b +
|
||||
this.form.count_n_qt;
|
||||
}
|
||||
if (that.type == "do_in" && that.cate == "good") {
|
||||
this.form.count_notok =
|
||||
this.form.count_n_hs +
|
||||
this.form.count_n_zs +
|
||||
this.form.count_n_zz +
|
||||
this.form.count_n_tw +
|
||||
this.form.count_n_d +
|
||||
this.form.count_n_zdd +
|
||||
//棒
|
||||
this.form.count_n_qp +
|
||||
this.form.count_n_bl +
|
||||
this.form.count_n_hw +
|
||||
this.form.count_n_yp +
|
||||
this.form.count_n_bp +
|
||||
this.form.count_n_sc +
|
||||
//管
|
||||
this.form.count_n_qx +
|
||||
this.form.count_n_js +
|
||||
this.form.count_n_tydu +
|
||||
this.form.count_n_sw +
|
||||
this.form.count_n_bhpcd +
|
||||
this.form.count_n_w;
|
||||
}
|
||||
that.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
that.isSaveing = true;
|
||||
|
|
|
|||
|
|
@ -32,6 +32,32 @@
|
|||
</el-header>
|
||||
<el-main>
|
||||
<scTable
|
||||
v-show="params.type == 10 || params.type == 20"
|
||||
ref="tables1"
|
||||
:data="tableData1"
|
||||
id="exportDiv1"
|
||||
stripe
|
||||
hideDo
|
||||
hidePagination
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="物料名" prop="material_name" />
|
||||
<el-table-column label="型号" prop="material_model" />
|
||||
<el-table-column
|
||||
label="规格"
|
||||
prop="material_specification"
|
||||
/>
|
||||
<el-table-column prop="dept_name" label="完成车间" />
|
||||
<el-table-column label="库存总数" prop="count" />
|
||||
</scTable>
|
||||
<scTable
|
||||
v-show="
|
||||
params.type == 30 ||
|
||||
params.type == 40 ||
|
||||
params.type == 50 ||
|
||||
params.type == 60 ||
|
||||
params.type == 70
|
||||
"
|
||||
ref="tables1"
|
||||
:apiObj="apiObj"
|
||||
:params="params"
|
||||
|
|
@ -83,7 +109,7 @@
|
|||
Math.floor(
|
||||
scope.row.count /
|
||||
scope.row.week_esitimate_consume
|
||||
)
|
||||
) * 7
|
||||
}}
|
||||
</span>
|
||||
</template>
|
||||
|
|
@ -257,6 +283,7 @@ export default {
|
|||
currentMonth: "",
|
||||
currentLastDay: "",
|
||||
tableData: [],
|
||||
tableData1: [],
|
||||
typeOptions: ["月", "年"],
|
||||
materialTypeOptions: [
|
||||
{ id: 10, name: "成品" },
|
||||
|
|
@ -282,13 +309,31 @@ export default {
|
|||
that.currentYear + "-" + that.currentMonth + "-" + lastDay;
|
||||
that.getTableData();
|
||||
console.log(that.mio_type_name);
|
||||
this.materialTypeChange();
|
||||
},
|
||||
methods: {
|
||||
queryTypeChnge() {
|
||||
this.query.queryDate = "";
|
||||
},
|
||||
materialTypeChange() {
|
||||
this.$refs.tables1.refresh();
|
||||
let that = this;
|
||||
that.tableData1 = [];
|
||||
if (that.params.type == 10 || that.params.type == 20) {
|
||||
let obj = {
|
||||
query: {
|
||||
material_types: that.params.type,
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec
|
||||
.req("materialCount", obj)
|
||||
.then((res) => {
|
||||
if (res.data2.ds0) {
|
||||
that.tableData1 = res.data2.ds0;
|
||||
}
|
||||
});
|
||||
} else {
|
||||
that.$refs.tables1.refresh();
|
||||
}
|
||||
},
|
||||
//更改周预估用量
|
||||
weekcountChange(row) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue