Compare commits

..

No commits in common. "1a3599a42bc841a7436b4a41b790e9c41af17237" and "c77130603e4b456a7ff9ecfab6164784792c7b50" have entirely different histories.

51 changed files with 9224 additions and 9936 deletions

View File

@ -1,7 +1,7 @@
### ###
# @Author: zhp # @Author: zhp
# @Date: 2024-04-28 13:42:51 # @Date: 2024-04-28 13:42:51
# @LastEditTime: 2024-06-05 16:07:26 # @LastEditTime: 2024-06-04 08:56:35
# @LastEditors: DY # @LastEditors: DY
# @Description: # @Description:
### ###
@ -9,7 +9,7 @@
ENV = 'development' ENV = 'development'
# 页面标题 # 页面标题
VUE_APP_TITLE = 发电玻璃智能管控平台 VUE_APP_TITLE = 芋道管理系统
# 芋道管理系统/开发环境 # 芋道管理系统/开发环境
# VUE_APP_BASE_API = 'http://192.168.1.70:30307' # VUE_APP_BASE_API = 'http://192.168.1.70:30307'
@ -26,7 +26,7 @@ VUE_CLI_BABEL_TRANSPILE_MODULES = true
VUE_APP_TENANT_ENABLE = true VUE_APP_TENANT_ENABLE = true
# 验证码的开关 # 验证码的开关
VUE_APP_CAPTCHA_ENABLE = false VUE_APP_CAPTCHA_ENABLE = true
# 文档的开关 # 文档的开关
VUE_APP_DOC_ENABLE = true VUE_APP_DOC_ENABLE = true

View File

@ -2,7 +2,7 @@
ENV = 'development' ENV = 'development'
# 页面标题 # 页面标题
VUE_APP_TITLE = 发电玻璃智能管控平台 VUE_APP_TITLE = 芋道管理系统
# 芋道管理系统/本地环境 # 芋道管理系统/本地环境
VUE_APP_BASE_API = 'http://api-dashboard.yudao.iocoder.cn' VUE_APP_BASE_API = 'http://api-dashboard.yudao.iocoder.cn'
@ -14,7 +14,7 @@ VUE_CLI_BABEL_TRANSPILE_MODULES = true
VUE_APP_TENANT_ENABLE = true VUE_APP_TENANT_ENABLE = true
# 验证码的开关 # 验证码的开关
VUE_APP_CAPTCHA_ENABLE = false VUE_APP_CAPTCHA_ENABLE = true
# 文档的开关 # 文档的开关
VUE_APP_DOC_ENABLE = true VUE_APP_DOC_ENABLE = true

View File

@ -2,7 +2,7 @@
NODE_ENV = 'production' NODE_ENV = 'production'
# 页面标题 # 页面标题
VUE_APP_TITLE = 发电玻璃智能管控平台 VUE_APP_TITLE = 玻璃控股信息平台
# 芋道管理系统/生产环境 # 芋道管理系统/生产环境
VUE_APP_BASE_API = '' VUE_APP_BASE_API = ''
@ -16,7 +16,7 @@ PUBLIC_PATH = ''
VUE_APP_TENANT_ENABLE = true VUE_APP_TENANT_ENABLE = true
# 验证码的开关 # 验证码的开关
VUE_APP_CAPTCHA_ENABLE = false VUE_APP_CAPTCHA_ENABLE = true
# 文档的开关 # 文档的开关
VUE_APP_DOC_ENABLE = false VUE_APP_DOC_ENABLE = false

View File

@ -1,7 +1,7 @@
NODE_ENV = production NODE_ENV = production
# 页面标题 # 页面标题
VUE_APP_TITLE = 发电玻璃智能管控平台 VUE_APP_TITLE = 芋道管理系统
# 测试环境配置 # 测试环境配置
ENV = 'staging' ENV = 'staging'
@ -16,7 +16,7 @@ PUBLIC_PATH = 'http://static.yudao.iocoder.cn/'
VUE_APP_TENANT_ENABLE = true VUE_APP_TENANT_ENABLE = true
# 验证码的开关 # 验证码的开关
VUE_APP_CAPTCHA_ENABLE = false VUE_APP_CAPTCHA_ENABLE = true
# 文档的开关 # 文档的开关
VUE_APP_DOC_ENABLE = false VUE_APP_DOC_ENABLE = false

View File

@ -4,7 +4,7 @@ NODE_ENV = development
ENV = 'staging' ENV = 'staging'
# 页面标题 # 页面标题
VUE_APP_TITLE = 发电玻璃智能管控平台 VUE_APP_TITLE = 芋道管理系统
# 芋道管理系统/测试环境 # 芋道管理系统/测试环境
VUE_APP_BASE_API = 'http://127.0.0.1:48080' VUE_APP_BASE_API = 'http://127.0.0.1:48080'
@ -18,7 +18,7 @@ VUE_APP_APP_NAME ='/admin-ui-vue2/'
VUE_APP_TENANT_ENABLE = true VUE_APP_TENANT_ENABLE = true
# 验证码的开关 # 验证码的开关
VUE_APP_CAPTCHA_ENABLE = false VUE_APP_CAPTCHA_ENABLE = true
# 文档的开关 # 文档的开关
VUE_APP_DOC_ENABLE = true VUE_APP_DOC_ENABLE = true

BIN
src/assets/logo/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -49,7 +49,7 @@
</template> </template>
<script> <script>
import logoImg from "@/assets/logo/cnbm.png"; import logoImg from "@/assets/logo/logo.png";
import variables from "@/assets/styles/variables.scss"; import variables from "@/assets/styles/variables.scss";
export default { export default {
@ -70,7 +70,7 @@ export default {
}, },
data() { data() {
return { return {
title: "发电玻璃智能管控平台", title: "玻璃控股信息平台",
logo: logoImg, logo: logoImg,
}; };
}, },
@ -104,7 +104,7 @@ export default {
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 10px; margin-right: 12px;
} }
& .sidebar-title { & .sidebar-title {
@ -113,7 +113,7 @@ export default {
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
line-height: 50px; line-height: 50px;
font-size: 19px; font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle; vertical-align: middle;
} }

View File

@ -127,8 +127,7 @@ Router.prototype.push = function push(location) {
export default new Router({ export default new Router({
base: process.env.VUE_APP_APP_NAME ? process.env.VUE_APP_APP_NAME : "/", base: process.env.VUE_APP_APP_NAME ? process.env.VUE_APP_APP_NAME : "/",
// mode: "history", // 去掉url中的# mode: "history", // 去掉url中的#
mode: "hash",
scrollBehavior: () => ({ y: 0 }), scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes, routes: constantRoutes,
}); });

View File

@ -96,8 +96,7 @@ const actions = {
let preData = dataArr.previousProdOutputOutDO let preData = dataArr.previousProdOutputOutDO
let preFtoData = dataArr.previousProdOutputFtoDO let preFtoData = dataArr.previousProdOutputFtoDO
// const targetArr = await getHomeInfo(); // const targetArr = await getHomeInfo();
// factoryListResponse, targetListResponse, prodOutputFtoListRes,preData,preFtoData const payload = splitCurrentAndPrevious(dataArr.prodOutputOutDO, dataArr.prodTargetDO,dataArr.prodOutputFtoDO,preData,preFtoData);
const payload = splitCurrentAndPrevious(dataArr.prodOutputOutDO, dataArr.prodTargetOutputDO,dataArr.prodOutputFtoDO,preData,preFtoData);
commit("SET_HOME_INFO", payload); commit("SET_HOME_INFO", payload);
}, },
/** 初始化驾驶舱数据 */ /** 初始化驾驶舱数据 */
@ -346,7 +345,7 @@ function splitCurrentAndPreviousA(factoryListResponse, targetListResponse, prodO
if (preData && preData[0] != null) { if (preData && preData[0] != null) {
for (const factory of preData) { for (const factory of preData) {
const fId = getPreFactoryId(factory); const fId = getPreFactoryId(factory);
// chipInvest.previous[fId] = factory.previousYearInputNumber; chipInvest.previous[fId] = factory.previousYearInputNumber;
// chipOeeRate.current[fId] = factory.oee; // chipOeeRate.current[fId] = factory.oee;
chipOeeRate.previous[fId] = factory.previousYearOee; chipOeeRate.previous[fId] = factory.previousYearOee;
// 转化效率 // 转化效率
@ -400,7 +399,7 @@ function splitCurrentAndPreviousA(factoryListResponse, targetListResponse, prodO
} }
function splitCurrentAndPrevious(factoryListResponse, targetListResponse, prodOutputFtoListRes,preData,preFtoData) { function splitCurrentAndPrevious(factoryListResponse, targetListResponse, prodOutputFtoListRes,preData,preFtoData) {
console.log('prodOutputFtoListRes',preFtoData); console.log('prodOutputFtoListRes',preData);
// 初始数据 // 初始数据
const { chipInvest, ftoInvest, chipOutput, stdOutput, bipvOutput } = init() const { chipInvest, ftoInvest, chipOutput, stdOutput, bipvOutput } = init()
if (prodOutputFtoListRes) { if (prodOutputFtoListRes) {

View File

@ -83,7 +83,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 12, fontSize: 12,
align: "right",
}, },
axisTick: { axisTick: {
show: false, show: false,

View File

@ -7,13 +7,9 @@
<CopilotButton v-for="i in ['同比', '环比']" :key="i" :label="i" :active="i === than" <CopilotButton v-for="i in ['同比', '环比']" :key="i" :label="i" :active="i === than"
@click="() => $emit('update:than', i)" /> @click="() => $emit('update:than', i)" />
<div class="btn-group"> <div class="btn-group">
<el-tooltip class="item" effect="dark" content="导出" placement="top">
<button type="button" class="export-btn" @click="handleExport" /> <button type="button" class="export-btn" @click="handleExport" />
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="isFullscreen === false ? '退出全屏' : '全屏'" placement="top">
<button type="button" class="fullscreen-btn" :class="[isFullscreen ? 'exit-fullscreen' : '']" <button type="button" class="fullscreen-btn" :class="[isFullscreen ? 'exit-fullscreen' : '']"
@click="toggleFullScreen" /> @click="toggleFullScreen" />
</el-tooltip>
</div> </div>
</section> </section>
<div class="page-title">{{ companyName }}</div> <div class="page-title">{{ companyName }}</div>
@ -50,8 +46,7 @@ export default {
}, },
data() { data() {
return { return {
// isFullscreen: false, isFullscreen: false,
content:'全屏',
dataList: [ dataList: [
{ id: 1, name: "日" }, { id: 1, name: "日" },
{ id: 2, name: "周" }, { id: 2, name: "周" },
@ -66,7 +61,6 @@ export default {
exportFactoryDataExcel({ exportFactoryDataExcel({
factoryId: this.companyId, factoryId: this.companyId,
timeSelection: this.period === 1 ? 0 : this.period === 2 ? 1 : this.period === 3 ? 2 : 3, timeSelection: this.period === 1 ? 0 : this.period === 2 ? 1 : this.period === 3 ? 2 : 3,
compare: this.than === '同比' ? 1 : 2
}).then(response => { }).then(response => {
this.$download.excel(response, `${this.companyName}生产数据.xls`); this.$download.excel(response, `${this.companyName}生产数据.xls`);
// this.exportLoading = false; // this.exportLoading = false;

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-23 15:49:14 * @Date: 2024-05-23 15:49:14
* @LastEditTime: 2024-06-04 08:54:10 * @LastEditTime: 2024-05-31 16:06:50
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -84,7 +84,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 12, fontSize: 12,
align: "right",
}, },
axisTick: { axisTick: {
show: false, show: false,

View File

@ -1,234 +0,0 @@
<!--
* @Author: zhp
* @Date: 2024-06-05 09:43:51
* @LastEditTime: 2024-06-05 09:43:52
* @LastEditors: zhp
* @Description:
-->
<template>
<div class="copilot-container">
<!-- refresh btn -->
<button
v-if="false"
style="
appearance: none;
outline: none;
border: none;
background: none;
color: #fff;
cursor: pointer;
position: absolute;
top: 8px;
right: 8px;
"
@click="$emit('refresh')"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px; height: 24px"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
/>
</svg>
</button>
<!-- decoration -->
<div class="corner tl"></div>
<div class="corner tr"></div>
<div class="corner bl"></div>
<div class="corner br"></div>
<!-- content -->
<div
class="container-head"
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
>
<Icon :icon="icon"></Icon>
<h2 class="container-title">{{ title }}</h2>
</div>
<div
class="container-body"
:class="[
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
]"
>
<slot />
</div>
</div>
</template>
<script>
import ContainerIconVue from "./ContainerIcon.vue";
export default {
name: "DashboardContainer",
components: {
Icon: ContainerIconVue,
},
props: {
side: {
type: String,
default: "left",
},
icon: {
type: String,
default: "cube",
},
title: {
type: String,
default: "Default Title",
},
},
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style scoped lang="scss">
.copilot-container {
height: 0;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
box-shadow: inset 0 0 20px 1px #fff1;
backdrop-filter: blur(4px);
&::before {
content: "";
position: absolute;
display: inline-block;
height: 100%;
width: 0.11415vw;
border-radius: 2px;
top: 0%;
left: 0;
background: radial-gradient(
circle at center,
#024798 2%,
#024798 30%,
transparent
);
z-index: 1;
}
&::after {
content: "";
position: absolute;
display: inline-block;
width: 60%;
height: 0.31415vh;
border-radius: 2px;
left: 8%;
bottom: 0;
background: linear-gradient(to right, #024798, transparent);
z-index: 0;
}
.container-head {
// height: 40px;
height: 3.8vh;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
.container-title {
font-size: 1.18vw;
line-height: 1.39vw;
font-weight: normal;
letter-spacing: 2px;
}
}
.container-body {
padding: 12px;
display: flex;
flex-direction: column;
flex: 1;
height: 0;
}
.corner {
z-index: 1;
position: absolute;
// width: 16px;
// height: 16px;
width: 0.95vw;
height: 0.95vw;
}
.corner.tl {
border-top: 2px solid #0175dc;
border-left: 2px solid #0175dc;
top: 0;
left: 0;
}
.corner.tr {
top: 0;
right: 0;
border-top: 2px solid #0175dc;
border-right: 2px solid #0175dc;
}
.corner.bl {
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
bottom: 0;
left: 0;
// border-left: 10px solid #0175dc;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid transparent;
border-left: 0.532vw solid transparent;
border-bottom: .6vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent;
}
.corner.br {
bottom: 0;
right: 0;
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
border-left: 0.532vw solid transparent;
border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid #0175dc;
// border-left: 10px solid transparent;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid #0175dc;
// transform: rotate(-90deg);
}
.gradient-to-right {
background: linear-gradient(to right, #0c3f68cc, transparent);
}
.gradient-to-left {
background: linear-gradient(to left, #0c3f68cc, transparent);
}
.body-gradient-to-right {
background: linear-gradient(to right, #0003, transparent);
}
.body-gradient-to-left {
background: linear-gradient(to left, #0003, transparent);
}
}
</style>

View File

@ -1,239 +0,0 @@
<!--
* @Author: zhp
* @Date: 2024-06-05 09:48:37
* @LastEditTime: 2024-06-05 09:53:49
* @LastEditors: zhp
* @Description:
-->
<!--
filename: Container.vue
author: liubin
date: 2024-04-09 10:44:09
description:
-->
<template>
<div class="copilot-container">
<!-- refresh btn -->
<button
v-if="0"
style="
appearance: none;
outline: none;
border: none;
background: none;
color: #fff;
cursor: pointer;
position: absolute;
top: 8px;
right: 8px;
"
@click="$emit('refresh')"
>rotate
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px; height: 24px"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
/>
</svg>
</button>
<!-- decoration -->
<div class="corner tl"></div>
<div class="corner tr"></div>
<div class="corner bl"></div>
<div class="corner br"></div>
<!-- content -->
<div
class="container-head"
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
>
<Icon :icon="icon"></Icon>
<h2 class="container-title">{{ title }}</h2>
</div>
<div
class="container-body"
:class="[
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
]"
>
<slot />
</div>
</div>
</template>
<script>
import ContainerIconVue from "./ContainerIcon.vue";
export default {
name: "DashboardContainer",
components: {
Icon: ContainerIconVue,
},
props: {
side: {
type: String,
default: "left",
},
icon: {
type: String,
default: "cube",
},
title: {
type: String,
default: "Default Title",
},
},
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style scoped lang="scss">
.copilot-container {
height: 0;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
box-shadow: inset 0 0 20px 1px #fff1;
backdrop-filter: blur(4px);
&::before {
content: "";
position: absolute;
display: inline-block;
height: 100%;
width: 0.11415vw;
border-radius: 2px;
top: 0%;
left: 0;
background: radial-gradient(
circle at center,
#024798 2%,
#024798 30%,
transparent
);
z-index: 1;
}
&::after {
content: "";
position: absolute;
display: inline-block;
width: 60%;
height: 0.31415vh;
border-radius: 2px;
left: 8%;
bottom: 0;
background: linear-gradient(to right, #024798, transparent);
z-index: 0;
}
.container-head {
// height: 40px;
height: 3.8vh;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
.container-title {
font-size: 1.18vw;
line-height: 1.39vw;
font-weight: normal;
letter-spacing: 2px;
}
}
.container-body {
padding: 12px;
display: flex;
flex-direction: column;
flex: 1;
height: 0;
}
.corner {
z-index: 1;
position: absolute;
// width: 16px;
// height: 16px;
width: 0.95vw;
height: 0.95vw;
}
.corner.tl {
border-top: 2px solid #0175dc;
border-left: 2px solid #0175dc;
top: 0;
left: 0;
}
.corner.tr {
top: 0;
right: 0;
border-top: 2px solid #0175dc;
border-right: 2px solid #0175dc;
}
.corner.bl {
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
bottom: 0;
left: 0;
// border-left: 10px solid #0175dc;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid transparent;
border-left: 0.532vw solid #0175dc;
border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent;
}
.corner.br {
bottom: 0;
right: 0;
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
// border-left: 10px solid transparent;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid #0175dc;
border-left: 0.532vw solid transparent;
border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid #0175dc;
}
.gradient-to-right {
background: linear-gradient(to right, #0c3f68cc, transparent);
}
.gradient-to-left {
background: linear-gradient(to left, #0c3f68cc, transparent);
}
.body-gradient-to-right {
background: linear-gradient(to right, #0003, transparent);
}
.body-gradient-to-left {
background: linear-gradient(to left, #0003, transparent);
}
}
</style>

View File

@ -25,7 +25,7 @@ import YieldCopilot from "./yield/index.vue";
// import EfficiencyCopilot from "./efficiency/index.vue"; // import EfficiencyCopilot from "./efficiency/index.vue";
export default { export default {
name: "copilotContainer", name: "CopilotContainer",
components: { components: {
CopilotHeaderVue, CopilotHeaderVue,
YieldCopilot, YieldCopilot,

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-07 10:25:10 * @Date: 2024-05-07 10:25:10
* @LastEditTime: 2024-06-04 14:18:52 * @LastEditTime: 2024-06-03 16:40:45
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -33,15 +33,7 @@ export default {
default: "同比", default: "同比",
}, },
}, },
data() {
return {
// data: null
}
},
computed: { computed: {
data() {
return this.$store.getters.copilot.efficiency.stdRate
},
cities() { cities() {
console.log('ztl', this.$store.getters.copilot.efficiency.stdRate) console.log('ztl', this.$store.getters.copilot.efficiency.stdRate)
// let getterName = ""; // let getterName = "";
@ -65,22 +57,22 @@ export default {
{ name: "凯盛光伏", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "凯盛光伏", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, },
{ name: "蚌埠", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, }, { name: "蚌埠", target: 0, previous: 0, current: 0, componentYield: 0, goodNumber: 0, },
] ]
if (this.data?.previous) { if (this.$store.getters.copilot?.efficiency.stdRate?.previous) {
this.data?.previous.forEach( this.$store.getters.copilot?.efficiency.stdRate?.previous.forEach(
(v, idx) => { (v, idx) => {
_cities[idx].previous = v ?? 0; _cities[idx].previous = v ?? 0;
} }
); );
} }
if (this.data?.target) { if (this.$store.getters.copilot?.efficiency.stdRate?.target) {
this.data?.target.forEach( this.$store.getters.copilot?.efficiency.stdRate?.target.forEach(
(v, idx) => { (v, idx) => {
_cities[idx].target = v ?? 0; _cities[idx].target = v ?? 0;
} }
) )
} }
if (this.data?.current) { if (this.$store.getters.copilot?.efficiency.stdRate?.current) {
this.data?.current.forEach( this.$store.getters.copilot?.efficiency.stdRate?.current.forEach(
(v, idx) => { (v, idx) => {
_cities[idx].current = v ?? 0; _cities[idx].current = v ?? 0;
} }
@ -94,24 +86,19 @@ export default {
return arr; return arr;
}, },
}, },
watch: { data() {
period() { return {
this.data = this.$store.getters.copilot.efficiency.stdRate // cities: [
} // { name: "", target: 100, total: 200, current: 20 },
// { name: "", target: 200, total: 300, current: 20 },
// { name: "", target: 300, total: 400, current: 20 },
// { name: "", target: 400, total: 500, current: 20 },
// { name: "", target: 500, total: 600, current: 20 },
// { name: "", target: 400, total: 500, current: 20 },
// { name: "", target: 500, total: 600, current: 20 },
// ],
};
}, },
// data() {
// return {
// // cities: [
// // { name: "", target: 100, total: 200, current: 20 },
// // { name: "", target: 200, total: 300, current: 20 },
// // { name: "", target: 300, total: 400, current: 20 },
// // { name: "", target: 400, total: 500, current: 20 },
// // { name: "", target: 500, total: 600, current: 20 },
// // { name: "", target: 400, total: 500, current: 20 },
// // { name: "", target: 500, total: 600, current: 20 },
// // ],
// };
// },
methods: {}, methods: {},
}; };
</script> </script>

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-07 10:04:53 * @Date: 2024-05-07 10:04:53
* @LastEditTime: 2024-06-05 09:45:47 * @LastEditTime: 2024-06-03 16:08:27
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -12,17 +12,17 @@
<Container title="芯片良率" icon="chip2"> <Container title="芯片良率" icon="chip2">
<ChipRate :period="period" :than="than" /> <ChipRate :period="period" :than="than" />
</Container> </Container>
<left-container title="标准组件良率" icon="std"> <Container title="标准组件良率" icon="std">
<StdRate :period="period" :than="than" /> <StdRate :period="period" :than="than" />
</left-container> </Container>
</section> </section>
<section class="bottom flex"> <section class="bottom flex">
<Container title="芯片OEE" icon="chip"> <Container title="芯片OEE" icon="chip">
<ChipOee :chipOeeRate="chipOeeRate" :period="period" :than="than" /> <ChipOee :chipOeeRate="chipOeeRate" :period="period" :than="than" />
</Container> </Container>
<left-container title="转化效率" icon="cube"> <Container title="转化效率" icon="cube">
<TransformRate :transformRate="transformRate" :period="period" :than="than" /> <TransformRate :transformRate="transformRate" :period="period" :than="than" />
</left-container> </Container>
</section> </section>
@ -30,8 +30,7 @@
</template> </template>
<script> <script>
import Container from "@/views/copilot/components/rightContainer.vue"; import Container from "@/views/copilot/components/Container.vue";
import leftContainer from "@/views/copilot/components/leftContainer.vue";
import ChipOeeVue from "./components/ChipOee.vue"; import ChipOeeVue from "./components/ChipOee.vue";
import ChipRateVue from "./components/ChipRate.vue"; import ChipRateVue from "./components/ChipRate.vue";
import StdRateVue from "./components/StdRate.vue"; import StdRateVue from "./components/StdRate.vue";
@ -41,7 +40,6 @@ export default {
name: "efficiencyCopilot", name: "efficiencyCopilot",
components: { components: {
Container, Container,
leftContainer,
ChipOee: ChipOeeVue, ChipOee: ChipOeeVue,
ChipRate: ChipRateVue, ChipRate: ChipRateVue,
StdRate: StdRateVue, StdRate: StdRateVue,

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-20 16:04:18 * @Date: 2024-05-20 16:04:18
* @LastEditTime: 2024-06-03 16:46:11 * @LastEditTime: 2024-06-03 15:45:58
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -25,7 +25,7 @@ import CopilotHeaderVue from "./components/CopilotHeader.vue";
import EfficiencyCopilot from "./efficiency/index.vue"; import EfficiencyCopilot from "./efficiency/index.vue";
export default { export default {
name: "copilotEfficiencyContainer", name: "CopilotContainer",
components: { components: {
CopilotHeaderVue, CopilotHeaderVue,
EfficiencyCopilot, EfficiencyCopilot,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,8 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -39,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,8 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -39,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -232,12 +232,6 @@ export default {
let orderXAxis = ['目标产量', '计划投入量', '实际投入量', '实际产出量', '废品数量', '待再加工数量']; let orderXAxis = ['目标产量', '计划投入量', '实际投入量', '实际产出量', '废品数量', '待再加工数量'];
// let n = 0; // let n = 0;
let seriesArr =[] let seriesArr =[]
// let arr = []
// if (this.energyCockpits) {
// this.energyCockpits.forEach(ele => {
// arr.push()
// });
// }
seriesArr[0] = this.energyCockpits.length != 0 && this.energyCockpits[0].targetProduction ? this.energyCockpits[0].targetProduction :0 seriesArr[0] = this.energyCockpits.length != 0 && this.energyCockpits[0].targetProduction ? this.energyCockpits[0].targetProduction :0
seriesArr[1] = this.energyCockpits.length != 0 && this.energyCockpits[0].plannedInvestment ? this.energyCockpits[0].plannedInvestment : 0 seriesArr[1] = this.energyCockpits.length != 0 && this.energyCockpits[0].plannedInvestment ? this.energyCockpits[0].plannedInvestment : 0
seriesArr[2] = this.energyCockpits.length != 0 && this.energyCockpits[0].actualInvestment ? this.energyCockpits[0].actualInvestment : 0 seriesArr[2] = this.energyCockpits.length != 0 && this.energyCockpits[0].actualInvestment ? this.energyCockpits[0].actualInvestment : 0

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-30 08:58:39 * @Date: 2024-05-30 08:58:39
* @LastEditTime: 2024-06-05 09:15:03 * @LastEditTime: 2024-05-31 15:52:28
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -83,7 +83,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 12, fontSize: 12,
align: "right",
}, },
axisTick: { axisTick: {
show: false, show: false,
@ -174,11 +173,32 @@ export default {
}, },
{ {
name: "", // "2024", name: "", // "2024",
type: "line", type: "bar",
barWidth: 12, barWidth: 12,
itemStyle: { itemStyle: {
borderRadius: [10, 10, 0, 0], borderRadius: [10, 10, 0, 0],
color:'#f3c000' color: {
type: "linear",
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: "#f3c000", // 0%
},
{
offset: 1,
color: "#f3c00033",
},
{
offset: 1,
color: "transparent", // 100%
},
],
global: false, // false
},
}, },
data: [], // this.series[0].data, data: [], // this.series[0].data,
}, },
@ -317,32 +337,7 @@ export default {
background-color: #58adfa; background-color: #58adfa;
} }
.legend-item:nth-child(3):before { .legend-item:nth-child(3):before {
// width: 12px;
// height: 2px;
width: 1vw;
height: 0.1064vw;
background-color: #f3c000; background-color: #f3c000;
position: absolute;
top: 50%;
// left: -16px;
left: -0.951vw;
transform: translateY(-50%);
}
.legend-item:nth-child(3):after {
background-color: #f3c000;
content: "";
display: inline-block;
position: absolute;
// width: 6px;
// height: 6px;
width: 0.3191vw;
height: 0.3191vw;
border-radius: 100%;
top: 50%;
left: -0.851vw;
// left: -16px;
transform: translateY(-50%) translateX(50%);
} }
} }
</style> </style>

View File

@ -41,8 +41,8 @@
<!-- decoration --> <!-- decoration -->
<div class="corner tl"></div> <div class="corner tl"></div>
<div class="corner tr"></div> <div class="corner tr"></div>
<div class="corner bl"></div> <div v-if="side == 'left'" class="corner bl"></div>
<div class="corner br"></div> <div v-if="side == 'right'" class="corner br"></div>
<!-- content --> <!-- content -->
<div <div
class="container-head" class="container-head"
@ -207,11 +207,10 @@ export default {
// border-bottom: 10px solid #0175dc; // border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent; // border-top: 10px solid transparent;
// border-right: 10px solid #0175dc; // border-right: 10px solid #0175dc;
// transform: rotate(-90deg);
border-left: 0.532vw solid transparent; border-left: 0.532vw solid transparent;
border-bottom: .6vw solid #0175dc; border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent; border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent; border-right: 0.532vw solid #0175dc;
} }
.gradient-to-right { .gradient-to-right {

View File

@ -23,7 +23,7 @@
<div class="separate"> <div class="separate">
<div> <div>
<span class="type">玻璃类型</span> <span class="type">玻璃类型</span>
<span class="type-name">标准组产量</span> <span class="type-name">标准组产量</span>
</div> </div>
<div> <div>
<span class="type">良品数量</span> <span class="type">良品数量</span>

View File

@ -1,241 +0,0 @@
<!--
* @Author: zhp
* @Date: 2024-06-05 09:36:07
* @LastEditTime: 2024-06-05 09:38:23
* @LastEditors: zhp
* @Description:
-->
<!--
filename: Container.vue
author: liubin
date: 2024-04-09 10:44:09
description:
-->
<template>
<div class="copilot-container">
<!-- refresh btn -->
<button
v-if="false"
style="
appearance: none;
outline: none;
border: none;
background: none;
color: #fff;
cursor: pointer;
position: absolute;
top: 8px;
right: 8px;
"
@click="$emit('refresh')"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px; height: 24px"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
/>
</svg>
</button>
<!-- decoration -->
<div class="corner tl"></div>
<div class="corner tr"></div>
<div class="corner bl"></div>
<div class="corner br"></div>
<!-- content -->
<div
class="container-head"
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
>
<Icon :icon="icon"></Icon>
<h2 class="container-title">{{ title }}</h2>
</div>
<div
class="container-body"
:class="[
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
]"
>
<slot />
</div>
</div>
</template>
<script>
import ContainerIconVue from "./ContainerIcon.vue";
export default {
name: "DashboardContainer",
components: {
Icon: ContainerIconVue,
},
props: {
side: {
type: String,
default: "left",
},
icon: {
type: String,
default: "cube",
},
title: {
type: String,
default: "Default Title",
},
},
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style scoped lang="scss">
.copilot-container {
height: 0;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
box-shadow: inset 0 0 20px 1px #fff1;
backdrop-filter: blur(4px);
&::before {
content: "";
position: absolute;
display: inline-block;
height: 100%;
width: 0.11415vw;
border-radius: 2px;
top: 0%;
left: 0;
background: radial-gradient(
circle at center,
#024798 2%,
#024798 30%,
transparent
);
z-index: 1;
}
&::after {
content: "";
position: absolute;
display: inline-block;
width: 60%;
height: 0.31415vh;
border-radius: 2px;
left: 8%;
bottom: 0;
background: linear-gradient(to right, #024798, transparent);
z-index: 0;
}
.container-head {
// height: 40px;
height: 3.8vh;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
.container-title {
font-size: 1.18vw;
line-height: 1.39vw;
font-weight: normal;
letter-spacing: 2px;
}
}
.container-body {
padding: 12px;
display: flex;
flex-direction: column;
flex: 1;
height: 0;
}
.corner {
z-index: 1;
position: absolute;
// width: 16px;
// height: 16px;
width: 0.95vw;
height: 0.95vw;
}
.corner.tl {
border-top: 2px solid #0175dc;
border-left: 2px solid #0175dc;
top: 0;
left: 0;
}
.corner.tr {
top: 0;
right: 0;
border-top: 2px solid #0175dc;
border-right: 2px solid #0175dc;
}
.corner.bl {
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
bottom: 0;
left: 0;
// border-left: 10px solid #0175dc;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid transparent;
border-left: 0.532vw solid transparent;
border-bottom: .6vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent;
}
.corner.br {
bottom: 0;
right: 0;
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
border-left: 0.532vw solid transparent;
border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid #0175dc;
// border-left: 10px solid transparent;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid #0175dc;
// transform: rotate(-90deg);
}
.gradient-to-right {
background: linear-gradient(to right, #0c3f68cc, transparent);
}
.gradient-to-left {
background: linear-gradient(to left, #0c3f68cc, transparent);
}
.body-gradient-to-right {
background: linear-gradient(to right, #0003, transparent);
}
.body-gradient-to-left {
background: linear-gradient(to left, #0003, transparent);
}
}
</style>

View File

@ -1,233 +0,0 @@
<!--
filename: Container.vue
author: liubin
date: 2024-04-09 10:44:09
description:
-->
<template>
<div class="copilot-container">
<!-- refresh btn -->
<button
v-if="false"
style="
appearance: none;
outline: none;
border: none;
background: none;
color: #fff;
cursor: pointer;
position: absolute;
top: 8px;
right: 8px;
"
@click="$emit('refresh')"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px; height: 24px"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
/>
</svg>
</button>
<!-- decoration -->
<div class="corner tl"></div>
<div class="corner tr"></div>
<div class="corner bl"></div>
<div class="corner br"></div>
<!-- content -->
<div
class="container-head"
:class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
>
<Icon :icon="icon"></Icon>
<h2 class="container-title">{{ title }}</h2>
</div>
<div
class="container-body"
:class="[
side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
]"
>
<slot />
</div>
</div>
</template>
<script>
import ContainerIconVue from "./ContainerIcon.vue";
export default {
name: "DashboardContainer",
components: {
Icon: ContainerIconVue,
},
props: {
side: {
type: String,
default: "left",
},
icon: {
type: String,
default: "cube",
},
title: {
type: String,
default: "Default Title",
},
},
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style scoped lang="scss">
.copilot-container {
height: 0;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
box-shadow: inset 0 0 20px 1px #fff1;
backdrop-filter: blur(4px);
&::before {
content: "";
position: absolute;
display: inline-block;
height: 100%;
width: 0.11415vw;
border-radius: 2px;
top: 0%;
left: 0;
background: radial-gradient(
circle at center,
#024798 2%,
#024798 30%,
transparent
);
z-index: 1;
}
&::after {
content: "";
position: absolute;
display: inline-block;
width: 60%;
height: 0.31415vh;
border-radius: 2px;
left: 8%;
bottom: 0;
background: linear-gradient(to right, #024798, transparent);
z-index: 0;
}
.container-head {
// height: 40px;
height: 3.8vh;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
.container-title {
font-size: 1.18vw;
line-height: 1.39vw;
font-weight: normal;
letter-spacing: 2px;
}
}
.container-body {
padding: 12px;
display: flex;
flex-direction: column;
flex: 1;
height: 0;
}
.corner {
z-index: 1;
position: absolute;
// width: 16px;
// height: 16px;
width: 0.95vw;
height: 0.95vw;
}
.corner.tl {
border-top: 2px solid #0175dc;
border-left: 2px solid #0175dc;
top: 0;
left: 0;
}
.corner.tr {
top: 0;
right: 0;
border-top: 2px solid #0175dc;
border-right: 2px solid #0175dc;
}
.corner.bl {
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
bottom: 0;
left: 0;
// border-left: 10px solid #0175dc;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid transparent;
border-left: 0.532vw solid #0175dc;
border-bottom: 0.532vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent;
}
.corner.br {
bottom: 0;
right: 0;
// width: 20px;
// height: 20px;
width: 1.064vw;
height: 1.064vw;
// border-left: 10px solid transparent;
// border-bottom: 10px solid #0175dc;
// border-top: 10px solid transparent;
// border-right: 10px solid #0175dc;
// transform: rotate(-90deg);
border-left: 0.532vw solid transparent;
border-bottom: .6vw solid #0175dc;
border-top: 0.532vw solid transparent;
border-right: 0.532vw solid transparent;
}
.gradient-to-right {
background: linear-gradient(to right, #0c3f68cc, transparent);
}
.gradient-to-left {
background: linear-gradient(to left, #0c3f68cc, transparent);
}
.body-gradient-to-right {
background: linear-gradient(to right, #0003, transparent);
}
.body-gradient-to-left {
background: linear-gradient(to left, #0003, transparent);
}
}
</style>

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,8 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -39,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,9 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -40,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer:leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,8 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -39,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,8 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -39,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-21 13:24:03 * @Date: 2024-05-21 13:24:03
* @LastEditTime: 2024-06-05 09:43:30 * @LastEditTime: 2024-05-21 13:24:03
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -37,7 +37,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
// import Container from "./components/Container.vue"; import Container from "./components/Container.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import Store from "./components/Store.vue"; import Store from "./components/Store.vue";
import Energy from "./components/Energy.vue"; import Energy from "./components/Energy.vue";
@ -47,7 +47,7 @@ export default {
name: "factoryData", name: "factoryData",
components: { components: {
FactoryDataHeader, FactoryDataHeader,
// DbContainer: Container, DbContainer: Container,
ProdMonitor, ProdMonitor,
Store, Store,
Energy, Energy,

View File

@ -8,9 +8,9 @@
<prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data" <prod-monitor :companyId="companyId" :factoryData="factoryData" :than="than" :period="period" :data="data"
:prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" /> :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
</db-container> </db-container>
<left-container title="工单监控" icon="order"> <db-container title="工单监控" icon="order">
<order :prodOrder="prodOrder" /> <order :prodOrder="prodOrder" />
</left-container> </db-container>
<!-- <db-container title="" icon="store"> --> <!-- <db-container title="" icon="store"> -->
<!-- <store :stock="stock" /> --> <!-- <store :stock="stock" /> -->
<!-- </db-container> --> <!-- </db-container> -->
@ -26,9 +26,7 @@
</template> </template>
<script> <script>
import FactoryDataHeader from "./../components/FactoryDataHeader.vue"; import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
import Container from "./components/rightContainer.vue"; import Container from "./components/Container.vue";
import leftContainer from "./components/leftContainer.vue";
import ProdMonitor from "./components/ProdMonitor.vue"; import ProdMonitor from "./components/ProdMonitor.vue";
import { deepClone } from "@/utils"; import { deepClone } from "@/utils";
// import Store from "./components/Store.vue"; // import Store from "./components/Store.vue";
@ -40,7 +38,6 @@ export default {
components: { components: {
FactoryDataHeader, FactoryDataHeader,
DbContainer: Container, DbContainer: Container,
LeftContainer: leftContainer,
ProdMonitor, ProdMonitor,
// Store, // Store,
// Energy, // Energy,

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-20 13:32:59 * @Date: 2024-05-20 13:32:59
* @LastEditTime: 2024-06-05 13:43:13 * @LastEditTime: 2024-06-03 16:26:24
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -115,25 +115,21 @@ export default {
items = [ items = [
{ label: `${month}${today}日累计`,}, { label: `${month}${today}日累计`,},
{ label: `去年${month}${today}日累计` }, { label: `去年${month}${today}日累计` },
{ label: `${month}${today}日目标`, },
]; ];
} else if (this.period === '日' && this.than === '环比') { } else if (this.period === '日' && this.than === '环比') {
items = [ items = [
{ label: `${month}${today}日累计`}, { label: `${month}${today}日累计`},
{ label: `${yesterday}日累计`}, { label: `${yesterday}日累计`},
{ label: `${month}${today}日目标`, },
]; ];
} else if (this.period === '周' && this.than === '同比') { } else if (this.period === '周' && this.than === '同比') {
items = [ items = [
{ label: `本周累计`,}, { label: `本周累计`,},
{ label: `去年本周累计`}, { label: `去年本周累计`},
{ label: `本周目标`, },
]; ];
} else if (this.period === '周' && this.than === '环比') { } else if (this.period === '周' && this.than === '环比') {
items = [ items = [
{ label: `本周累计`,}, { label: `本周累计`,},
{ label: `上周累计`,}, { label: `上周累计`,},
{ label: `本周目标`, },
]; ];
} else if (this.period === '月' && this.than === '同比') { } else if (this.period === '月' && this.than === '同比') {
items = [ items = [
@ -160,9 +156,9 @@ export default {
: (vt[1] != 0 && vt[1] != null) && vt[2] == 0 : (vt[1] != 0 && vt[1] != null) && vt[2] == 0
? "100%" : '0%', ? "100%" : '0%',
subtitle = subtitle =
this.period == "日" ? `${month}${today}日累计完成` : this.period == "周" ? `本周累计完成` : this.period == "月" ? `${month}月累计完成` : `${year}年累计完成`; this.period == "日" ? `${month}${today}日累计` : this.period == "周" ? `本周` : this.period == "月" ? `${month}月累计产出` : `${year}年累计产出`;
console.log(this.valueTuple[0], this.valueTuple[1], this.valueTuple[2],) console.log(this.valueTuple[0], this.valueTuple[1], this.valueTuple[2],)
console.log(this.valueTuple[2]- this.valueTuple[1]) console.log(items)
return getOptions({ return getOptions({
titleValue, titleValue,
subtitle, subtitle,
@ -218,7 +214,6 @@ export default {
}; };
function calculateItems(period, valueTuple,than) { function calculateItems(period, valueTuple,than) {
console.log('valueTuple', valueTuple);
let items = []; let items = [];
var day1 = new Date(); var day1 = new Date();
day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000); day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);
@ -236,25 +231,21 @@ function calculateItems(period, valueTuple, than) {
items = [ items = [
{ label: `去年${month}${today}日累计`, value: valueTuple[0] }, { label: `去年${month}${today}日累计`, value: valueTuple[0] },
{ label: `${month}${today}日累计`, value: valueTuple[1] }, { label: `${month}${today}日累计`, value: valueTuple[1] },
{ label: `${month}${today}日目标`, value: valueTuple[2] },
]; ];
} else if (period === '日' && than === '环比') { } else if (period === '日' && than === '环比') {
items = [ items = [
{ label: `${yesterday}日累计`, value: valueTuple[0] }, { label: `${yesterday}日累计`, value: valueTuple[0] },
{ label: `${month}${today}日累计`, value: valueTuple[1] }, { label: `${month}${today}日累计`, value: valueTuple[1] },
{ label: `${month}${today}日目标`, value: valueTuple[2] },
]; ];
} else if (period === '周' && than === '同比') { } else if (period === '周' && than === '同比') {
items = [ items = [
{ label: `去年本周累计`, value: valueTuple[0] }, { label: `去年本周累计`, value: valueTuple[0] },
{ label: `本周累计`, value: valueTuple[1] }, { label: `本周累计`, value: valueTuple[1] },
{ label: `本周目标`, value: valueTuple[2] },
]; ];
} else if (period === '周' && than === '环比') { } else if (period === '周' && than === '环比') {
items = [ items = [
{ label: `上周累计`, value: valueTuple[0] }, { label: `上周累计`, value: valueTuple[0] },
{ label: `本周累计`, value: valueTuple[1] }, { label: `本周累计`, value: valueTuple[1] },
{ label: `本周目标`, value: valueTuple[2] },
]; ];
} else if (period === '月' && than === '同比') { } else if (period === '月' && than === '同比') {
items = [ items = [

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-05-10 11:10:54 * @Date: 2024-05-10 11:10:54
* @LastEditTime: 2024-06-05 09:49:46 * @LastEditTime: 2024-05-28 13:36:07
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -9,32 +9,29 @@
<template> <template>
<div class="yield-copilot"> <div class="yield-copilot">
<section class="top flex"> <section class="top flex">
<right-container class="std-yield" title="标准组件产出" icon="std"> <db-container class="std-yield" title="标准组件产出" icon="std">
<std-output v-if="show" :period="period" :than="than" /> <std-output v-if="show" :period="period" :than="than" />
</right-container> </db-container>
<db-container class="chip-yield" title="芯片产出" icon="chip2"> <db-container class="chip-yield" title="芯片产出" icon="chip2">
<chip-output v-if="show" :period="period" :than="than" /> <chip-output v-if="show" :period="period" :than="than" />
</db-container> </db-container>
<left-container class="bipv-yield" title="BIPV产出" icon="bipv"> <db-container class="bipv-yield" title="BIPV产出" icon="bipv">
<bipv-output v-if="show" :period="period" :than="than" /> <bipv-output v-if="show" :period="period" :than="than" />
</left-container> </db-container>
</section> </section>
<section class="bottom flex"> <section class="bottom flex">
<right-container class="fto-involve" title="FTO投入"> <db-container class="fto-involve" title="FTO投入">
<fto-invest :period="period" :than="than" /> <fto-invest :period="period" :than="than" />
</right-container> </db-container>
<left-container class="chip-involve" title="芯片投入" icon="chip"> <db-container class="chip-involve" title="芯片投入" icon="chip">
<chip-invest :period="period" :than="than" /> <chip-invest :period="period" :than="than" />
</left-container> </db-container>
</section> </section>
</div> </div>
</template> </template>
<script> <script>
import twoContainer from "@/views/copilot/components/twoContainer.vue"; import Container from "@/views/copilot/components/Container.vue";
import leftContainer from "@/views/copilot/components/leftContainer.vue";
import rightContainer from "@/views/copilot/components/rightContainer.vue";
import StdOutput from "./components/StdOutput.vue"; import StdOutput from "./components/StdOutput.vue";
import ChipOutput from "./components/ChipOutput.vue"; import ChipOutput from "./components/ChipOutput.vue";
import FtoInvest from "./components/FtoInvest.vue"; import FtoInvest from "./components/FtoInvest.vue";
@ -44,9 +41,7 @@ import ChipInvest from "./components/ChipInvest.vue";
export default { export default {
name: "YieldCopilot", name: "YieldCopilot",
components: { components: {
DbContainer: twoContainer, DbContainer: Container,
leftContainer,
rightContainer,
StdOutput, StdOutput,
ChipOutput, ChipOutput,
BipvOutput, BipvOutput,

View File

@ -61,9 +61,6 @@ export default ({
value: currentSum, value: currentSum,
name: currentName, name: currentName,
selected: false, selected: false,
tooltip: {
formatter: `${currentName} : ${currentSum}`
},
itemStyle: { itemStyle: {
borderJoin: "round", borderJoin: "round",
borderCap: "round", borderCap: "round",
@ -83,11 +80,10 @@ export default ({
}, },
}, },
{ {
value:(targetSum - currentSum) === 0 ? 1 : (targetSum - currentSum), value:currentSum == 0
name: currentName, ? 1
tooltip: { : 0,
formatter: `${currentName} : ${currentSum}` name: "未达成累计",
},
itemStyle: { color: "transparent" }, itemStyle: { color: "transparent" },
label: { show: false }, label: { show: false },
}, },
@ -110,9 +106,6 @@ export default ({
value: previousSum, value: previousSum,
name: preName, name: preName,
selected: false, selected: false,
tooltip: {
formatter: `${preName} : ${previousSum}`
},
itemStyle: { itemStyle: {
borderJoin: "round", borderJoin: "round",
borderCap: "round", borderCap: "round",
@ -132,12 +125,10 @@ export default ({
}, },
}, },
{ {
value:previousSum == 0
value:previousSum === 0 ? 1 : 0, ? 1
name: preName, : 0,
tooltip: { name: "-",
formatter: `${preName} : ${previousSum}`
},
itemStyle: { color: "transparent" }, itemStyle: { color: "transparent" },
label: { show: false }, label: { show: false },
}, },

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-04-28 13:42:51 * @Date: 2024-04-28 13:42:51
* @LastEditTime: 2024-06-05 14:12:31 * @LastEditTime: 2024-05-31 16:11:56
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -98,12 +98,9 @@ export default {
}, },
data: [ data: [
{ {
value: 0, value: 90,
name: `${year}累计产出`, name: `${year}累计产出`,
selected: false, selected: false,
tooltip: {
formatter: null,
},
itemStyle: { itemStyle: {
borderJoin: "round", borderJoin: "round",
borderCap: "round", borderCap: "round",
@ -123,11 +120,8 @@ export default {
}, },
}, },
{ {
value: 0, value: 20,
name: `${year}目标`, name: "-",
tooltip: {
formatter: null,
},
itemStyle: { color: "transparent" }, itemStyle: { color: "transparent" },
label: { show: false }, label: { show: false },
}, },
@ -147,12 +141,9 @@ export default {
}, },
data: [ data: [
{ {
value: 0, value: 90,
name: `${year - 1}累计产出`, name: `${year - 1}累计产出`,
selected: false, selected: false,
tooltip: {
formatter: null,
},
itemStyle: { itemStyle: {
borderJoin: "round", borderJoin: "round",
borderCap: "round", borderCap: "round",
@ -173,10 +164,7 @@ export default {
}, },
{ {
value: 0, value: 0,
name: `${year - 1}累计产出`, name: "-",
tooltip: {
formatter:null,
},
itemStyle: { color: "transparent" }, itemStyle: { color: "transparent" },
label: { show: false }, label: { show: false },
}, },
@ -221,9 +209,7 @@ export default {
}; };
}, },
actualOptions() { actualOptions() {
const year = new Date().getFullYear()
const options = JSON.parse(JSON.stringify(this.options)); const options = JSON.parse(JSON.stringify(this.options));
// console.log('options', options);
// //
if (!this.output.target) options.title.text = "0%"; if (!this.output.target) options.title.text = "0%";
else else
@ -235,29 +221,20 @@ export default {
this.output.current == 0 this.output.current == 0
) { ) {
options.series[1].data[0].value = 0; options.series[1].data[0].value = 0;
options.series[1].data[1].value = 1; options.series[1].data[1].value = 100;
options.series[1].data[0].tooltip.formatter = year + '累计完成:0';
options.series[1].data[1].tooltip.formatter = year + '累计完成:0';
} else { } else {
options.series[1].data[0].value = this.output.current; options.series[1].data[0].value = this.output.current;
options.series[1].data[1].value = options.series[1].data[1].value =
this.output.target - this.output.current; this.output.target - this.output.current;
options.series[1].data[0].tooltip.formatter = year + '累计完成:' + this.output.current;
options.series[1].data[1].tooltip.formatter = year + '累计完成:' + this.output.current;
} }
// //
if (this.output.previous == 0) { if (this.output.previous == 0) {
options.series[2].data[0].value = 0; options.series[2].data[0].value = 0;
options.series[2].data[1].value = 1; options.series[2].data[1].value = 100;
options.series[2].data[0].tooltip.formatter = year-1 + '累计完成:' + 0;
options.series[2].data[1].tooltip.formatter = year-1 + '累计完成:' + 0;
} else { } else {
options.series[2].data[0].value = this.output.previous; options.series[2].data[0].value = this.output.previous;
options.series[2].data[1].value = 0; options.series[2].data[1].value = 0;
options.series[2].data[0].tooltip.formatter = year - 1 + '累计完成:' + this.output.previous;
options.series[2].data[1].tooltip.formatter = year - 1 + '累计完成:' + this.output.previous;
} }
console.log('options', options);
return options; return options;
}, },
}, },

View File

@ -86,7 +86,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 12, fontSize: 12,
align:'right'
}, },
axisTick: { axisTick: {
show: false, show: false,
@ -114,11 +113,10 @@ export default {
barWidth: 12, barWidth: 12,
label: { label: {
show: true, // show: true, //
align: 'right', //
position: 'top', // position: 'top', //
textStyle: { // textStyle: { //
color: '#DFF1FE', color: '#DFF1FE',
fontSize: 12 fontSize: 16
} }
}, },
itemStyle: { itemStyle: {
@ -158,11 +156,10 @@ export default {
barWidth: 12, barWidth: 12,
label: { label: {
show: true, // show: true, //
align: 'left', //
position: 'top', // position: 'top', //
textStyle: { // textStyle: { //
color: '#DFF1FE', color: '#DFF1FE',
fontSize: 12 fontSize: 16
} }
}, },
itemStyle: { itemStyle: {

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-04-28 13:42:51 * @Date: 2024-04-28 13:42:51
* @LastEditTime: 2024-06-04 15:35:54 * @LastEditTime: 2024-05-31 16:13:47
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -92,7 +92,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 12, fontSize: 12,
align: 'right'
}, },
axisTick: { axisTick: {
show: false, show: false,

View File

@ -5,8 +5,8 @@
<!-- <div v-if="visible" class="zzLine"></div> --> <!-- <div v-if="visible" class="zzLine"></div> -->
<!-- <div v-if="visible" class="rcLine"></div> --> <!-- <div v-if="visible" class="rcLine"></div> -->
<!-- <div v-if="visible" class="rcLineTwo"></div> --> <!-- <div v-if="visible" class="rcLineTwo"></div> -->
<!-- <div v-if="visible" class="hdLine"></div> --> <div v-if="visible" class="hdLine"></div>
<!-- <div v-if="visible" class="hdLineTwo"></div> --> <div v-if="visible" class="hdLineTwo"></div>
<!-- <div v-if="visible" class="ksLine"></div> --> <!-- <div v-if="visible" class="ksLine"></div> -->
<!-- <div v-if="visible" class="bbLine"></div> --> <!-- <div v-if="visible" class="bbLine"></div> -->
<!-- <div v-if="visible" class="bbLineTwo"></div> --> <!-- <div v-if="visible" class="bbLineTwo"></div> -->
@ -69,11 +69,11 @@ const LOCATIONS = [
// 2 // 2
// { x: 61, y: 53, tx: 39, ty: 68, path: 'factoryData/ksIndex' }, // { x: 61, y: 53, tx: 39, ty: 68, path: 'factoryData/ksIndex' },
// 西 // 西
{ x: 60, y: 58, tx: 68, ty: 52,lx:61,ly:61.5,ltx:69.5,lty:52, path: 'factoryData/factory-data' }, { x: 60, y: 58, tx: 68, ty: 52,lx:61,ly:61.5,ltx:68.8,lty:52, path: 'factoryData/factory-data' },
// //
// { x: 56, y: 60, tx: 60, ty: 95, path: 'factoryData/zzIndex' }, // { x: 56, y: 60, tx: 60, ty: 95, path: 'factoryData/zzIndex' },
// //
{ x: 58, y: 45, tx: 47.4, ty: 34.3, lx: 58.7, ly: 34, ltx: 53.2, lty: 34, path: 'factoryData/hdIndex' }, { x: 58, y: 45, tx: 47, ty: 34, lx: 58.7, ly: 34, ltx: 53, lty: 34, path: 'factoryData/hdIndex' },
]; ];
// rcLine.style.left = `66.8%`; // rcLine.style.left = `66.8%`;
// rcLine.style.top = `52%`; // rcLine.style.top = `52%`;
@ -395,9 +395,9 @@ export default {
.hdLine { .hdLine {
position: absolute; position: absolute;
/* left: 58.7%; */ left: 58.7%;
width: 1px; width: 1px;
/* top: 34%; */ top: 34%;
display: inline-block; display: inline-block;
/* // x: 60, y: 58, */ /* // x: 60, y: 58, */
height: 6vw; height: 6vw;
@ -405,9 +405,9 @@ export default {
} }
.hdLineTwo { .hdLineTwo {
position: absolute; position: absolute;
/* left: 53%; */ left: 53%;
width: 5vw; width: 5vw;
/* top: 34%; */ top: 34%;
display: inline-block; display: inline-block;
/* // x: 60, y: 58, */ /* // x: 60, y: 58, */
height: 1px; height: 1px;

View File

@ -218,7 +218,7 @@ export default {
data() { data() {
return { return {
codeUrl: "", codeUrl: "",
captchaEnable: false, captchaEnable: true,
tenantEnable: true, tenantEnable: true,
mobileCodeTimer: 0, mobileCodeTimer: 0,
loginForm: { loginForm: {

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-11-06 15:15:30 * @Date: 2023-11-06 15:15:30
* @LastEditTime: 2024-06-05 15:28:07 * @LastEditTime: 2024-05-20 18:02:10
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -31,11 +31,11 @@
</small-title> </small-title>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片产量()</p> <p class="title">芯片产量</p>
<p class="text">{{ }}</p> <p class="text">{{ }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片良率(%)</p> <p class="title">芯片良率</p>
<p class="text">{{ dataForm.yieldRate }}</p> <p class="text">{{ dataForm.yieldRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -43,17 +43,17 @@
<p class="text">{{ dataForm.bom }}</p> <p class="text">{{ dataForm.bom }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片总功率(MW)</p> <p class="title">芯片总功率</p>
<p class="text">{{ dataForm.totalPower }}</p> <p class="text">{{ dataForm.totalPower }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">FTO投入量()</p> <p class="title">FTO投入量</p>
<p class="text">{{ dataForm.chipInput }}</p> <p class="text">{{ dataForm.chipInput }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">CSS稼动率(%)</p> <p class="title">CSS稼动率</p>
<p class="text">{{ dataForm.marriageRate }}</p> <p class="text">{{ dataForm.marriageRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -61,17 +61,17 @@
<p class="text">{{ dataForm.oee }}</p> <p class="text">{{ dataForm.oee }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片平均功率(W)</p> <p class="title">芯片平均功率</p>
<p class="text">{{ dataForm.averagePower }}</p> <p class="text">{{ dataForm.averagePower }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片人均产量(/)</p> <p class="title">芯片人均产量</p>
<p class="text">{{ dataForm.annualAverageProduction }}</p> <p class="text">{{ dataForm.annualAverageProduction }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片产能利用率(%)</p> <p class="title">芯片产能利用率</p>
<p class="text">{{ dataForm.capacityUtilizationRate }}</p> <p class="text">{{ dataForm.capacityUtilizationRate }}</p>
</el-col> </el-col>
</el-row> </el-row>
@ -85,25 +85,25 @@
<!-- <p class="text">{{ dataForm.bom }}</p> --> <!-- <p class="text">{{ dataForm.bom }}</p> -->
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">封装线OEE(%)</p> <p class="title">封装线OEE</p>
<!-- <p class="text">{{ dataForm.code }}</p> --> <!-- <p class="text">{{ dataForm.code }}</p> -->
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件良率(%)</p> <p class="title">标准组件良率</p>
<!-- <p class="text">{{ dataForm.productName }}</p> --> <!-- <p class="text">{{ dataForm.productName }}</p> -->
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件产量()</p> <p class="title">标准组件产量</p>
<!-- <p class="text">{{ dataForm.productName }}</p> --> <!-- <p class="text">{{ dataForm.productName }}</p> -->
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件总功率(MW)</p> <p class="title">标准组件总功率</p>
<p class="text">{{ }}</p> <p class="text">{{ }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">封装产能利用率(%)</p> <p class="title">封装产能利用率</p>
<!-- <p class="text">{{ dataForm.code }}</p> --> <!-- <p class="text">{{ dataForm.code }}</p> -->
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-04-15 10:49:13 * @Date: 2024-04-15 10:49:13
* @LastEditTime: 2024-06-04 14:13:23 * @LastEditTime: 2024-05-31 19:14:05
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -197,7 +197,7 @@ export default {
], ],
tableProps: [ tableProps: [
{ {
prop: 'groupTime', prop: 'tableTime',
label: '日期', label: '日期',
minWidth: 100, minWidth: 100,
showOverflowtooltip: true showOverflowtooltip: true
@ -229,7 +229,7 @@ export default {
{ {
prop: 'yieldRate', prop: 'yieldRate',
label: '良品率%', label: '良品率%',
filter: (val) => (val * 100) + '%' filter: (val) => val + '%'
}, },
], ],
tableData: [], tableData: [],
@ -334,17 +334,17 @@ export default {
} }
}, },
async getDataList() { async getDataList() {
const res = await getProduceDataPage(this.listQuery) // const res = await getProduceDataPage(this.listQuery)
console.log(res) // console.log(res)
if (res.code === 0) { // if (res.code === 0) {
this.tableData = res.data.records // this.tableData = res.data.records
this.listQuery.total = res.data.total // this.listQuery.total = res.data.total
// if (this.listQuery.total > 0) { // if (this.listQuery.total > 0) {
// this.tableData.forEach(item => { // this.tableData.forEach(item => {
// item.tableTime = item?.reportDate?.length > 0 ? item.reportDate[0] + '-' + item.reportDate[1] + '-' + item.reportDate[2] : '--' // item.tableTime = item?.reportDate?.length > 0 ? item.reportDate[0] + '-' + item.reportDate[1] + '-' + item.reportDate[2] : '--'
// }) // })
// } // }
} // }
// //
await prodOutputDataList({ await prodOutputDataList({

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-04-17 16:31:51 * @Date: 2024-04-17 16:31:51
* @LastEditTime: 2024-06-04 16:45:52 * @LastEditTime: 2024-05-29 14:06:16
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -63,12 +63,12 @@
</small-title> </small-title>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片产量(片)" prop="chipYield"> <el-form-item label="芯片产量" prop="chipYield">
<el-input-number v-model="dataForm.chipYield" :precision="0" controls-position="right" placeholder="请输入芯片产量" style="width: 100%" /> <el-input-number v-model="dataForm.chipYield" :precision="0" controls-position="right" placeholder="请输入芯片产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片良率(%)" prop="chipYieldRate"> <el-form-item label="芯片良率" prop="chipYieldRate">
<el-input-number v-model="dataForm.chipYieldRate" :precision="2" :max="100" controls-position="right" placeholder="请输入芯片良率" style="width: 100%" /> <el-input-number v-model="dataForm.chipYieldRate" :precision="2" :max="100" controls-position="right" placeholder="请输入芯片良率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -78,47 +78,47 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片总功率(MW)" prop="chipTotalPower"> <el-form-item label="芯片总功率" prop="chipTotalPower">
<el-input-number v-model="dataForm.chipTotalPower" :precision="2" controls-position="right" placeholder="请输入芯片总功率" style="width: 100%" /> <el-input-number v-model="dataForm.chipTotalPower" :precision="2" controls-position="right" placeholder="请输入芯片总功率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="ftype === 0" label="FTO投入量(片)" prop="ftoInput"> <el-form-item v-if="ftype === 0" label="FTO投入量" prop="ftoInput">
<el-input-number v-model="dataForm.ftoInput" :precision="0" controls-position="right" placeholder="请输入FTO投入量" style="width: 100%" /> <el-input-number v-model="dataForm.ftoInput" :precision="0" controls-position="right" placeholder="请输入FTO投入量" style="width: 100%" />
</el-form-item> </el-form-item>
<el-form-item v-else label="钼电极投入量(片)" prop="molybdenumElectrodeInput"> <el-form-item v-else label="钼电极投入量" prop="molybdenumElectrodeInput">
<el-input-number v-model="dataForm.molybdenumElectrodeInput" :precision="0" controls-position="right" placeholder="请输入钼电极投入量" style="width: 100%" /> <el-input-number v-model="dataForm.molybdenumElectrodeInput" :precision="0" controls-position="right" placeholder="请输入钼电极投入量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="ftype === 0" label="CSS稼动率(%)" prop="chipCssMarriageRate"> <el-form-item v-if="ftype === 0" label="CSS稼动率" prop="chipCssMarriageRate">
<el-input-number v-model="dataForm.chipCssMarriageRate" :precision="2" controls-position="right" placeholder="请输入CSS稼动率" style="width: 100%" /> <el-input-number v-model="dataForm.chipCssMarriageRate" :precision="2" controls-position="right" placeholder="请输入CSS稼动率" style="width: 100%" />
</el-form-item> </el-form-item>
<el-form-item v-else label="PID6稼动率(%)" prop="chipCssMarriageRate"> <el-form-item v-else label="PID6稼动率" prop="chipCssMarriageRate">
<el-input-number v-model="dataForm.chipCssMarriageRate" :precision="2" controls-position="right" placeholder="请输入PID6稼动率" style="width: 100%" /> <el-input-number v-model="dataForm.chipCssMarriageRate" :precision="2" controls-position="right" placeholder="请输入PID6稼动率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片段OEE(%)" prop="chipOee"> <el-form-item label="芯片段OEE" prop="chipOee">
<el-input-number v-model="dataForm.chipOee" :precision="2" controls-position="right" placeholder="请输入芯片段OEE" style="width: 100%" /> <el-input-number v-model="dataForm.chipOee" :precision="2" controls-position="right" placeholder="请输入芯片段OEE" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片平均功率(W)" prop="chipAveragePower"> <el-form-item label="芯片平均功率" prop="chipAveragePower">
<el-input-number v-model="dataForm.chipAveragePower" :precision="2" controls-position="right" placeholder="请输入芯片平均功率" style="width: 100%" /> <el-input-number v-model="dataForm.chipAveragePower" :precision="2" controls-position="right" placeholder="请输入芯片平均功率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片人均产量(片/人)" prop="chipAnnualAverageProduction"> <el-form-item label="芯片人均产量" prop="chipAnnualAverageProduction">
<el-input-number v-model="dataForm.chipAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入芯片人均产量" style="width: 100%" /> <el-input-number v-model="dataForm.chipAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入芯片人均产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片产能利用率(%)" prop="chipCapacityUtilizationRate"> <el-form-item label="芯片产能利用率" prop="chipCapacityUtilizationRate">
<el-input-number v-model="dataForm.chipCapacityUtilizationRate" :precision="2" controls-position="right" placeholder="请输入芯片产能利用率" style="width: 100%" /> <el-input-number v-model="dataForm.chipCapacityUtilizationRate" :precision="2" controls-position="right" placeholder="请输入芯片产能利用率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -134,39 +134,39 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="封装线OEE(%)" prop="componentOee"> <el-form-item label="封装线OEE" prop="componentOee">
<el-input-number v-model="dataForm.componentOee" :precision="2" controls-position="right" placeholder="请输入封装线OEE" style="width: 100%" /> <el-input-number v-model="dataForm.componentOee" :precision="2" controls-position="right" placeholder="请输入封装线OEE" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准组件良率(%)" prop="componentYieldRate"> <el-form-item label="标准组件良率" prop="componentYieldRate">
<el-input-number v-model="dataForm.componentYieldRate" :precision="2" controls-position="right" placeholder="请输入标准组件良率" style="width: 100%" /> <el-input-number v-model="dataForm.componentYieldRate" :precision="2" controls-position="right" placeholder="请输入标准组件良率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准组件产量(片)" prop="componentYield"> <el-form-item label="标准组件产量" prop="componentYield">
<el-input-number v-model="dataForm.componentYield" :precision="0" controls-position="right" placeholder="请输入标准组件产量" style="width: 100%" /> <el-input-number v-model="dataForm.componentYield" :precision="0" controls-position="right" placeholder="请输入标准组件产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准组件总功率(MW)" prop="componentTotalPower"> <el-form-item label="标准组件总功率" prop="componentTotalPower">
<el-input-number v-model="dataForm.componentTotalPower" :precision="2" controls-position="right" placeholder="请输入标准组件总功率" style="width: 100%" /> <el-input-number v-model="dataForm.componentTotalPower" :precision="2" controls-position="right" placeholder="请输入标准组件总功率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="封装产能利用率(%)" prop="componentCapacityUtilizationRate"> <el-form-item label="封装产能利用率" prop="componentCapacityUtilizationRate">
<el-input-number v-model="dataForm.componentCapacityUtilizationRate" :precision="2" controls-position="right" placeholder="请输入封装产能利用率" style="width: 100%" /> <el-input-number v-model="dataForm.componentCapacityUtilizationRate" :precision="2" controls-position="right" placeholder="请输入封装产能利用率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准组件人均产量(片/人)" prop="componentAnnualAverageProduction"> <el-form-item label="标准组件人均产量" prop="componentAnnualAverageProduction">
<el-input-number v-model="dataForm.componentAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入标准组件人均产量" style="width: 100%" /> <el-input-number v-model="dataForm.componentAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入标准组件人均产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准组件平均功率(W)" prop="componentAveragePower"> <el-form-item label="标准组件平均功率" prop="componentAveragePower">
<el-input-number v-model="dataForm.componentAveragePower" :precision="2" controls-position="right" placeholder="请输入标准组件平均功率" style="width: 100%" /> <el-input-number v-model="dataForm.componentAveragePower" :precision="2" controls-position="right" placeholder="请输入标准组件平均功率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -178,39 +178,39 @@
</small-title> </small-title>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="产品产量(㎡)" prop="bipvProductOutput"> <el-form-item label="产品产量" prop="bipvProductOutput">
<el-input-number v-model="dataForm.bipvProductOutput" :precision="0" controls-position="right" placeholder="请输入产品产量" style="width: 100%" /> <el-input-number v-model="dataForm.bipvProductOutput" :precision="0" controls-position="right" placeholder="请输入产品产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="人均产量(㎡/人)" prop="bipvAnnualAverageProduction"> <el-form-item label="人均产量" prop="bipvAnnualAverageProduction">
<el-input-number v-model="dataForm.bipvAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入人均产量" style="width: 100%" /> <el-input-number v-model="dataForm.bipvAnnualAverageProduction" :precision="2" controls-position="right" placeholder="请输入人均产量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片使用量(片)" prop="bipvChipUsage"> <el-form-item label="芯片使用量" prop="bipvChipUsage">
<el-input-number v-model="dataForm.bipvChipUsage" :precision="0" controls-position="right" placeholder="请输入芯片使用量" style="width: 100%" /> <el-input-number v-model="dataForm.bipvChipUsage" :precision="0" controls-position="right" placeholder="请输入芯片使用量" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="芯片利用率(%)" prop="bipvChipUtilizationRate"> <el-form-item label="芯片利用率" prop="bipvChipUtilizationRate">
<el-input-number v-model="dataForm.bipvChipUtilizationRate" :precision="2" controls-position="right" placeholder="请输入芯片利用率" style="width: 100%" /> <el-input-number v-model="dataForm.bipvChipUtilizationRate" :precision="2" controls-position="right" placeholder="请输入芯片利用率" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" style="padding: 0 32px;"> <el-row :gutter="24" style="padding: 0 32px;">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="内部材料成本(元/㎡)" prop="bipvInsideMaterialCost"> <el-form-item label="内部材料成本" prop="bipvInsideMaterialCost">
<el-input-number v-model="dataForm.bipvInsideMaterialCost" :precision="2" controls-position="right" placeholder="请输入内部材料成本" style="width: 100%" /> <el-input-number v-model="dataForm.bipvInsideMaterialCost" :precision="2" controls-position="right" placeholder="请输入内部材料成本" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="OEM及委外材料成本(元/㎡)" prop="bipvOeeMaterialCost"> <el-form-item label="OEM及委外材料成本" prop="bipvOeeMaterialCost">
<el-input-number v-model="dataForm.bipvOeeMaterialCost" :precision="2" controls-position="right" placeholder="请输入OEM及委外材料成本" style="width: 100%" /> <el-input-number v-model="dataForm.bipvOeeMaterialCost" :precision="2" controls-position="right" placeholder="请输入OEM及委外材料成本" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="综合材料成本(元/㎡)" prop="bipvComprehensiveMaterialCost"> <el-form-item label="综合材料成本" prop="bipvComprehensiveMaterialCost">
<el-input-number v-model="dataForm.bipvComprehensiveMaterialCost" :precision="2" controls-position="right" placeholder="请输入综合材料成本" style="width: 100%" /> <el-input-number v-model="dataForm.bipvComprehensiveMaterialCost" :precision="2" controls-position="right" placeholder="请输入综合材料成本" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-11-06 15:15:30 * @Date: 2023-11-06 15:15:30
* @LastEditTime: 2024-06-04 16:54:46 * @LastEditTime: 2024-06-03 15:42:47
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -31,11 +31,11 @@
</small-title> </small-title>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片产量()</p> <p class="title">芯片产量</p>
<p class="text">{{ dataForm.chipYield }}</p> <p class="text">{{ dataForm.chipYield }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片良率(%)</p> <p class="title">芯片良率</p>
<p class="text">{{ dataForm.chipYieldRate }}</p> <p class="text">{{ dataForm.chipYieldRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -43,35 +43,35 @@
<p class="text">{{ dataForm.chipBom }}</p> <p class="text">{{ dataForm.chipBom }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片总功率(MW)</p> <p class="title">芯片总功率</p>
<p class="text">{{ dataForm.chipTotalPower }}</p> <p class="text">{{ dataForm.chipTotalPower }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">{{ ['FTO投入量(片)', '钼电极投入量(片)'][ftype] }}</p> <p class="title">{{ ftype === 0 ? 'FTO投入量' : '钼电极投入量' }}</p>
<p class="text">{{ [dataForm.ftoInput, dataForm.molybdenumElectrodeInput][ftype] }}</p> <p class="text">{{ ftype === 0 ? dataForm.ftoInput : dataForm.molybdenumElectrodeInput }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">{{ ['CSS稼动率(%)', 'PID6稼动率(%)'][ftype] }}</p> <p class="title">{{ ftype === 0 ? 'CSS稼动率' : 'PID6稼动率' }}</p>
<p class="text">{{ dataForm.chipCssMarriageRate }}</p> <p class="text">{{ dataForm.chipCssMarriageRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片段OEE(%)</p> <p class="title">芯片段OEE</p>
<p class="text">{{ dataForm.chipOee }}</p> <p class="text">{{ dataForm.chipOee }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片平均功率(W)</p> <p class="title">芯片平均功率</p>
<p class="text">{{ dataForm.chipAveragePower }}</p> <p class="text">{{ dataForm.chipAveragePower }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片人均产量(/)</p> <p class="title">芯片人均产量</p>
<p class="text">{{ dataForm.chipAnnualAverageProduction }}</p> <p class="text">{{ dataForm.chipAnnualAverageProduction }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片产能利用率(%)</p> <p class="title">芯片产能利用率</p>
<p class="text">{{ dataForm.chipCapacityUtilizationRate }}</p> <p class="text">{{ dataForm.chipCapacityUtilizationRate }}</p>
</el-col> </el-col>
</el-row> </el-row>
@ -84,33 +84,33 @@
<p class="text">{{ dataForm.componentBom }}</p> <p class="text">{{ dataForm.componentBom }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">封装线OEE(%)</p> <p class="title">封装线OEE</p>
<p class="text">{{ dataForm.componentOee }}</p> <p class="text">{{ dataForm.componentOee }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件良率(%)</p> <p class="title">标准组件良率</p>
<p class="text">{{ dataForm.componentYieldRate }}</p> <p class="text">{{ dataForm.componentYieldRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件产量()</p> <p class="title">标准组件产量</p>
<p class="text">{{ dataForm.componentYield }}</p> <p class="text">{{ dataForm.componentYield }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件总功率(MW)</p> <p class="title">标准组件总功率</p>
<p class="text">{{ dataForm.componentTotalPower }}</p> <p class="text">{{ dataForm.componentTotalPower }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">封装产能利用率(%)</p> <p class="title">封装产能利用率</p>
<p class="text">{{ dataForm.componentCapacityUtilizationRate }}</p> <p class="text">{{ dataForm.componentCapacityUtilizationRate }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件人均产量(/)</p> <p class="title">标准组件人均产量</p>
<p class="text">{{ dataForm.componentAnnualAverageProduction }}</p> <p class="text">{{ dataForm.componentAnnualAverageProduction }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">标准组件平均功率(W)</p> <p class="title">标准组件平均功率</p>
<p class="text">{{ dataForm.componentAveragePower }}</p> <p class="text">{{ dataForm.componentAveragePower }}</p>
</el-col> </el-col>
</el-row> </el-row>
@ -119,33 +119,33 @@
</small-title> </small-title>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">产品产量()</p> <p class="title">产品产量</p>
<p class="text">{{ dataForm.bipvProductOutput }}</p> <p class="text">{{ dataForm.bipvProductOutput }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">人均产量(/)</p> <p class="title">人均产量</p>
<p class="text">{{ dataForm.bipvAnnualAverageProduction }}</p> <p class="text">{{ dataForm.bipvAnnualAverageProduction }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片使用量()</p> <p class="title">芯片使用量</p>
<p class="text">{{ dataForm.bipvChipUsage }}</p> <p class="text">{{ dataForm.bipvChipUsage }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">芯片利用率(%)</p> <p class="title">芯片利用率</p>
<p class="text">{{ dataForm.bipvChipUtilizationRate }}</p> <p class="text">{{ dataForm.bipvChipUtilizationRate }}</p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="6"> <el-col :span="6">
<p class="title">内部材料成本(/)</p> <p class="title">内部材料成本</p>
<p class="text">{{ dataForm.bipvInsideMaterialCost }}</p> <p class="text">{{ dataForm.bipvInsideMaterialCost }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">OEM及委外材料成本(/)</p> <p class="title">OEM及委外材料成本</p>
<p class="text">{{ dataForm.bipvOeeMaterialCost }}</p> <p class="text">{{ dataForm.bipvOeeMaterialCost }}</p>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="title">综合材料成本(/)</p> <p class="title">综合材料成本</p>
<p class="text">{{ dataForm.bipvComprehensiveMaterialCost }}</p> <p class="text">{{ dataForm.bipvComprehensiveMaterialCost }}</p>
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-04-15 10:49:13 * @Date: 2024-04-15 10:49:13
* @LastEditTime: 2024-06-05 16:19:04 * @LastEditTime: 2024-06-03 16:02:56
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -30,7 +30,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.date === 1 || listQuery.date === ''" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.date === 1 || listQuery.date === ''" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.reportTime" type="daterange" range-separator="" <el-date-picker size="small" clearable v-model="listQuery.reportTime" type="datetimerange" range-separator=""
start-placeholder="开始日期" value-format="yyyyMMdd" @change="changeDayTime" end-placeholder="结束日期"> start-placeholder="开始日期" value-format="yyyyMMdd" @change="changeDayTime" end-placeholder="结束日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
@ -565,9 +565,8 @@ export default {
}, },
changeTime() { changeTime() {
if (this.listQuery.reportTime) { if (this.listQuery.reportTime) {
const years = Number(this.listQuery.reportTime[1].slice(0, 4)) - Number(this.listQuery.reportTime[0].slice(0, 4)) const numDays = Number(this.listQuery.reportTime[1]) - Number(this.listQuery.reportTime[0])
const months = Number(this.listQuery.reportTime[1].slice(4)) - Number(this.listQuery.reportTime[0].slice(4)) if (numDays > 24) {
if (years * 12 + months > 24) {
this.$message({ this.$message({
message: '时间范围不能超过24个月', message: '时间范围不能超过24个月',
type: 'warning' type: 'warning'

View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-11-06 15:15:30 * @Date: 2023-11-06 15:15:30
* @LastEditTime: 2024-06-05 15:39:35 * @LastEditTime: 2024-06-03 10:17:33
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
@ -94,7 +94,7 @@
// import basicAdd from './basic-add'; // import basicAdd from './basic-add';
import * as echarts from 'echarts' import * as echarts from 'echarts'
import resize from '@/mixins/resize' import resize from '@/mixins/resize'
import { getWorkOrderDetail } from '@/api/produceData/order'; import { getWorkOrderDetail, getEqNum, getDailyTrend } from '@/api/produceData/order';
import SmallTitle from './SmallTitle'; import SmallTitle from './SmallTitle';
import jsPDF from 'jspdf'; import jsPDF from 'jspdf';
import html2canvas from 'html2canvas'; import html2canvas from 'html2canvas';
@ -167,33 +167,19 @@ export default {
}) })
if (id) { if (id) {
getWorkOrderDetail(id).then(res => { getWorkOrderDetail(id).then(res => {
if (res.code === 0) { this.dataForm = res.data
this.dataForm = res.data.prodWorkOrderDO
this.buildChart(this.dataForm) this.buildChart(this.dataForm)
// if (this.dataForm.orderStatus === 1) {
const xAxisList = Object.keys(res.data.inProcessDis) this.trend()
const yAxisList = Object.values(res.data.inProcessDis) }
this.initEqLineChart(xAxisList, yAxisList) })
// getEqNum(id).then(response => {
const seriesList = [] if (response.code === 0) {
const dateList = [] const xAxisList = Object.keys(response.data)
res.data.his.forEach(element => { const yAxisList = Object.values(response.data)
seriesList.push(element.actualProduction) this.initEqLineChart(xAxisList, yAxisList)
dateList.push(element.recordTime[0] + '-' + element.recordTime[1] + '-' + element.recordTime[2])
})
this.initLineChart(dateList, seriesList)
} }
// if (this.dataForm.orderStatus === 1) {
// this.trend()
// }
}) })
// getEqNum(id).then(response => {
// if (response.code === 0) {
// const xAxisList = Object.keys(response.data)
// const yAxisList = Object.values(response.data)
// this.initEqLineChart(xAxisList, yAxisList)
// }
// })
} }
}, },

View File

@ -6,143 +6,60 @@
* @Description: * @Description:
--> -->
<template> <template>
<div <div style="display: flex; flex-direction: column; min-height: calc(100vh - 96px - 31px)">
style=" <div class="app-container" style="padding: 16px 24px 0; max-height: 45vh; flex-grow: 1;">
display: flex;
flex-direction: column;
min-height: calc(100vh - 96px - 31px);
"
>
<div
class="app-container"
style="padding: 16px; max-height: 45vh; flex-grow: 1"
>
<!-- <div style="position: relative;z-index: 999;"> --> <!-- <div style="position: relative;z-index: 999;"> -->
<el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip"> <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip">
<el-form-item label="时间维度" prop="reportTime"> <el-form-item label="时间维度" prop="reportTime">
<el-select <el-select clearable v-model="timeSelect" placeholder="请选择">
clearable <el-option v-for="item in timeList" :key="item.value" :label="item.label" :value="item.value">
v-model="timeSelect"
placeholder="请选择"
style="width: 80px"
>
<el-option
v-for="item in timeList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item v-show="timeSelect === 'month'" label="时间范围" prop="reportTime">
v-show="timeSelect === 'month'" <el-date-picker clearable v-model="listQuery.reportTime" type="monthrange" range-separator=""
label="时间范围" start-placeholder="开始月份" end-placeholder="结束月份" @change="changeTime">
prop="reportTime"
>
<el-date-picker
clearable
v-model="listQuery.reportTime"
type="monthrange"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份"
@change="changeTime"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item v-show="timeSelect === 'year'" label="时间范围" prop="reportTime">
v-show="timeSelect === 'year'" <el-date-picker clearable v-model="listQuery.reportTime[0]" value-format="yyyy" type="year"
label="时间范围" placeholder="开始时间">
prop="reportTime"
>
<el-date-picker
clearable
v-model="listQuery.reportTime[0]"
value-format="yyyy"
type="year"
placeholder="开始时间"
>
</el-date-picker> </el-date-picker>
~ ~
<el-date-picker <el-date-picker v-model="listQuery.reportTime[1]" value-format="yyyy" type="year" placeholder="结束时间"
v-model="listQuery.reportTime[1]" @change="getYear">
value-format="yyyy"
type="year"
placeholder="结束时间"
@change="getYear"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="工厂名称" prop="factoryId"> <el-form-item label="工厂名称" prop="factoryId">
<el-select <el-select clearable v-model="listQuery.factoryId" placeholder="请选择工厂名称">
multiple <el-option v-for="item in factoryList" :key="item.id" :label="item.name" :value="item.id">
collapse-tags
v-model="listQuery.factoryId"
placeholder="请选择工厂名称"
>
<el-option
v-for="item in factoryList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="玻璃类型" prop="type"> <el-form-item label="玻璃类型" prop="type">
<el-select <el-select clearable v-model="listQuery.type" placeholder="请选择玻璃类型">
clearable <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
v-model="listQuery.type"
placeholder="请选择玻璃类型"
style="width: 120px"
>
<el-option
v-for="item in typeList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="getDataList" <el-button type="primary" size="small" @click="getDataList">查询</el-button>
>查询</el-button <el-button type="primary" size="small" plain @click="handleExport">导出</el-button>
>
<el-button type="primary" size="small" plain @click="handleExport"
>导出</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- </div> --> <!-- </div> -->
<!-- <el-row style="height: 500px;"> --> <!-- <el-row style="height: 500px;"> -->
<!-- <div> --> <!-- <div> -->
<line-chart <line-chart class="yearChart" ref="lineChart" style="height: 35vh;width: 100%"></line-chart>
class="yearChart"
ref="lineChart"
style="height: 35vh; width: 100%"
></line-chart>
<!-- </div> --> <!-- </div> -->
<!-- </el-row> --> <!-- </el-row> -->
</div> </div>
<!-- <el-row style="height: 400px;"> --> <!-- <el-row style="height: 400px;"> -->
<!-- </el-row> --> <!-- </el-row> -->
<div <div class="app-container" style="margin-top: 18px; height: unset; flex-grow: 1; padding: 16px;">
class="app-container" <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
style="margin-top: 18px; height: unset; flex-grow: 1; padding: 16px" <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize"
> :table-data="tableData">
<search-bar
:formConfigs="formConfig"
ref="searchBarForm"
@headBtnClick="buttonClick"
/>
<base-table
:table-props="tableProps"
:page="listQuery.pageNo"
:limit="listQuery.pageSize"
:table-data="tableData"
>
</base-table> </base-table>
</div> </div>
</div> </div>
@ -152,9 +69,9 @@
// import { parseTime } from '../../core/mixins/code-filter'; // import { parseTime } from '../../core/mixins/code-filter';
// import { getGlassPage, exportGlasscExcel } from '@/api/report/glass'; // import { getGlassPage, exportGlasscExcel } from '@/api/report/glass';
// import inputTable from './inputTable.vue'; // import inputTable from './inputTable.vue';
import { report } from "process"; import { report } from 'process';
import lineChart from "./lineChart"; import lineChart from './lineChart';
import moment from "moment"; import moment from 'moment'
// import FileSaver from 'file-saver' // import FileSaver from 'file-saver'
// import * as XLSX from 'xlsx' // import * as XLSX from 'xlsx'
export default { export default {
@ -168,62 +85,50 @@ export default {
total: 0, total: 0,
type: null, type: null,
// reportType: 2, // reportType: 2,
reportTime: [], reportTime: []
}, },
// startDatePicker: this.beginDate(), // startDatePicker: this.beginDate(),
// endDatePicker: this.processDate(), // endDatePicker: this.processDate(),
yeartsStart: "", yeartsStart: '',
yeartsEnd: "", yeartsEnd: '',
urlOptions: { urlOptions: {
// getDataListURL: getGlassPage, // getDataListURL: getGlassPage,
// exportURL: exportGlasscExcel // exportURL: exportGlasscExcel
}, },
timeList: [ timeList: [
{ {
value: "day", value: 'month',
label: "日", label:'月'
}, },
{ {
value: "week", value: 'year',
label: "周", label: '年'
}, }
{
value: "month",
label: "月",
},
{
value: "year",
label: "年",
},
], ],
factoryList: [ factoryList: [
{ {
name: "瑞昌", name: '测试',
id: 1, id:1
}, }
{
name: "邯郸",
id: 2,
},
], ],
typeList: [ typeList: [
{ {
name: "芯片", name: '芯片',
id:0, id:0,
}, },
{ {
name: "标准组件", name: '标准组件',
id: 1, id: 1,
}, },
{ {
name: "BIPV产品", name: 'BIPV产品',
id: 2, id: 2,
}, },
], ],
formConfig: [ formConfig: [
{ {
type: "title", type: 'title',
label: "报表管理", label: '报表管理',
}, },
], ],
tableProps: [ tableProps: [
@ -235,72 +140,69 @@ export default {
// filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'), // filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
// }, // },
{ {
prop: "userName", prop: 'userName',
label: "科目", label: '科目',
}, },
{ {
prop: "nickName", prop: 'nickName',
label: "类别", label: '类别',
}, },
{ {
prop: "datas", prop: 'datas',
label: "数值", label: '数值',
// subcomponent: row // subcomponent: row
}, },
{ {
prop: "unit", prop: 'unit',
label: "单位", label: '单位',
// subcomponent: row // subcomponent: row
}, },
{ {
prop: "remark", prop: 'remark',
label: "备注", label: '备注',
// subcomponent: row // subcomponent: row
}, }
], ],
timeSelect: "month", timeSelect:'month',
startTimeStamp:null, // startTimeStamp:null, //
endTimeStamp:null, // endTimeStamp:null, //
date: "凯盛玻璃控股成员企业2024生产数据", date:'凯盛玻璃控股成员企业2024生产数据',
// reportTime: '', // reportTime: '',
startTimeStamp: "", startTimeStamp: '',
endTimeStamp: "", endTimeStamp: '',
tableData: [ tableData: [
{ {
userName: "userName", userName: 'userName',
nickName: "用户名", nickName: '用户名',
datas: "111111", datas:'111111'
}, },
{ {
userName: "userName", userName: 'userName',
nickName: "用户名", nickName: '用户名',
datas: "111111", datas: '111111'
}, },
{ {
userName: "userName", userName: 'userName',
nickName: "用户名", nickName: '用户名',
datas: "111111", datas: '111111'
// subcomponent: row // subcomponent: row
}, }
], ],
// proLineList: [], // proLineList: [],
// all: {} // all: {}
}; };
}, },
mounted() { mounted() {
this.getDict(); this.getDict()
// this.getCurrentYearFirst() // this.getCurrentYearFirst()
// this.getDataList() // this.getDataList()
}, },
methods: { methods: {
getYear(e) { getYear(e) {
if ( if (this.listQuery.reportTime[0] && e - this.listQuery.reportTime[0] > 10) {
this.listQuery.reportTime[0] &&
e - this.listQuery.reportTime[0] > 10
) {
this.$message({ this.$message({
message: "年份起止时间不能超过十年", message: '年份起止时间不能超过十年',
type: "warning", type: 'warning'
}); });
// console.log(); // console.log();
} }
@ -308,34 +210,24 @@ export default {
}, },
changeTime() { changeTime() {
if (this.listQuery.reportTime) { if (this.listQuery.reportTime) {
this.createStartDate = moment( this.createStartDate = moment(new Date(this.listQuery.reportTime[0]), 'yyyy-MM-dd hh:mm:ss');
new Date(this.listQuery.reportTime[0]), this.createEndDate = moment(new Date(this.listQuery.reportTime[1]), 'yyyy-MM-dd hh:mm:ss');
"yyyy-MM-dd hh:mm:ss" const numDays = (new Date(this.listQuery.reportTime[1]).getTime() - new Date(this.listQuery.reportTime[0]).getTime()) / (24 * 3600 * 1000); if (numDays > 730) {
);
this.createEndDate = moment(
new Date(this.listQuery.reportTime[1]),
"yyyy-MM-dd hh:mm:ss"
);
const numDays =
(new Date(this.listQuery.reportTime[1]).getTime() -
new Date(this.listQuery.reportTime[0]).getTime()) /
(24 * 3600 * 1000);
if (numDays > 730) {
this.$message({ this.$message({
message: "时间范围不能超过24个月", message: '时间范围不能超过24个月',
type: "warning", type: 'warning'
}); });
this.listQuery.reportTime = []; this.listQuery.reportTime = [];
this.createStartDate = ""; this.createStartDate = '';
this.createEndDate = ""; this.createEndDate = '';
} }
} else { } else {
this.createStartDate = ""; this.createStartDate = '';
this.createEndDate = ""; this.createEndDate = '';
} }
}, },
async getDict() { async getDict() {
this.$refs.lineChart.initChart(); this.$refs.lineChart.initChart()
// 线 // 线
// const res = await getCorePLList(); // const res = await getCorePLList();
// this.proLineList = res.data; // this.proLineList = res.data;
@ -351,24 +243,26 @@ export default {
} }
floatVal = Math.round(str * 10000) / 100; floatVal = Math.round(str * 10000) / 100;
let strVal = floatVal.toString(); let strVal = floatVal.toString();
let searchVal = strVal.indexOf("."); let searchVal = strVal.indexOf('.');
if (searchVal < 0) { if (searchVal < 0) {
searchVal = strVal.length; searchVal = strVal.length;
strVal += "."; strVal += '.';
} }
while (strVal.length <= searchVal + 2) { while (strVal.length <= searchVal + 2) {
strVal += "0"; strVal += '0';
} }
return parseFloat(strVal); return parseFloat(strVal);
} }
},
async getDataList() {
}, },
async getDataList() {},
add0(m) { add0(m) {
return m < 10 ? "0" + m : m; return m < 10 ? '0' + m : m
}, },
format(shijianchuo) { format(shijianchuo) {
//shijianchuoparseInt //shijianchuoparseInt
var time = moment(new Date(shijianchuo)).format("YYYY-MM-DD HH:mm:ss"); var time = moment(new Date(shijianchuo)).format('YYYY-MM-DD HH:mm:ss')
// console.log(time) // console.log(time)
// var y = time.getFullYear(); // var y = time.getFullYear();
// var m = time.getMonth() + 1; // var m = time.getMonth() + 1;
@ -376,7 +270,7 @@ export default {
// var h = time.getHours(); // var h = time.getHours();
// var mm = time.getMinutes(); // var mm = time.getMinutes();
// var s = time.getSeconds(); // var s = time.getSeconds();
return time; return time
}, },
// changeTime(val) { // changeTime(val) {
// if (val) { // if (val) {
@ -401,23 +295,17 @@ export default {
var year = 1900 + unixtimestamp.getYear(); var year = 1900 + unixtimestamp.getYear();
var month = "0" + (unixtimestamp.getMonth() + 1); var month = "0" + (unixtimestamp.getMonth() + 1);
var date = "0" + unixtimestamp.getDate(); var date = "0" + unixtimestamp.getDate();
return ( return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date.length)
year +
"-" +
month.substring(month.length - 2, month.length) +
"-" +
date.substring(date.length - 2, date.length)
);
}, },
buttonClick(val) { buttonClick(val) {
this.listQuery.reportTime = val.reportTime ? val.reportTime : undefined; this.listQuery.reportTime = val.reportTime ? val.reportTime : undefined;
switch (val.btnName) { switch (val.btnName) {
case "search": case 'search':
this.listQuery.pageNo = 1; this.listQuery.pageNo = 1;
this.listQuery.pageSize = 10; this.listQuery.pageSize = 10;
this.getDataList(); this.getDataList();
break; break;
case "export": case 'export':
this.handleExport(); this.handleExport();
break; break;
default: default:
@ -456,6 +344,7 @@ export default {
// return wbout; // return wbout;
// //do something...... // //do something......
// }) // })
}, },
}, },
}; };
@ -464,15 +353,16 @@ export default {
<style scoped> <style scoped>
.blueTip::before{ .blueTip::before{
display: inline-block; display: inline-block;
content: ""; content: '';
width: 4px; width: 4px;
height: 18px; height: 18px;
background: #0b58ff; background: #0B58FF;
border-radius: 1px; border-radius: 1px;
margin-right: 8px; margin-right: 8PX;
margin-top: 8px; margin-top: 8px;
} }
.app-container { .app-container {
margin: 0 16px 0;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 16px 16px 0; padding: 16px 16px 0;

View File

@ -106,8 +106,6 @@
import { listOperateLog, exportOperateLog } from "@/api/system/operatelog"; import { listOperateLog, exportOperateLog } from "@/api/system/operatelog";
import tableHeightMixin from "@/mixins/tableHeightMixin"; import tableHeightMixin from "@/mixins/tableHeightMixin";
import statusBtn3 from "./../components/statusBtn3.vue"; import statusBtn3 from "./../components/statusBtn3.vue";
import { DICT_TYPE, publicFormatter } from "@/utils/dict";
import { parseTime } from "@/utils/ruoyi";
const tableProps = [ const tableProps = [
{ {
prop: "id", prop: "id",
@ -125,16 +123,9 @@ const tableProps = [
minWidth: 200, minWidth: 200,
showOverflowtooltip: true, showOverflowtooltip: true,
}, },
{
prop: "type",
label: "操作类型",
minWidth: 80,
filter: publicFormatter(DICT_TYPE.SYSTEM_OPERATE_TYPE),
showOverflowtooltip: true,
},
{ {
prop: "userNickname", prop: "userNickname",
label: "操作人", label: "操作人",
minWidth: 80, minWidth: 80,
showOverflowtooltip: true, showOverflowtooltip: true,
}, },
@ -143,13 +134,6 @@ const tableProps = [
label: "操作结果", label: "操作结果",
subcomponent: statusBtn3, subcomponent: statusBtn3,
}, },
{
prop: "startTime",
label: "操作时间",
filter: parseTime,
minWidth: 150,
showOverflowtooltip: true,
},
{ {
prop: "duration", prop: "duration",
label: "执行时长", label: "执行时长",
@ -182,7 +166,6 @@ export default {
labelField: "label", labelField: "label",
valueField: "value", valueField: "value",
param: "type", param: "type",
width: 100,
}, },
{ {
type: "select", type: "select",
@ -192,7 +175,6 @@ export default {
{ id: false, name: "失败" }, { id: false, name: "失败" },
], ],
param: "success", param: "success",
width: 100,
}, },
{ {
type: "datePicker", type: "datePicker",

View File

@ -193,7 +193,6 @@ export default {
console.log(val); console.log(val);
if (val.btnName === "search") { if (val.btnName === "search") {
this.queryParams.pageNo = 1; this.queryParams.pageNo = 1;
this.queryParams.name = val.name;
this.getList(); this.getList();
} else { } else {
this.addOrEditTitle = "新增"; this.addOrEditTitle = "新增";

View File

@ -714,7 +714,7 @@ export default {
// //
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
pageSize: 20, pageSize: 10,
username: undefined, username: undefined,
mobile: undefined, mobile: undefined,
status: undefined, status: undefined,
@ -801,7 +801,7 @@ export default {
console.log(val); console.log(val);
switch (val.btnName) { switch (val.btnName) {
case "search": case "search":
this.handleQuery(val); this.handleQuery();
break; break;
case "addNew": case "addNew":
this.handleAdd(); this.handleAdd();
@ -899,12 +899,8 @@ export default {
this.resetForm("form"); this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery(val) { handleQuery() {
this.queryParams.pageNo = 1; this.queryParams.pageNo = 1;
this.queryParams.username = val.username;
this.queryParams.mobile = val.mobile;
this.queryParams.status = val.status;
this.queryParams.createTime = val.createTime;
this.getList(); this.getList();
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */

17156
yarn.lock

File diff suppressed because it is too large Load Diff