<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="Shortcut Icon" href="../images/aecc.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../StaticFiles/element-ui/element-ui.css">
<link rel="stylesheet" href="../StaticFiles/nprogress/nprogress.min.css">
<link rel="stylesheet" href="../styles/vue-page-common.css">
<script src="../Scripts/vue.min.js"></script>
<script src="../StaticFiles/element-ui/element-ui.js"></script>
<script src="../Scripts/axios.min.js"></script>
<script src="../StaticFiles/nprogress/nprogress.min.js"></script>
<script src="../Scripts/crypto-js.js"></script>
<script src="../Scripts/secret.js"></script>
<script src="../Scripts/dayjs.min.js"></script>
<script src="../Scripts/axios.config.js"></script>
<script src="../Scripts/datav.min.vue.js"></script>
<script src="../Scripts/lodash.min.js"></script>
<title>SQCDP生产绩效看板V2</title>
<style>
html {
background-image: url(../images/bg.jpg);
color: #fff;
}
.header-title {
font-size: 24px !important;
}
.el-form-item__label {
color: #fff;
}
.el-form-item {
margin-bottom: 0px;
}
.svg-box {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.svg-item {
/* 宽高比 3:4 */
width: 195px;
height: 260px;
margin: 0 50px;
}
.chart {
width: 100%;
height: 305px;
}
.dv-scroll-board .row-item {
cursor: pointer;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<div style="padding:0 5px;">
<el-row>
<el-col :span="6"><img src="../images/aeec_logo.png" height="60" alt="黎阳LOGO" /></el-col>
<el-col :span="12" class="header-title">热表厂SQCDP生产绩效看板V2</el-col>
<el-col :span="6" class="currentTime">{{currentTime}}</el-col>
</el-row>
<!-- 查询区 -->
<el-form :inline="true" :model="queryInfo" ref="queryInfoRef" style="margin: 0 10px" :label-position="'left'"
:rules="rules">
<el-form-item label="年月:" prop="yearmonth">
<el-date-picker v-model="queryInfo.yearmonth" type="month" value-format="yyyy-MM" style="width: 120px;"
@change="selectYearMonthChange">
</el-date-picker>
</el-form-item>
<el-form-item label="指标颗粒度:" prop="selectOrg">
<el-cascader :options="orginazition" :props="{ checkStrictly: true}" ref="orginazitionRef"
v-model="queryInfo.selectOrg" clearable style="width:340px;">
</el-cascader>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="small" @click="getData">查询</el-button>
</el-form-item>
</el-form>
<!-- SQCDP -->
<div class="svg-box">
<div class="svg-item" id="svg-s"></div>
<div class="svg-item" id="svg-q"></div>
<div class="svg-item" id="svg-c"></div>
<div class="svg-item" id="svg-d"></div>
<div class="svg-item" id="svg-p"></div>
</div>
<!-- S、Q、C svg -->
<el-row>
<el-col :span="8">
<dv-border-box-11 title="S 三违及安全隐患" style="padding-top:40px;">
<div class="chart" id="s-chart"></div>
</dv-border-box-11>
</el-col>
<el-col :span="8" style="position:relative;">
<div class="tooltip">
统计说明
<el-popover placement="top-start" title="一次交检合格率计算规则:" width="600" trigger="hover">
<i class="el-icon-info" slot="reference"></i>
<p>统计每日已检验批次中，未产生报废的批次所占比率。</p>
</div>
<dv-border-box-11 title="Q 一次交检合格率" style="padding-top:40px;">
<div class="chart" id="q-chart"></div>
</dv-border-box-11>
</el-col>
<el-col :span="8" style="position:relative;">
<div class="tooltip">
统计说明
<el-popover placement="top-start" title="在制品批次数计算规则:" width="600" trigger="hover">
<i class="el-icon-info" slot="reference"></i>
<p>统计每日已排产数据中，已转工接收但未检验的批次条目数。</p>
<p>已关闭批次的批次不统计。</p>
</div>
<dv-border-box-11 title="C 在制品批次数" style="padding-top:40px;">
<div class="chart" id="c-chart"></div>
</dv-border-box-11>
</el-col>
</el-row>
<!-- D、P、轮播表 -->
<el-row>
<el-col :span="8" style="position:relative;">
<div class="tooltip">
统计说明
<el-popover placement="top-start" title="计划按时完成率计算规则:" width="800" trigger="hover">
<i class="el-icon-info" slot="reference"></i>
<p>统计：热表厂已排产的批次中，按时完成所占比率。按时完成指：热表厂已检验，且检验时间不晚于排产计划完成时间。</p>
<p>数据筛选规则：</p>
<p>1.主制分厂主卡已排产，并已按时转出。</p>
<p>2.热表厂子卡已排产。</p>
<p>3.热表厂已报废或已关闭子卡不统计。</p>
</div>
<dv-border-box-11 title="D 计划按时完成率" style="padding-top:40px;">
<div class="chart" id="d-chart"></div>
</dv-border-box-11>
</el-col>
<el-col :span="8">
<dv-border-box-11 title="P 培训计划完成率" style="padding-top:40px;">
<div class="chart" id="p-chart"></div>
</dv-border-box-11>
</el-col>
<el-col :span="8">
<dv-border-box-11 title="指标问题描述" style="padding-top:40px;">
<div style="margin: 20px;height: 285px;">
<dv-scroll-board id="scrollBoard" :config="scrollBoardConfig" style="height:265px;width: 100%;"
@click="showData">
</dv-scroll-board>
</div>
</dv-border-box-11>
</el-col>
</el-row>
<!-- s-SVG明细 -->
<el-dialog :title="safeSvgDetail.title" :visible.sync="safeSvgDetail.dialogVisiable" width="98%" :top="'10px'"
:center="'center'">
<el-table v-loading="loading" v-loading.fullscreen.lock="loading" :element-loading-text="loadingText"
element-loading-background="rgba(0,0,0,0.8)" :data="safeSvgDetail.dataList" stripe border>
<el-table-column type="index" width="50"></el-table-column>
<el-table-column label="年月" prop="yearmonth" width="80" show-overflow-tooltip></el-table-column>
<el-table-column label="工区" prop="workcentername" width="140" show-overflow-tooltip></el-table-column>
<el-table-column label="班组" prop="teamname" width="140" show-overflow-tooltip></el-table-column>
<el-table-column label="指标类型" prop="sqcdptype" width="100" show-overflow-tooltip>
<template slot-scope="scope">
<el-tag>
{{scope.row.sqcdptype}}
<span v-if="scope.row.sqcdptype === 'S'">(安全)</span>
<span v-else-if="scope.row.sqcdptype === 'Q'">(质量)</span>
<span v-else-if="scope.row.sqcdptype === 'C'">(成本)</span>
<span v-else-if="scope.row.sqcdptype === 'D'">(交付)</span>
<span v-else>(人员)</span>
</el-tag>
</template>
</el-table-column>
<el-table-column label="指标名称" prop="itemname" show-overflow-tooltip></el-table-column>
<el-table-column label="阈值" prop="threshold" width="80" show-overflow-toolti
mesreport 报表及大屏C# VUE （868个子文件） 
RbAEOSDashBoardV2.ashx 78KB MESFeedBackTaskBoard.ashx 63KB CommonActionHandle.ashx 59KB GZWorkcenterTaskDashBoardV3.ashx 58KB RbAEOSDashBoard.ashx 53KB GZWorkcenterTaskDashBoardV2.ashx 51KB GZTaskDashBoardV3.ashx 48KB GZTaskDashBoardV2.ashx 42KB MfgorderContainerFinishInfoDashBoard.ashx 41KB ContainerCurrentProgressDashBoard.ashx 40KB FeedbackTypeMaint.ashx 39KB GZSpecCapacityDashBoardV2.ashx 38KB RbContainerShipRecordReport.ashx 36KB ZSMonthTaskBoardV2.ashx 35KB RBContainerShipPlanReport.ashx 33KB ContainerShipPlanTrendDashBoard.ashx 33KB ZSWorktimeReport.ashx 31KB EmployeeWorktimeReport.ashx 30KB ContainerStepPlanTrendBoard.ashx 30KB RbWorkcenterShipFinishDashBoard.ashx 29KB ZSDealFaultBillDashBoard.ashx 28KB ZSMonthTaskBoard.ashx 28KB ToolPrapareReport.ashx 27KB StatusOfProductionDashBoard.ashx 26KB APSPlanDashBoardV2.ashx 24KB EmployeeWorkTimeCountReport.ashx 23KB ContainerStepPlanDetailReport.ashx 23KB ContainerCheckInfoLookBoard.ashx 23KB ContainerWipReport.ashx 22KB ZSWorkcenterDealFaultBill.ashx 22KB ZSDeliveryDetail.ashx 21KB ContainerCheckCycleDashBoard.ashx 21KB RbShipFinishInfoDashBoard.ashx 20KB RbAEOSItemMaint.ashx 20KB ContainerShipDashBoardSCB.ashx 20KB ContainerProcessInfoReport.ashx 20KB DealFaultBillTransferReport.ashx 20KB QualityDashBoard.ashx 20KB ContainerStepRecordV2.ashx 19KB RBContainerStepPlan.ashx 19KB MfgorderStepStatusReport.ashx 18KB ZSWorkflownameReport.ashx 18KB RBQueryAllFactoryStepShipPlanInfo.ashx 17KB MESDevicesReport.ashx 17KB ContainerStepRecord.ashx 17KB ContainerStepPlanReport.ashx 16KB ContainerShipRecordReport.ashx 16KB GZCNCSpecDashBoardV2.ashx 16KB ZSTouLiaoInfoReport.ashx 16KB MESMonthDataReport.ashx 15KB CommonHandler.ashx 15KB ContainerStepShipPlan.ashx 15KB RbApsShipFinishDashBoard.ashx 14KB ProblemReport.ashx 14KB ZSWorkPrepareLookBoard.ashx 14KB ZSTechNoticeReport.ashx 14KB GZOrderTypeImportReport.ashx 13KB FactoryStepPlanChartDashBoardNew.ashx 13KB RbContainerShipTZReport.ashx 13KB ZSWIPInfoReport.ashx 13KB employeeReportPageMaint.ashx 13KB ContainerShipRecordLookBoard.ashx 13KB ZSKaoHeLookBoard.ashx 12KB FactoryStepPlanChartDashBoard.ashx 12KB APSPlanReport.ashx 12KB MfgorderCompleteRecord.ashx 12KB ScrapReport.ashx 12KB ZSApsPlanInfoReport.ashx 12KB RbStepCycleInfoQueryReport.ashx 12KB RbSpecialItemPlanDashBoard.ashx 12KB ContainerHoldOrReleaseReport.ashx 11KB CheckPointResultReport.ashx 11KB RbContainerStepPlanMaint.ashx 11KB ZSCompleteReport.ashx 11KB YPContainerStepCheckAndShipReport.ashx 11KB WorkPrepareDashBoard.ashx 11KB ZSEmployeeAllTypeWorktimeReport.ashx 11KB MESDataReport.ashx 11KB ContainerRemainDashBoard.ashx 11KB UserGrantAuthorization.ashx 11KB WorkToolsPrepareReport.ashx 11KB RbContainerShipRecord.ashx 11KB ReportPageMaint.ashx 11KB UserLogin.ashx 11KB PZTouLiaoDashBoard.ashx 11KB GZSkipStepReport.ashx 11KB ZSDispatchReport.ashx 11KB MfgorderFinishRateDashBoard.ashx 10KB ContainerCommissionDashBoard.ashx 10KB RbStepDispatchReport.ashx 10KB WorkreportAndPlanRateReport.ashx 10KB SQCDPDetails.ashx 10KB BpmProblemRoleUsersMaint.ashx 9KB UnqualifiedReasonSpec.ashx 9KB RSFactoryMonthCapacityDashBoard.ashx 9KB RBContainerStepRecord.ashx 9KB MachineTaskPlanReport.ashx 9KB ZSEngineWorktimeReport.ashx 9KB ZSProblemLookBoard.ashx 9KB ZSAEOSLookBoard.ashx 9KB共 868 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
