修改bug #109
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div ref="navbar" class="navbar"
|
||||
:style="changeColor ? 'background: rgba(0, 21, 41, 1);boxShadow:0px 1px 8px 0px rgba(0,131,255,0.35);margin-left:20px' : 'margin-left:20px'">
|
||||
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
|
||||
:style="changeColor ? 'background: rgba(0, 21, 41, 1);boxShadow:0px 1px 8px 0px rgba(0,131,255,0.35);' : ''">
|
||||
<hamburger style="margin-left: 20px;" id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
|
||||
@toggleClick="toggleSideBar" />
|
||||
|
||||
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
|
||||
|
@ -6,7 +6,7 @@
|
||||
:style="{ fontSize: isFullscreen ? '0.85vw' : '0.73vw' }">{{ item.label }}</span>
|
||||
</div> -->
|
||||
|
||||
<div id="factoryEnergyChart" style="width: 100%; height: 100%"></div>
|
||||
<div v-if="energyCockpits.length != 0" id="factoryEnergyChart" style="width: 100%; height: 100%"></div>
|
||||
</div>
|
||||
</chart-container>
|
||||
</template>
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-05-30 08:58:39
|
||||
* @LastEditTime: 2024-07-25 15:42:47
|
||||
* @LastEditTime: 2024-07-26 16:48:15
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -58,7 +58,7 @@ export default {
|
||||
grid: {
|
||||
left: "10%",
|
||||
right: "3%",
|
||||
bottom: "10%",
|
||||
bottom: "14%",
|
||||
top: "20%",
|
||||
// containLabel: true,
|
||||
},
|
||||
|
@ -13,7 +13,8 @@
|
||||
<CopilotButton v-for="i in ['目标产量', '计划投入', '实际投入', '实际产出', '废品数量', '待再加工']" :key="i" :label="i"
|
||||
:active="i === type" @click="() => $emit('update:type', i)" />
|
||||
</div>
|
||||
<barChartBase :type="type" :energyCockpits="prodOrder" ref="barChart" style="height: 0;flex:1"></barChartBase>
|
||||
<barChartBase :type="type" :energyCockpits="prodOrder" ref="barChart" style="height: 0;flex:1">
|
||||
</barChartBase>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -114,7 +115,7 @@ export default {
|
||||
`<span style='color: rgba(223,241,254,.8);font-size:16px' title=${this.prodOrder[i].actualProduction || ""}>${this.prodOrder[i].actualProduction || ""
|
||||
}</span>`,
|
||||
`<span style="display:inline-block;width:45px;color: rgba(223,241,254,.8)">${this.prodOrder[i].productionProgress
|
||||
? this.prodOrder[i].productionProgress.toFixed(2) * 100 + "%"
|
||||
? parseFloat((this.prodOrder[i].productionProgress * 100).toFixed(2)) + "%"
|
||||
: "0%"
|
||||
}</span>
|
||||
<div style="display:inline-block;height:20px;vertical-align:top;margin-top:3px;">
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-07-25 10:10:07
|
||||
* @LastEditTime: 2024-07-25 10:44:01
|
||||
* @LastEditTime: 2024-07-26 16:47:15
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -125,7 +125,7 @@
|
||||
<div class="chart">
|
||||
<div class="chart-title">
|
||||
<span class="title">生产情况</span>
|
||||
<div class="button-than" style="position: absolute;right: 3%;">
|
||||
<div class="button-than" style="position: absolute;right: 0%;">
|
||||
<CopilotButton v-for="i in ['同比', '环比']" :key="i" :label="i" :active="i === than"
|
||||
@click="() => $emit('update:than', i)" />
|
||||
</div>
|
||||
@ -224,6 +224,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.prod-monitor {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
@ -235,7 +236,7 @@ export default {
|
||||
position: relative;
|
||||
// gap: 6px;
|
||||
.chart-title{
|
||||
margin-top: 5px;
|
||||
margin-top: 20px;
|
||||
// flex: 1;
|
||||
// gap: 6px;
|
||||
height: 1.5vw;
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-07-26 11:14:37
|
||||
* @LastEditTime: 2024-07-26 14:28:19
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -30,8 +30,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" /> -->
|
||||
<base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="tableData"
|
||||
:max-height="tableH">
|
||||
<base-table :row-key="(record, index) => { return record.in }" border :table-props="tableProps"
|
||||
:page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="tableData" :max-height="tableH">
|
||||
<!-- <method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" fixed="right"
|
||||
:method-list="tableBtn" @clickBtn="handleClick" /> -->
|
||||
</base-table>
|
||||
@ -69,13 +69,13 @@ import basicPage from '@/mixins/basic-page'
|
||||
import { getBaseHeader } from "@/utils/request";
|
||||
|
||||
import { factoryList } from "@/utils/constants";
|
||||
import tableHeightMixin from "@/mixins/tableHeightMixin";
|
||||
// import tableHeightMixin from "@/mixins/tableHeightMixin";
|
||||
|
||||
// import FileSaver from 'file-saver'
|
||||
// import * as XLSX from 'xlsx'
|
||||
export default {
|
||||
// components: { ButtonNav, detailOrUpdate, addOrUpdate },
|
||||
mixins: [basicPage, tableHeightMixin],
|
||||
mixins: [basicPage],
|
||||
data() {
|
||||
const currentYear = new Date().getFullYear();
|
||||
const startYear = currentYear - 10;
|
||||
@ -100,6 +100,7 @@ export default {
|
||||
end: undefined,
|
||||
// selectedValues: [],
|
||||
options,
|
||||
tableH: this.tableHeight(300),
|
||||
listQuery: {
|
||||
pageSize: 20,
|
||||
pageNo: 1,
|
||||
@ -282,7 +283,7 @@ export default {
|
||||
showOverflowtooltip: true
|
||||
},
|
||||
{
|
||||
prop: 'CMaterial',
|
||||
prop: 'material',
|
||||
label: '子项物料名称',
|
||||
minWidth: 150,
|
||||
// filter: (val) => factoryList[val],
|
||||
@ -406,8 +407,10 @@ export default {
|
||||
await getCostMainPage(this.listQuery).then(res => {
|
||||
if (res.code === 0) {
|
||||
// this.tableData = res.data.list
|
||||
res.data.list.forEach(item => {
|
||||
res.data.list.forEach((item, index) => {
|
||||
let obj = {
|
||||
in: Math.random().toString().slice(2, 10),
|
||||
id:item.id,
|
||||
yearPhase: item.yearPhase,
|
||||
center: item.center,
|
||||
product: item.product,
|
||||
@ -429,12 +432,15 @@ export default {
|
||||
createTime: item.createTime,
|
||||
yearPhaseName: item.yearPhaseName,
|
||||
project: item.project,
|
||||
CMaterial: item.material,
|
||||
material: item.material,
|
||||
children:[]
|
||||
}
|
||||
this.tableData.push(obj)
|
||||
item.children.forEach(ele => {
|
||||
item.children.forEach((ele, ind) => {
|
||||
// for (let i in item.projs) {
|
||||
let obj = {
|
||||
in: Math.random().toString().slice(2, 10),
|
||||
id: ele.id,
|
||||
yearPhase: ele.yearPhase,
|
||||
center: ele.center,
|
||||
product: ele.product,
|
||||
@ -456,12 +462,15 @@ export default {
|
||||
createTime: ele.createTime,
|
||||
yearPhaseName: ele.yearPhaseName,
|
||||
project: ele.project,
|
||||
CMaterial: ele.material,
|
||||
material: ele.material,
|
||||
children:[]
|
||||
}
|
||||
this.tableData.push(obj)
|
||||
ele.children?.forEach(i => {
|
||||
this.tableData[index].children.push(obj)
|
||||
ele.children?.forEach((i,inde) => {
|
||||
// for (let i in item.projs) {
|
||||
let obj = {
|
||||
in: Math.random().toString().slice(2, 10),
|
||||
id: i.id,
|
||||
yearPhase: i.yearPhase,
|
||||
center: i.center,
|
||||
product: i.product,
|
||||
@ -483,9 +492,9 @@ export default {
|
||||
createTime: i.createTime,
|
||||
yearPhaseName: i.yearPhaseName,
|
||||
project: i.project,
|
||||
CMaterial: i.material,
|
||||
material: i.material,
|
||||
}
|
||||
this.tableData.push(obj)
|
||||
this.tableData[index].children[ind].children.push(obj)
|
||||
// });
|
||||
// }
|
||||
});
|
||||
@ -494,6 +503,7 @@ export default {
|
||||
});
|
||||
|
||||
});
|
||||
console.log(this.tableData);
|
||||
this.listQuery.total = res.data.total
|
||||
}
|
||||
})
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-06-19 15:28:34
|
||||
* @LastEditTime: 2024-07-12 09:12:10
|
||||
* @LastEditTime: 2024-07-26 16:43:54
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-07-09 16:06:13
|
||||
* @LastEditTime: 2024-07-09 16:14:54
|
||||
* @LastEditTime: 2024-07-26 16:57:33
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -139,6 +139,7 @@ export default {
|
||||
height: 3,
|
||||
// 设置滚动条显示位置
|
||||
left: "center",
|
||||
minValueSpan:2,
|
||||
// 是否锁定选择区域(或叫做数据窗口)的大小
|
||||
zoomLoxk: true,
|
||||
// 控制手柄的尺寸
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-07-26 11:14:34
|
||||
* @LastEditTime: 2024-07-26 13:58:56
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -86,7 +86,7 @@ import basicPage from '@/mixins/basic-page'
|
||||
// import addOrUpdate from './add-or-updata';
|
||||
// import { factoryList, dhgfactoryList, tyjxfactoryList } from "@/utils/constants";
|
||||
import { getBaseHeader } from "@/utils/request";
|
||||
import tableHeightMixin from "@/mixins/tableHeightMixin";
|
||||
// import tableHeightMixin from "@/mixins/tableHeightMixin";
|
||||
|
||||
import { factoryList } from "@/utils/constants";
|
||||
|
||||
@ -94,7 +94,7 @@ import { factoryList } from "@/utils/constants";
|
||||
// import * as XLSX from 'xlsx'
|
||||
export default {
|
||||
// components: { ButtonNav, detailOrUpdate, addOrUpdate },
|
||||
mixins: [basicPage, tableHeightMixin],
|
||||
mixins: [basicPage],
|
||||
data() {
|
||||
return {
|
||||
start: undefined,
|
||||
@ -109,6 +109,7 @@ export default {
|
||||
materialName: null,
|
||||
warehouse: null,
|
||||
},
|
||||
tableH: this.tableHeight(300),
|
||||
// 用户导入参数
|
||||
mainFormConfig: [
|
||||
{
|
||||
|
Loading…
Reference in New Issue
Block a user