登陆后首页
This commit is contained in:
parent
f95918bda3
commit
c3a656fc5d
|
|
@ -47,6 +47,17 @@ const routes = [
|
|||
"perms": ["dashboard"]
|
||||
},
|
||||
"component": "home"
|
||||
},
|
||||
{
|
||||
"name": "dashboard_enm",
|
||||
"path": "/dashboard_enm",
|
||||
"meta": {
|
||||
"title": "控制台",
|
||||
"icon": "el-icon-monitor",
|
||||
"affix": true,
|
||||
"perms": ["bi"]
|
||||
},
|
||||
"component": "home/enm_home"
|
||||
},
|
||||
{
|
||||
"path": "/bigScreen",
|
||||
|
|
@ -922,6 +933,16 @@ const routes = [
|
|||
},
|
||||
"component": "ungrouped/report"
|
||||
}
|
||||
,{
|
||||
"name": "echart",
|
||||
"path": "/ungrouped/echart",
|
||||
"meta": {
|
||||
"title": "图表",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
},
|
||||
"component": "ungrouped/echart"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -95,10 +95,18 @@
|
|||
label="算法名称"
|
||||
prop="algo_.name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
<el-table-column
|
||||
label="视频编号"
|
||||
prop="vchannel_.code"
|
||||
></el-table-column>
|
||||
<el-table-column label="实时开启" prop="always_on">
|
||||
<template #default="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.always_on"
|
||||
:disabled="true"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="视频名称"
|
||||
prop="vchannel_.name"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,41 @@
|
|||
<template>
|
||||
<div v-if="pageLoading">
|
||||
<el-main>
|
||||
<el-card shadow="never">
|
||||
<el-skeleton :rows="1"></el-skeleton>
|
||||
</el-card>
|
||||
<el-card shadow="never" style="margin-top: 15px;">
|
||||
<el-skeleton></el-skeleton>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</div>
|
||||
<widgets @on-mounted="onMounted"></widgets>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineAsyncComponent } from 'vue';
|
||||
const widgets = defineAsyncComponent(() => import('./widgets/index_enm.vue'));
|
||||
|
||||
export default {
|
||||
name: "dashboard",
|
||||
components: {
|
||||
widgets
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
pageLoading: true,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
|
||||
},
|
||||
methods: {
|
||||
onMounted(){
|
||||
this.pageLoading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,378 @@
|
|||
<template>
|
||||
<div :class="['widgets-home', customizing?'customizing':'']" ref="main">
|
||||
<div class="widgets-content">
|
||||
<div class="widgets" ref="widgets">
|
||||
<div class="widgets-wrapper">
|
||||
<el-card shadow="hover" class="item-background" style="wdith:100%;padding: 0 20px 0 10px;">
|
||||
<div class="time">
|
||||
<div>{{ day }}</div>
|
||||
<text>当前时间</text>
|
||||
<h3>{{ time }}</h3>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-row :gutter="6" style="padding: 6px;">
|
||||
<el-col><h4>成本统计</h4></el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="costCard">
|
||||
<div class="itemTxt">月电石渣成本:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="costCard">
|
||||
<div class="itemTxt">月熟料成本:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="costCard">
|
||||
<div class="itemTxt">月生料成本:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="costCard">
|
||||
<div class="itemTxt">月水泥成本:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="6" style="padding: 6px;">
|
||||
<el-col>
|
||||
<h4>能耗</h4>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">熟料月综合电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度熟料综合电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">熟料月单位标煤耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度熟料单位标煤耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">熟料月综合能耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度熟料综合能耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">水泥月综合能耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度水泥综合能耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">月电石渣分布电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度电石渣分布电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">月生料分布电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度生料分布电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">月熟料分布电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度熟料分布电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">月水泥粉磨分布电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度水泥粉磨分布电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="energyCard">
|
||||
<div class="itemTxt">月水泥包装分布电耗:</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">本年度水泥包装分布电耗：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="6">
|
||||
<el-col>
|
||||
<p>产量及完成度</p>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="numberCard">
|
||||
<div style="width:100%;display: flex;justify-content: space-around;">
|
||||
<div>
|
||||
<div class="itemTxt">月电石渣产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">月完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="itemTxt">本年累计电石渣产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">年完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="numberCard">
|
||||
<div style="width:100%;display: flex;justify-content: space-around;">
|
||||
<div>
|
||||
<div class="itemTxt">月生料产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">月完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="itemTxt">本年累计生料产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">年完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="numberCard">
|
||||
<div style="width:100%;display: flex;justify-content: space-around;">
|
||||
<div>
|
||||
<div class="itemTxt">月熟料产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">月完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="itemTxt">本年累计熟料产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">年完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-card class="numberCard">
|
||||
<div style="width:100%;display: flex;justify-content: space-around;">
|
||||
<div>
|
||||
<div class="itemTxt">月水泥产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">月完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="itemTxt">本年累计水泥产量：</div>
|
||||
<div class="itemNumber">1208</div>
|
||||
<div class="itemTxt">年完成度：</div>
|
||||
<div class="itemNumber yearNumber">35620</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import draggable from 'vuedraggable'
|
||||
import allComps from './components'
|
||||
const colors = ['#5470C6', '#91CC75', '#EE6666'];
|
||||
export default {
|
||||
components: {
|
||||
draggable,
|
||||
scEcharts
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
time: '',
|
||||
day: '',
|
||||
customizing: false,
|
||||
allComps: allComps,
|
||||
selectLayout: [],
|
||||
defaultGrid: {
|
||||
//默认分栏数量和宽度
|
||||
layout: [8, 8, 12,8,4,12],
|
||||
//小组件分布，com取值:views/home/components 文件名
|
||||
copmsList: [
|
||||
['echarts'],
|
||||
// ['eventlist'],
|
||||
['progress'],
|
||||
['time'],
|
||||
['ver'],
|
||||
|
||||
],
|
||||
},
|
||||
grid: [],
|
||||
myOption : {
|
||||
color: colors,
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
top:'10%',
|
||||
left:'5%',
|
||||
right: '5%',
|
||||
bottom:'6%'
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
icon: "stack",
|
||||
data: ['年消耗', '月消耗'],
|
||||
orient: 'horizontal',
|
||||
x: 'center',
|
||||
y: '2',
|
||||
|
||||
},
|
||||
|
||||
xAxis: [
|
||||
{
|
||||
axisLabel: {
|
||||
rotate: 45,
|
||||
interval: 0
|
||||
},
|
||||
type: 'category',
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
},
|
||||
// prettier-ignore
|
||||
data: ['熟料综合电耗', '熟料单位标煤耗', '熟料综合能耗', '水泥综合能耗', '电石渣分布电耗', '生料分布电耗', '熟料分布电耗', '水泥粉磨分布电耗', '水泥包装分布电耗']
|
||||
}
|
||||
],
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
name: 'KW.h',
|
||||
position: 'left',
|
||||
offset:5,
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: '#aaaaaa'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: '{value}'
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '年消耗',
|
||||
type: 'bar',
|
||||
data: [
|
||||
100,150,200,150,120,110,180,200,190
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '月消耗',
|
||||
type: 'bar',
|
||||
data: [
|
||||
10,15,20,15,12,11,18,20,19
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.grid = this.$TOOL.data.get("grid") || JSON.parse(JSON.stringify(this.defaultGrid))
|
||||
},
|
||||
mounted() {
|
||||
this.$emit('on-mounted');
|
||||
this.showTime()
|
||||
setInterval(()=>{
|
||||
this.showTime()
|
||||
},1000)
|
||||
},
|
||||
computed: {
|
||||
allCompsList(){
|
||||
var allCompsList = []
|
||||
for(var key in this.allComps){
|
||||
allCompsList.push({
|
||||
key: key,
|
||||
title: allComps[key].title,
|
||||
icon: allComps[key].icon,
|
||||
description: allComps[key].description
|
||||
})
|
||||
}
|
||||
var myCopmsList = this.grid.copmsList.reduce(function(a, b){return a.concat(b)})
|
||||
for(let comp of allCompsList){
|
||||
const _item = myCopmsList.find((item)=>{return item === comp.key})
|
||||
if(_item){
|
||||
comp.disabled = true
|
||||
}
|
||||
}
|
||||
return allCompsList
|
||||
},
|
||||
nowCompsList(){
|
||||
return this.grid.copmsList.reduce(function(a, b){return a.concat(b)})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showTime(){
|
||||
this.time = this.$TOOL.dateFormat(new Date(), 'hh:mm:ss')
|
||||
this.day = this.$TOOL.dateFormat(new Date(), 'yyyy年MM月dd日')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.item-background {background: linear-gradient(to right, #8E54E9, #5683ec);color: #fff;}
|
||||
.time{display: flex;justify-content: space-between;}
|
||||
.time p {font-size: 14px;margin-top: 13px;opacity: 0.8;}
|
||||
.numberCard{
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
color: #979797;
|
||||
border-radius: 5px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.costCard{
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
color: #979797;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.itemNumber{
|
||||
font-size: 30px;
|
||||
color: #46d388;
|
||||
text-align: center;
|
||||
}
|
||||
.itemNumber.yearNumber{
|
||||
color: #7f9eff;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -166,26 +166,33 @@ export default {
|
|||
var res1 = await that.$API.auth.info.get();
|
||||
that.$TOOL.data.set("USER_INFO", res1);
|
||||
that.$TOOL.data.set("PERMISSIONS", Object.keys(res1.perms));
|
||||
that.$API.am.area.list.req({page_size:999}).then(res => {
|
||||
if (res.err_msg) {
|
||||
} else {
|
||||
debugger;
|
||||
let areaList = res.results;
|
||||
that.$TOOL.data.set("qyjyAreaList", areaList);
|
||||
if(res1.type==='employee'){
|
||||
this.$router.replace({
|
||||
path: "/",
|
||||
});
|
||||
}else{
|
||||
this.$router.replace({
|
||||
path: "/rpm/rpj",
|
||||
debugger;
|
||||
console.log(this.$TOOL.data.get('BASE_INFO').base.base_name)
|
||||
if(this.$TOOL.data.get('BASE_INFO').base.base_name=='托克逊能源管理平台'){//托克逊
|
||||
this.$router.replace({
|
||||
path: "/dashboard_enm",
|
||||
});
|
||||
}else{//曲阳金隅
|
||||
that.$API.am.area.list.req({page_size:999}).then(res => {
|
||||
if (res.err_msg) {
|
||||
} else {
|
||||
debugger;
|
||||
let areaList = res.results;
|
||||
that.$TOOL.data.set("qyjyAreaList", areaList);
|
||||
if(res1.type==='employee'){
|
||||
this.$router.replace({
|
||||
path: "/",
|
||||
});
|
||||
}else{
|
||||
this.$router.replace({
|
||||
path: "/rpm/rpj",
|
||||
});
|
||||
}
|
||||
that.$message.success("Login Success 登录成功");
|
||||
that.islogin = false;
|
||||
}
|
||||
})
|
||||
}
|
||||
that.$message.success("Login Success 登录成功");
|
||||
that.islogin = false;
|
||||
}
|
||||
})
|
||||
|
||||
} catch (err) {
|
||||
that.islogin = false;
|
||||
console.log(err);}
|
||||
|
|
|
|||
|
|
@ -233,6 +233,7 @@
|
|||
}
|
||||
.numCell{
|
||||
width: 80px;
|
||||
height: 35px;
|
||||
}
|
||||
.numCell.numCell_last{
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<div ref="print" id="myReport" class="printContainer" style="display: none;">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
|
|
@ -214,6 +214,537 @@
|
|||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="24">电石渣干粉核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th rowspan="3">实际产量（t）</th>
|
||||
<th rowspan="3">总成本（元）</th>
|
||||
<th rowspan="3">单位成本（元/吨）</th>
|
||||
<th colspan="8">直接材料</th>
|
||||
<th colspan="2">直接人工</th>
|
||||
<th colspan="8">制造费用</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">原材料</th>
|
||||
<th colspan="4">电</th>
|
||||
<th>车间人员工资</th>
|
||||
<th>劳务工资</th>
|
||||
<th>倒运费用</th>
|
||||
<th>材料出库</th>
|
||||
<th colspan="2">维修费用</th>
|
||||
<th>装卸费</th>
|
||||
<th>差旅费</th>
|
||||
<th>折旧</th>
|
||||
<th>摊销</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>湿电石渣（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>动力电（kw.h）</th>
|
||||
<th>单价（元/度）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/度）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>检修单位成本（元/吨）</th>
|
||||
<th>外协施工费用单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>无形资产摊销单位成本（元/吨）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[22]}}</td>
|
||||
<td class="numCell">{{item[23]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- 生料核算 -->
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="24">生料核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th rowspan="3">实际产量（t）</th>
|
||||
<th rowspan="3">总成本（元）</th>
|
||||
<th rowspan="3">单位成本（元/吨）</th>
|
||||
<th colspan="24">直接材料</th>
|
||||
<!-- <th colspan="2">直接人工</th>
|
||||
<th colspan="8">制造费用</th> -->
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="16">原材料</th>
|
||||
<!-- <th colspan="8">电和水</th> -->
|
||||
<!-- <th>车间人员工资</th>
|
||||
<th>劳务工资</th>
|
||||
<th>倒运费用</th>
|
||||
<th>材料出库</th>
|
||||
<th colspan="2">维修费用</th>
|
||||
<th>装卸费</th>
|
||||
<th>差旅费</th>
|
||||
<th>折旧</th>
|
||||
<th>摊销</th> -->
|
||||
</tr>
|
||||
<tr>
|
||||
<th>干粉（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>辅料（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>粉煤灰（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>电石厂除尘灰（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<!-- <th>动力电（kw.h）</th>
|
||||
<th>单价（元/度）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/度）</th>
|
||||
<th>工业水（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th> -->
|
||||
|
||||
<!-- <th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>检修单位成本（元/吨）</th>
|
||||
<th>外协施工费用单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>无形资产摊销单位成本（元/吨）</th> -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="24">生料核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th colspan="8">直接材料</th>
|
||||
<th colspan="2">直接人工</th>
|
||||
<th colspan="8">制造费用</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="8">电和水</th>
|
||||
<th>车间人员工资</th>
|
||||
<th>劳务工资</th>
|
||||
<th>倒运费用</th>
|
||||
<th>材料出库</th>
|
||||
<th colspan="2">维修费用</th>
|
||||
<th>装卸费</th>
|
||||
<th>差旅费</th>
|
||||
<th>折旧</th>
|
||||
<th>摊销</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>动力电（kw.h）</th>
|
||||
<th>单价（元/度）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/度）</th>
|
||||
<th>工业水（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>检修单位成本（元/吨）</th>
|
||||
<th>外协施工费用单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>无形资产摊销单位成本（元/吨）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- 熟料核算 -->
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="24">熟料核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th rowspan="3">实际产量（t）</th>
|
||||
<th rowspan="3">总成本（元）</th>
|
||||
<th rowspan="3">单位成本（元/吨）</th>
|
||||
<th colspan="16">直接材料</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="8">原材料</th>
|
||||
<th colspan="8">电和水</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>生料（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>原煤（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>动力电（kw.h）</th>
|
||||
<th>单价（元/度）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/度）</th>
|
||||
<th>工业水（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="24">生料核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th colspan="2">直接人工</th>
|
||||
<th colspan="8">制造费用</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>车间人员工资</th>
|
||||
<th>劳务工资</th>
|
||||
<th>倒运费用</th>
|
||||
<th>材料出库</th>
|
||||
<th colspan="2">维修费用</th>
|
||||
<th>装卸费</th>
|
||||
<th>差旅费</th>
|
||||
<th>折旧</th>
|
||||
<th>摊销</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>检修单位成本（元/吨）</th>
|
||||
<th>外协施工费用单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>无形资产摊销单位成本（元/吨）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- 水泥核算 -->
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="40">水泥核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th rowspan="3">实际产量（t）</th>
|
||||
<th rowspan="3">总成本（元）</th>
|
||||
<th rowspan="3">单位成本（元/吨）</th>
|
||||
<th colspan="28">直接材料</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="28">原材料</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>熟料（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>废石灰石粉（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>脱硫石膏（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>粉煤灰（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>矿粉（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>助磨剂（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
<td class="numCell">{{item[21]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="29">水泥核算</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th rowspan="3">班次</th>
|
||||
<th rowspan="3">班组</th>
|
||||
<th colspan="16">直接材料</th>
|
||||
<th colspan="2">直接人工</th>
|
||||
<th colspan="8">制造费用</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="8">原材料</th>
|
||||
<th colspan="8">电和水</th>
|
||||
<th>车间人员工资</th>
|
||||
<th>劳务工资</th>
|
||||
<th>倒运费用</th>
|
||||
<th>材料出库</th>
|
||||
<th colspan="2">维修费用</th>
|
||||
<th>装卸费</th>
|
||||
<th>差旅费</th>
|
||||
<th>折旧</th>
|
||||
<th>摊销</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>缓凝剂（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>包装袋（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>动力电（kw.h）</th>
|
||||
<th>单价（元/度）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/度）</th>
|
||||
<th>工业水（t）</th>
|
||||
<th>单价（元/吨）</th>
|
||||
<th>总成本（元）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>检修单位成本（元/吨）</th>
|
||||
<th>外协施工费用单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>单位成本（元/吨）</th>
|
||||
<th>无形资产摊销单位成本（元/吨）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[18]}}</td>
|
||||
<td class="numCell">{{item[19]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
<td class="numCell">{{item[20]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -315,6 +846,18 @@
|
|||
['制造费用','摊销','无形资产摊销','/','/','/','/',5],
|
||||
['成本合计','',''],
|
||||
],
|
||||
tableData1:[
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
['2023.07.10','夜班','甲组',1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
],
|
||||
optionsShift:[],
|
||||
sourceData:{}
|
||||
};
|
||||
|
|
@ -326,7 +869,6 @@
|
|||
month = '0'+month;
|
||||
}
|
||||
this.query.month = myDate.getFullYear()+'-'+month;
|
||||
// this.getData();
|
||||
this.getShift();
|
||||
|
||||
},
|
||||
|
|
@ -378,12 +920,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
/* width: 1075px; */
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable td{
|
||||
height: 32px;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,414 @@
|
|||
<template>
|
||||
<div>
|
||||
<div id="main" style="width:1200px;height:600px;"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const colors = ['#5470C6', '#91CC75', '#EE6666'];
|
||||
import * as echarts from 'echarts';
|
||||
export default {
|
||||
name: "echartsmorey",
|
||||
data() {
|
||||
return {
|
||||
list: [
|
||||
{
|
||||
x: 1,
|
||||
y: 1,
|
||||
z: 99,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 2,
|
||||
y: 2,
|
||||
z: 70,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 3,
|
||||
y: 3,
|
||||
z: 1,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 4,
|
||||
y: 4,
|
||||
z: 30,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 5,
|
||||
y: 1,
|
||||
z: 20,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 6,
|
||||
y: 0,
|
||||
z: 18,
|
||||
k: 11
|
||||
},
|
||||
{
|
||||
x: 7,
|
||||
y: 10,
|
||||
z: 12,
|
||||
k: 11
|
||||
}
|
||||
],
|
||||
dataX: [],
|
||||
dataY: [],
|
||||
dataY2: [],
|
||||
|
||||
option : {
|
||||
color: colors,
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
right: '20%'
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
restore: { show: true },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: ['蒸发量', '降水量', '温度']
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
},
|
||||
// prettier-ignore
|
||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
name: '蒸发量',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[0]
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: '{value} ml'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name: '降水量',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[1]
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: '{value} ml'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name: '温度',
|
||||
position: 'left',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[2]
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: '{value} °C'
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '蒸发量',
|
||||
type: 'bar',
|
||||
data: [
|
||||
2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '降水量',
|
||||
type: 'bar',
|
||||
yAxisIndex: 1,
|
||||
data: [
|
||||
2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '温度',
|
||||
type: 'line',
|
||||
yAxisIndex: 2,
|
||||
data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(dataX, dataY) {
|
||||
this.myChart = echarts.init(document.getElementById("main"));
|
||||
let option = {
|
||||
//标题
|
||||
title: {
|
||||
text: '多坐标折线图',
|
||||
subtext: '小标题',
|
||||
x: 'left'
|
||||
},
|
||||
color:['#ff0000','#00ff00','#0000ff'],
|
||||
// 图例配置选项
|
||||
legend: {
|
||||
icon: "stack",
|
||||
data: ["AA", "BB", "CC"],
|
||||
orient: 'horizontal', //图例布局方式：水平 'horizontal' 、垂直 'vertical'
|
||||
x: 'center', // 横向放置位置，选项：'center'、'left'、'right'、'number'（横向值 px）
|
||||
y: '10',// 纵向放置位置，选项：'top'、'bottom'、'center'、'number'（纵向值 px）
|
||||
|
||||
},
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
animation: true
|
||||
}
|
||||
},
|
||||
// 工具栏
|
||||
toolbox: {
|
||||
x: 1100,
|
||||
y: 0,
|
||||
feature: {
|
||||
saveAsImage: {
|
||||
name: `test`
|
||||
}
|
||||
}
|
||||
},
|
||||
// 图表距离边框的距离，可用百分比和数字（px）配置
|
||||
grid: {
|
||||
left: "5%", //组件距离容器左边的距离
|
||||
right: "20%",
|
||||
top: "15%"
|
||||
},
|
||||
// X轴 滑块 可缩放
|
||||
// dataZoom: [
|
||||
// {
|
||||
// type: "slider",
|
||||
// show: true,
|
||||
// start: 0, // 开始百分数
|
||||
// end: 100 // 结束百分数
|
||||
// }
|
||||
// ],
|
||||
xAxis: [
|
||||
{
|
||||
type: "category",
|
||||
// name:'时间',
|
||||
// x轴名称样式
|
||||
nameTextStyle: {
|
||||
fontWeight: 600,
|
||||
fontSize: 14
|
||||
},
|
||||
// X 轴颜色配置
|
||||
axisLine: {
|
||||
show:true,
|
||||
lineStyle: {
|
||||
color: '#3366CC'
|
||||
}
|
||||
},
|
||||
// X 轴分隔线网格
|
||||
splitLine: {
|
||||
show: false,
|
||||
lineStyle: {
|
||||
color: ["#cccccc"],
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
rotate: 45, // X 轴标签文字旋转角度
|
||||
interval: 0 //设置 X 轴数据间隔几个显示一个，为0表示都显示
|
||||
},
|
||||
axisTick: {
|
||||
show: false, // 显示坐标轴刻度线
|
||||
},
|
||||
boundaryGap: true, //数据从 Y 轴起始
|
||||
data: dataX
|
||||
},
|
||||
{ type: 'category',
|
||||
data: dataX,
|
||||
position: 'top',
|
||||
offset: 20,
|
||||
boundaryGap: true, //数据从 Y 轴起始
|
||||
|
||||
|
||||
axisLine: {
|
||||
show: true, // 是否显示坐标轴轴线
|
||||
lineStyle: {
|
||||
color: '#3366CC'
|
||||
}
|
||||
// symbol: ['none', 'arrow'], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
|
||||
// symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
|
||||
// lineStyle: {
|
||||
// color: '#333', // 坐标轴线线的颜色
|
||||
// width: '5', // 坐标轴线线宽
|
||||
// type: 'solid', // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
|
||||
// },
|
||||
},
|
||||
axisLabel: {
|
||||
show: false, //是否显示刻度标签
|
||||
},
|
||||
// axisTick: {
|
||||
// show: true, // 显示坐标轴刻度线
|
||||
// length: 2 // 刻度线的长度
|
||||
// }
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
name: "AA",
|
||||
type: "value",
|
||||
// y轴名称样式
|
||||
nameTextStyle: {
|
||||
fontWeight: 500,
|
||||
fontSize: 14
|
||||
},
|
||||
//min:0, // 配置 Y 轴刻度最小值
|
||||
//max:4000, // 配置 Y 轴刻度最大值
|
||||
position: "left",
|
||||
offset:10,
|
||||
splitNumber: 10, // Y 轴分隔格数
|
||||
//y轴线
|
||||
axisLine: {
|
||||
show:true,
|
||||
lineStyle: { // Y 轴颜色配置
|
||||
color: '#ff0000' ,
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
},
|
||||
//axisTick刻度线
|
||||
axisTick:{
|
||||
show:false
|
||||
},
|
||||
//网格
|
||||
splitLine: {
|
||||
// Y 轴分隔线样式
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ["#ff0000"],
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "BB",
|
||||
type: "value",
|
||||
position: "right",
|
||||
offset:10,
|
||||
splitNumber: 10, // Y 轴分隔格数
|
||||
//y轴线
|
||||
axisLine: {
|
||||
show:true,
|
||||
lineStyle: { // Y 轴颜色配置
|
||||
color: '#00ff00' ,
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
// Y 轴分隔线样式
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ["#f3f0f0"],
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "CC",
|
||||
type: "value",
|
||||
offset: 70,
|
||||
nameGap: 30, // 上下距离的位置
|
||||
position: "right",
|
||||
splitNumber: 10, // Y 轴分隔格数
|
||||
//y轴线
|
||||
axisLine: {
|
||||
show:true,
|
||||
lineStyle: { // Y 轴颜色配置
|
||||
color: '#0000ff' ,
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
// Y 轴分隔线样式
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ["#f3f0f0"],
|
||||
width: 2,
|
||||
type: "solid"
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
series: dataY
|
||||
};
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
this.myChart.setOption(this.option);
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.dataX = this.list.map(item => item.x);
|
||||
// 第1个Y轴
|
||||
this.dataY.push({
|
||||
name: "AA",
|
||||
type: "line", // 直线
|
||||
yAxisIndex: 0, // 第几个Y轴 索引值
|
||||
symbolSize: '10',
|
||||
// lineStyle: { color: '#4485f4' },
|
||||
data: this.list.map(item => item.y)
|
||||
});
|
||||
// 第2个Y轴
|
||||
this.dataY.push({
|
||||
name: "BB",
|
||||
type: "line",
|
||||
yAxisIndex: 1, // 第几个Y轴 索引值
|
||||
data: this.list.map(item => item.z)
|
||||
});
|
||||
// 第3个Y轴
|
||||
this.dataY.push({
|
||||
name: "CC",
|
||||
type: "line",
|
||||
yAxisIndex: 2, // 第几个Y轴 索引值
|
||||
data: this.list.map(item => item.k)
|
||||
});
|
||||
|
||||
this.init(this.dataX, this.dataY);
|
||||
});
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
|
|
@ -118,31 +118,136 @@
|
|||
<td class="numCell">{{item[17]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- <table border="1" cellspacing="0" :key="timeStamp" id="numTable">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable1">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<template v-for="(date,ind) in tableHead" :key="ind">
|
||||
<th>{{date}}</th>
|
||||
</template>
|
||||
<th rowspan="3">日期</th>
|
||||
<th colspan="11">原料车间</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">电石渣</th>
|
||||
<th colspan="6">原料磨</th>
|
||||
<th>原料车间压缩空气</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>水（t）</th>
|
||||
<th>窑尾余热利用（tce）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
<th>压缩空气（m3）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableDatas2" :key="index">
|
||||
<td v-if="index==0||index==12" rowspan="5">{{item[0]}}</td>
|
||||
<td v-else-if="index==5" rowspan="7">{{item[0]}}</td>
|
||||
<td class="numCell" v-if="index==0||index==2||index==9||index==12||index==14" rowspan="2">{{item[1]}}</td>
|
||||
<td class="numCell" v-else-if="index==5" rowspan="4">{{item[1]}}</td>
|
||||
<td class="numCell" v-if="index==4||index==11||index==16" colspan="2">{{item[1]}}</td>
|
||||
<tr v-for="(item,index) in tableDatas3" :key="index">
|
||||
<td style="width: 45px;">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell" v-if="index!==4&&index!==11&&index!==16">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
</tr>
|
||||
</table> -->
|
||||
</table>
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable2">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th colspan="16">烧成车间</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="11">回转窑</th>
|
||||
<th colspan="4">煤磨</th>
|
||||
<th>烧成车间压缩空气</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>煤粉（t）</th>
|
||||
<th>煤粉折标煤（tce）</th>
|
||||
<th>水（t）</th>
|
||||
<th>柴油（t）</th>
|
||||
<th>柴油折标煤（tce）</th>
|
||||
<th>余热锅炉外送蒸汽（t）</th>
|
||||
<th>余热锅炉外送蒸汽折标煤（tce）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
<th>压缩空气（m3）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableDatas3" :key="index">
|
||||
<td style="width: 45px;">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable3">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th rowspan="3">日期</th>
|
||||
<th colspan="10">水泥车间</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="5">水泥磨</th>
|
||||
<th colspan="4">包装</th>
|
||||
<th>水泥车间压缩空气</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>水（t）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
<th>电量（KW.h）</th>
|
||||
<th>电量折标煤（tce）</th>
|
||||
<th>产品产量（t）</th>
|
||||
<th>单位产品综合能耗（tce/t）</th>
|
||||
<th>压缩空气（m3）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableDatas3" :key="index">
|
||||
<td style="width: 45px;">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -137,7 +137,7 @@
|
|||
that.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
that.isSaveing = true;
|
||||
if(that.type==='add'){
|
||||
if(that.mode==='add'){
|
||||
that.$API.mtm.material.create.req(that.form).then(res=>{
|
||||
that.isSaveing = false;
|
||||
that.$emit("success", that.form, that.mode);
|
||||
|
|
|
|||
|
|
@ -183,8 +183,9 @@
|
|||
let that = this;
|
||||
that.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
debugger;
|
||||
that.isSaveing = true;
|
||||
if(that.type==='add'){
|
||||
if(that.mode==='add'){
|
||||
that.$API.mtm.mgroup.create.req(that.form).then(res=>{
|
||||
that.isSaveing = false;
|
||||
that.$emit("success", that.form, that.mode);
|
||||
|
|
|
|||
|
|
@ -88,6 +88,195 @@
|
|||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tableContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable1">
|
||||
<thead style="background: #efefef;height: 40px;">
|
||||
<tr>
|
||||
<th colspan="28">原料车间</th>
|
||||
<th colspan="32">烧成车间</th>
|
||||
<th colspan="12">水泥车间</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="12">辅料</th>
|
||||
<th colspan="16">干混生料</th>
|
||||
<th colspan="16">入窑生料</th>
|
||||
<th colspan="8">熟料</th>
|
||||
<th colspan="8">煤粉</th>
|
||||
<th colspan="12">出磨水泥</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">细度</th>
|
||||
<th colspan="4">Fe2O3</th>
|
||||
<th colspan="4">水分</th>
|
||||
<th colspan="4">CaO</th>
|
||||
<th colspan="4">Fe2O3</th>
|
||||
<th colspan="4">细度</th>
|
||||
<th colspan="4">水分</th>
|
||||
<th colspan="4">CaO</th>
|
||||
<th colspan="4">Fe2O3</th>
|
||||
<th colspan="4">细度</th>
|
||||
<th colspan="4">水分</th>
|
||||
<th colspan="4">立升重</th>
|
||||
<th colspan="4">f-CaO</th>
|
||||
<th colspan="4">细度</th>
|
||||
<th colspan="4">水分</th>
|
||||
<th colspan="4">比表面积</th>
|
||||
<th colspan="4">SO3</th>
|
||||
<th colspan="4">掺量</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
<th>平均值</th>
|
||||
<th>检次</th>
|
||||
<th>合次</th>
|
||||
<th>合格率</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableData1" :key="index">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
<td class="numCell">{{item[10]}}</td>
|
||||
<td class="numCell">{{item[11]}}</td>
|
||||
<td class="numCell">{{item[12]}}</td>
|
||||
<td class="numCell">{{item[13]}}</td>
|
||||
<td class="numCell">{{item[14]}}</td>
|
||||
<td class="numCell">{{item[15]}}</td>
|
||||
<td class="numCell">{{item[16]}}</td>
|
||||
<td class="numCell">{{item[17]}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -133,6 +322,17 @@
|
|||
['水泥车间','出磨水泥','掺量'],
|
||||
],
|
||||
exportLoading:false,
|
||||
tableData1:[
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5],
|
||||
],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -216,6 +416,15 @@
|
|||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.tableContainer{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
#myTable1{
|
||||
width: 100%;
|
||||
}
|
||||
#myTable1 .numCell,#myTable1 th{
|
||||
width: 80px;
|
||||
}
|
||||
.numCell{
|
||||
width: 80px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue