Compare commits
No commits in common. "1a3599a42bc841a7436b4a41b790e9c41af17237" and "c77130603e4b456a7ff9ecfab6164784792c7b50" have entirely different histories.
1a3599a42b
...
c77130603e
6
.env.dev
6
.env.dev
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
BIN
src/assets/logo/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.7 KiB |
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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,
|
||||||
});
|
});
|
||||||
|
@ -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) {
|
||||||
|
@ -83,7 +83,6 @@ export default {
|
|||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
align: "right",
|
|
||||||
},
|
},
|
||||||
axisTick: {
|
axisTick: {
|
||||||
show: false,
|
show: false,
|
||||||
|
@ -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;
|
||||||
|
@ -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,
|
||||||
|
@ -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>
|
|
@ -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>
|
|
@ -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,
|
||||||
|
@ -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>
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
||||||
|
@ -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 {
|
@ -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>
|
||||||
|
@ -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>
|
|
@ -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>
|
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
@ -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 = [
|
||||||
|
@ -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,
|
||||||
|
@ -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 },
|
||||||
},
|
},
|
||||||
|
@ -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;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -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: {
|
||||||
|
@ -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,
|
||||||
|
@ -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;
|
||||||
|
@ -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: {
|
||||||
|
@ -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">
|
||||||
|
@ -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({
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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'
|
||||||
|
@ -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)
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -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) {
|
||||||
//shijianchuo是整数,否则要parseInt转换
|
//shijianchuo是整数,否则要parseInt转换
|
||||||
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;
|
||||||
|
@ -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",
|
||||||
|
@ -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 = "新增";
|
||||||
|
@ -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();
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
|
Loading…
Reference in New Issue
Block a user