4276 lines
180 KiB
Vue
4276 lines
180 KiB
Vue
<template>
|
||
<div>
|
||
<el-card>
|
||
<span>请选择机床：</span>
|
||
<el-autocomplete
|
||
v-model="searchCriteria"
|
||
:fetch-suggestions="querySearch"
|
||
clearable
|
||
style="width: 200px;margin-left: 10px"
|
||
size="small"
|
||
class="inline-input"
|
||
placeholder="请输入内容"
|
||
@clear="clearMachine"
|
||
@select="handleSelect"/>
|
||
<!--<el-button type="success" icon="el-icon-search" size="mini" style="margin-left: 15px" @click="searchColor">查询</el-button>-->
|
||
</el-card>
|
||
<el-card>
|
||
<div class="main">
|
||
<div class="process">
|
||
<div :class="color[22]" class="module" style="position: relative;left: 1770px;top:220px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：装配部<br>根据营销部门发出发货请求，<br>装配部进行发货</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv23">发货</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[21]" class="module" style="position: relative;left: 1580px;top:220px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：质检部<br>对机床进行总装调试</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv22">总装调试</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[20]" class="module" style="position: relative;left: 1390px;top:220px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：质检部<br>对机床重要部件进行检测</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv21">装配质检</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[19]" class="module" style="position: relative;left: 1185px;top:105px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：电气部<br>电气部长制定装配计划，<br>并记录计划执行情况</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv6">电气装配</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[18]" class="module" style="position: relative;left: 1100px;top:176px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：装配部长<br>装配部长制定装配计划，<br>并记录计划执行情况</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv5">机械装配</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[17]" class="module" style="position: relative;left: 1015px;top:247px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：冷作车间主任<br>冷作车间主任制定冷作计划，<br>并记录计划执行情况</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv7">冷作</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[16]" class="module" style="position: relative;left: 930px;top:319px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：油漆车间主任<br>油漆车间主任制定装配计划，<br>并记录计划执行情况</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv8">油漆</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[15]" class="module" style="position: relative;left: 695px;top:220px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：装配部长<br>此模块用于查询某机床是否达到装配条件，<br>即采购件与自制件是否成组配套</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv9">成组配套</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[14]" class="module" style="position: relative;left: 455px;top:55px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：质检部<br>对自制件进行检测</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv12">自制质检</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[13]" class="module" style="position: relative;left: 373px;top:283px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：质检部<br>对采购件进行检测</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv19">采购质检</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[12]" class="module" style="position: relative;left: 160px;top:110px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：金工车间<br>接收加工任务并使用<br>MES工作站进行报工</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv10">车间加工</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[11]" class="module" style="position: relative;left: -25px;top:-1px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：外协员<br>进行外协加工</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv18">工序外协</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[10]" class="module" style="position: relative;left: -230px;top:54px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：计划员<br>针对做完工艺定额的零件进行排查</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv15">能力平衡</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[9]" class="module" style="position: relative;left: -415px;top:54px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：工艺部<br>制定零件定额</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv14">定额</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[8]" class="module" style="position: relative;left: -597px;top:54px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：工艺部<br>制定零件工艺</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv13">工艺</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[7]" class="module" style="position: relative;left: -805px;top:1px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：下料员<br>对于钢板等自家备料<br>下料员需要在系统确认备料<br>并通知金工领料</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv11">自家备料</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[0]" class="module" style="position: relative;left: -1350px;top:222px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：营销内勤<br>负责创建项目及机床的基础信息，<br>此部分作为系统数据的源头</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv1">签订合同</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[1]" class="module" style="position: relative;left: -1336px;top:222px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：技术员<br>负责导入三表(零件)，<br>组件在项目启动会时提出，<br>由制造总监导入</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv2">产品设计</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[6]" class="module" style="position: relative;left: -1057px;top:110px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：下料员<br>外购物料到货后，由下料员确认备料，<br>并通知金工领料</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv20">外购备料</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[2]" class="module" style="position: relative;left: -1405px;top:222px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：计划员<br>计划员负责将三表中的零件按实际情况分配为：<br>自制件、采购部采购件、制造部采购件三类</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv3">零件分配</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[3]" class="module" style="position: relative;left: -1350px;top:63px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：计划员<br>计划员分配零件后，<br>在生产计划下达模块<br>可查看到自家加工的零件任务，<br>计划员需要将这些零件投产</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv4">自制件</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[5]" class="module" style="position: relative;left: -1435px;top:223px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：制造部长<br>计划员分配零件后，<br>将分配到制造部的采购件进行采购</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv17">车间采购</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
<div :class="color[4]" class="module" style="position: relative;left: -548px;top:300px; width: 80px;height: 48px;">
|
||
<el-tooltip placement="top">
|
||
<div slot="content">角色：采购部<br>计划员分配零件后，<br>将分配到采购部的采购件进行采购</div>
|
||
<el-button :disabled="disabled" type="text" @click="searchDiv16">采购部采购</el-button>
|
||
</el-tooltip>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-card>
|
||
<!--初始化-->
|
||
<div v-show="showDiv0">
|
||
<el-card class="showDiv">
|
||
<div class="grid-content bg-purple" style="width: 100%; height: 340px; border: 1px solid #DCDFE6;text-align: center;line-height: 340px;color: #DCDFE6">
|
||
<h2>请选择项目后选择节点查看对应信息</h2>
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
<!--签订合同-->
|
||
<div v-show="showDiv1">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6">
|
||
<div style="margin:0 auto; width:400px; height:100px;margin-top: 70px">
|
||
<div>
|
||
<span class="tag-group__title">合同编号：</span>
|
||
<el-tag
|
||
size="small"
|
||
effect="dark">
|
||
{{ dataDiv1.合同编号 }}
|
||
</el-tag>
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">项目名称：</span>
|
||
{{ dataDiv1.项目名称 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">签订日期：</span>
|
||
{{ dataDiv1.合同签订日期.substring(0, 11) }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">交货节点：</span>
|
||
{{ dataDiv1.发货节点.substring(0, 11) }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6">
|
||
<div style="margin:0 auto; width:400px; height:100px;margin-top: 70px">
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">营销经理：</span>
|
||
<el-tag
|
||
size="small"
|
||
effect="dark">
|
||
{{ dataDiv1.姓名 }}
|
||
</el-tag>
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
合同总金额：{{ dataDiv1.合同总金额 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
已收款金额：{{ dataDiv1.已支付 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">付款方式：</span>
|
||
{{ dataDiv1.付款方式 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<sapn>回款进度：</sapn>
|
||
<div style="width: 200px;display: inline-block">
|
||
<el-progress :text-inside="true" :stroke-width="15" :percentage="dataDiv1.付款百分比"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple-light" style="width: 99%; height: 340px; border: 1px solid #DCDFE6">
|
||
<div style="margin:0 auto; width:400px; height:100px;margin-top: 70px">
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">客户名称：</span>
|
||
{{ dataDiv1.客户名称 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">联系人：</span>
|
||
{{ dataDiv1.联系人 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<span class="tag-group__title">联系方式：</span>
|
||
{{ dataDiv1.电话 }}
|
||
</div>
|
||
<div style="margin-top: 17px">
|
||
<sapn>客户评级：</sapn>
|
||
<el-rate
|
||
:max="maxDiv1"
|
||
v-model="valueDiv1"
|
||
style="display: inline-block"
|
||
disabled
|
||
show-score
|
||
text-color="#ff9900"
|
||
score-template="{value}"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--产品设计-->
|
||
<div v-show="showDiv2">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div style="margin-top: 17px">
|
||
<span>机床设计者：</span><el-tag size="mini">{{ '李玉萍' }}</el-tag>
|
||
<span style="margin-left: 10px">组件总数：</span><el-tag size="mini">{{ dataDiv2.组件总数 }}</el-tag>
|
||
<span style="margin-left: 10px">整改组数：</span><el-tag size="mini">{{ dataDiv2.整改组数 }}</el-tag>
|
||
</div>
|
||
</el-row>
|
||
<el-row>
|
||
<div id="barDiv1" style="width:600px;height:400px; display: block; float: left"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv2"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.实际完成时间" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.任务名称 ? scope.row.任务名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.任务开始时间.substring(0, 11) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="计划完成时间" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划完成时间.substring(0, 11) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="实际完成时间" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.实际完成时间 ? scope.row.实际完成时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="延期时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.时间差 > 0 ? '延迟' + Math.abs(scope.row.时间差) + '天' : '提前' + Math.abs(scope.row.时间差) + '天' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--零件分配-->
|
||
<div v-show="showDiv3">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv3" style="width:600px;height:350px; display: block; float: left;margin-top: 15px"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv3"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="parseInt(scope.row.总未分配个数) <= 0 && parseInt(scope.row.总个数) !== 0" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else-if="parseInt(scope.row.总个数) === 0" type="danger" size="mini" style="width: 80px">三表未导入</el-tag>
|
||
<el-tag v-else type="warning" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="分配进度">
|
||
<template slot-scope="scope">
|
||
<el-progress :text-inside="true" :stroke-width="15" :percentage="percent(scope.row)"/>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="基本件条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.基本件个数 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="外购件/标准件条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.外购件个数 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总个数 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="未分配条数">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="parseInt(scope.row.总未分配个数) <= 0 && parseInt(scope.row.总个数) !== 0" type="success" size="mini" style="width: 80px">{{ scope.row.总未分配个数 }}</el-tag>
|
||
<el-tag v-else-if="parseInt(scope.row.总个数) === 0" type="danger" size="mini" style="width: 80px">{{ scope.row.总未分配个数 }}</el-tag>
|
||
<el-tag v-else type="warning" size="mini" style="width: 80px">{{ scope.row.总未分配个数 }}</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--自制件-->
|
||
<div v-show="showDiv4">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv4" style="width:600px;height:320px; display: block; float: left;margin-top: 15px;margin-left: 10px"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv4"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="(parseInt(scope.row.自家加工件总条数) - parseInt(scope.row.已传递条数)) <= 0 && parseInt(scope.row.自家加工件总条数) !== 0" type="success" size="mini" style="width: 80px">投产完成</el-tag>
|
||
<el-tag v-else-if="parseInt(scope.row.自家加工件总条数) === 0" type="danger" size="mini" style="width: 80px">未分配/导入</el-tag>
|
||
<el-tag v-else type="warning" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="未投产条数">
|
||
<template slot-scope="scope">
|
||
{{ (parseInt(scope.row.自家加工件总条数) - parseInt(scope.row.已传递条数)) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="自家加工件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.自家加工件总条数 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已投产条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已传递条数 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--机械装配-->
|
||
<div v-show="showDiv5">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv5" style="width:600px;height:400px; display: block; float: left"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv5"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 !== null && scope.row.结束时间 !== '')" type="success" size="mini" style="width: 80px">装配完成</el-tag>
|
||
<el-tag v-else-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 === null || scope.row.结束时间 === '')" type="warning" size="mini" style="width: 80px">装配进行中</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">装配未开始</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划工时 ? scope.row.计划工时 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.开始时间 ? scope.row.开始时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际结束时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? scope.row.结束时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际总工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? parseInt(scope.row.实际工时) + parseInt(scope.row.修补工时) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--电气装配-->
|
||
<div v-show="showDiv6">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv6" style="width:600px;height:400px; display: block; float: left"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv6"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 !== null && scope.row.结束时间 !== '')" type="success" size="mini" style="width: 80px">装配完成</el-tag>
|
||
<el-tag v-else-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 === null || scope.row.结束时间 === '')" type="warning" size="mini" style="width: 80px">装配进行中</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">装配未开始</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划工时 ? scope.row.计划工时 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.开始时间 ? scope.row.开始时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际结束时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? scope.row.结束时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际总工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? parseInt(scope.row.实际工时) + parseInt(scope.row.修补工时) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--冷作计划-->
|
||
<div v-show="showDiv7">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv7" style="width:600px;height:400px; display: block; float: left"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv7"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 !== null && scope.row.结束时间 !== '')" type="success" size="mini" style="width: 80px">冷作完成</el-tag>
|
||
<el-tag v-else-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 === null || scope.row.结束时间 === '')" type="warning" size="mini" style="width: 80px">冷作进行中</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">无计划</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划工时 ? scope.row.计划工时 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.开始时间 ? scope.row.开始时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际结束时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? scope.row.结束时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际总工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? parseInt(scope.row.实际工时) + parseInt(scope.row.修补工时) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--油漆计划-->
|
||
<div v-show="showDiv8">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv8" style="width:600px;height:400px; display: block; float: left"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv8"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 !== null && scope.row.结束时间 !== '')" type="success" size="mini" style="width: 80px">油漆完成</el-tag>
|
||
<el-tag v-else-if="(scope.row.开始时间 !== null && scope.row.开始时间 !== '') && (scope.row.结束时间 === null || scope.row.结束时间 === '')" type="warning" size="mini" style="width: 80px">油漆进行中</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">无计划</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划工时 ? scope.row.计划工时 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.开始时间 ? scope.row.开始时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际结束时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? scope.row.结束时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际总工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.结束时间 ? parseInt(scope.row.实际工时) + parseInt(scope.row.修补工时) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--成组配套-->
|
||
<div v-show="showDiv9">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
id="div1"
|
||
ref="div1"
|
||
:data="tableDataDiv9A"
|
||
style="width: 100%;height: 340px;overflow-y: auto;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border
|
||
@mouseenter.native="changeScroll1">
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="投产数量" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.投产数量 ? scope.row.投产数量 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="加工完成数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.入库数量 ? scope.row.入库数量 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="完成时间" width="100px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.完成时间 ? scope.row.完成时间.substring(0, 11) : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
id="div2"
|
||
ref="div2"
|
||
:data="tableDataDiv9B"
|
||
style="width: 100%;height: 340px;overflow-y: scroll;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border
|
||
@mouseenter.native="changeScroll2">
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="投产数量" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总零件数量 ? scope.row.总零件数量 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="采购到货数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数量 ? scope.row.总到货数量 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="完成时间" width="100px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.完成时间 !== '1900-01-01 00:00:00' ? scope.row.完成时间 : '未完成' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
id="div3"
|
||
ref="div3"
|
||
:data="tableDataDiv9C"
|
||
style="width: 100%;height: 340px;overflow-y: scroll;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border
|
||
@mouseenter.native="changeScroll3">
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="投产数量" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总零件数量 ? scope.row.总零件数量 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="车间采购到货">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.到货数量 ? scope.row.到货数量 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="完成时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.完成时间 !== '1900-01-01 00:00:00' ? scope.row.完成时间 : '未完成' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--车间加工-->
|
||
<div v-show="showDiv10">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<div id="barDiv10" style="width:600px;height:400px; display: block; float: left"/>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv10"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.实际完成时间" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.任务名称 ? scope.row.任务名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="负责人" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.负责人 ? scope.row.负责人 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划开始时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.任务开始时间 ? scope.row.任务开始时间.substring(0, 11) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="计划完成时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.计划完成时间 ? scope.row.计划完成时间.substring(0, 11) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="实际完成时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.实际完成时间 ? scope.row.实际完成时间.substring(0, 11) : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--自家备料-->
|
||
<div v-show="showDiv11">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<div id="barDiv11" style="width:600px;height:350px; display: block; float: left"/>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv11"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.状态 === '完成'" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件条数 ? scope.row.零件条数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已备料">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已备料条数 ? scope.row.已备料条数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--自制件质检-->
|
||
<div v-show="showDiv12">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv12"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件总数量 ? scope.row.零件总数量 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测总数量 ? scope.row.检测总数量 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="不合格数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.不合格总数量 ? scope.row.不合格总数量 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="合格率">
|
||
<template slot-scope="scope">
|
||
<el-tag size="mini" style="width: 80px">{{ scope.row.合格率 ? scope.row.合格率 * 100 + '%' : '--' }}</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--工艺-->
|
||
<div v-show="showDiv13">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<div id="barDiv13" style="width:600px;height:350px; display: block; float: left"/>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv13"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件总数 ? scope.row.零件总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已制定条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已制定零件数 ? scope.row.已制定零件数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="未制定条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.未制定零件数 ? scope.row.未制定零件数 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--定额-->
|
||
<div v-show="showDiv14">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<div id="barDiv14" style="width:600px;height:350px; display: block; float: left"/>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv14"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件总数 ? scope.row.零件总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已制定条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已制定零件数 ? scope.row.已制定零件数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="未制定条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.未制定零件数 ? scope.row.未制定零件数 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="理论工时">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.理论总工时 ? scope.row.理论总工时 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--能力平衡-->
|
||
<div v-show="showDiv15">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<div id="barDiv15" style="width:600px;height:350px; display: block; float: left"/>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv15"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成" width="120px">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.完成状态 === '已完成'" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件总条数 ? scope.row.零件总条数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已平衡条数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已完成数量 ? scope.row.已完成数量 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--发货-->
|
||
<div v-show="showDiv23">
|
||
<el-card class="showDiv">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv23"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="发货单编号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.发货单编号 ? scope.row.发货单编号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="发货单名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.发货单名称 ? scope.row.发货单名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="制单人">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.制单人 ? scope.row.制单人 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="发货人">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.执行人 ? scope.row.执行人 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="发出时间">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.发出时间 ? scope.row.发出时间 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="车辆牌号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.车辆牌号 ? scope.row.车辆牌号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="司机姓名">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.司机姓名 ? scope.row.司机姓名 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="联系电话">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.联系电话 ? scope.row.联系电话 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="收货单位">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.收货单位 ? scope.row.收货单位 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="收货地址">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.收货地址 ? scope.row.收货地址 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
<!--采购部采购-->
|
||
<div v-show="showDiv16">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv16A"
|
||
style="width: 100%;height: 340px;overflow-y: auto;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总外购件数" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总外购件数 ? scope.row.总外购件数 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已采购外购件数" width="100px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已采购外购件数 ? scope.row.已采购外购件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="部分采购外购件数" width="100px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.部分采购外购件数 ? scope.row.部分采购外购件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总到货数外购件数" width="100px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数外购件数 ? scope.row.总到货数外购件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv16B"
|
||
style="width: 100%;height: 340px;overflow-y: scroll;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总标准件数" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总标准件数 ? scope.row.总标准件数: '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已采购标准件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已采购标准件数 ? scope.row.已采购标准件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="部分采购标准件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.部分采购标准件数 ? scope.row.部分采购标准件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总到货数标准件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数标准件数 ? scope.row.总到货数标准件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv16C"
|
||
style="width: 100%;height: 340px;overflow-y: scroll;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总基本件数" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总基本件数 ? scope.row.总基本件数: '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已采购基本件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已采购基本件数 ? scope.row.已采购基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="部分采购基本件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.部分采购基本件数 ? scope.row.部分采购基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总到货数基本件数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数基本件数 ? scope.row.总到货数基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--车间采购-->
|
||
<div v-show="showDiv17">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="12">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv17A"
|
||
style="width: 100%;height: 340px;overflow-y: auto;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="60"/>
|
||
<el-table-column align="center" label="组号" width="120px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总基本件数 ? scope.row.总基本件数 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已采购基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已采购基本件数? scope.row.已采购基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总到货数基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数基本件数 ? scope.row.总到货数基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv17B"
|
||
style="width: 100%;height: 340px;overflow-y: scroll;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="60"/>
|
||
<el-table-column align="center" label="组号" width="120px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总基本件数 ? scope.row.总基本件数: '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已采购基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已采购基本件数 ? scope.row.已采购基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="总到货数基本件数" width="150px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.总到货数基本件数 ? scope.row.总到货数基本件数 : 0 }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--工序外协-->
|
||
<div v-show="showDiv18">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-row>
|
||
<div id="barDiv18" style="width:600px;height:350px; display: block; float: left;margin-top: 15px"/>
|
||
</el-row>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="16">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; color: #DCDFE6">
|
||
<el-table
|
||
:data="tableDataDiv18"
|
||
height="340"
|
||
style="width: 100%;min-height: 300px;"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="完成状态">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.完成状态 ==='已完成'" type="success" size="mini" style="width: 80px">已完成</el-tag>
|
||
<el-tag v-else-if="scope.row.完成状态 === '未外协'" type="danger" size="mini" style="width: 80px">未外协</el-tag>
|
||
<el-tag v-else type="warning" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="外协总数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.外协总数 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="已完成数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.已完成数量 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="工时总数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.工时总数? scope.row.工时总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--采购质检-->
|
||
<div v-show="showDiv19">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv19"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="零件总数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.零件总数量 ? scope.row.零件总数量 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测数量">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测总数量 ? scope.row.检测总数量 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="不合格数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.不合格总数量 ? scope.row.不合格总数量 : '0' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="合格率">
|
||
<template slot-scope="scope">
|
||
<el-tag size="mini" style="width: 80px">{{ scope.row.合格率 ? scope.row.合格率 * 100 + '%' : '--' }}</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--外购备料-->
|
||
<div v-show="showDiv20">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv20"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="parseInt(scope.row.外购备料到货总数)=== parseInt(scope.row.外购备料总数)" type="success" size="mini" style="width: 80px">完成</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">未完成</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="外购备料总数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.外购备料总数 ? scope.row.外购备料总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="外购备料到货总数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.外购备料到货总数 ? scope.row.外购备料到货总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="外购备料出库总数">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.外购备料出库总数 ? scope.row.外购备料出库总数 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--装配质检-->
|
||
<div v-show="showDiv21">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<!--<el-col :span="8">-->
|
||
<!--<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">-->
|
||
<!--<div id="barDiv11" style="width:600px;height:350px; display: block; float: left"/>-->
|
||
<!--</div>-->
|
||
<!--</el-col>-->
|
||
<el-col :span="24">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv21"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="parseInt(scope.row.是否合格)=== 1" type="success" size="mini" style="width: 80px">合格</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">不合格</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="机床图号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.机床图号 ? scope.row.机床图号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="机床名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.机床名称 ? scope.row.机床名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测项">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测项 ? scope.row.检测项 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测项明细">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测项明细 ? scope.row.检测项明细 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="备注">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.备注 ? scope.row.备注 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
<!--总装调试-->
|
||
<div v-show="showDiv22">
|
||
<el-card class="showDiv">
|
||
<el-row>
|
||
<!--<el-col :span="8">-->
|
||
<!--<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">-->
|
||
<!--<div id="barDiv11" style="width:600px;height:350px; display: block; float: left"/>-->
|
||
<!--</div>-->
|
||
<!--</el-col>-->
|
||
<el-col :span="24">
|
||
<div class="grid-content bg-purple" style="width: 99%; height: 340px; border: 1px solid #DCDFE6;text-align: center">
|
||
<el-table
|
||
:data="tableDataDiv22"
|
||
height="340"
|
||
style="width: 100%"
|
||
size="mini"
|
||
highlight-current-row
|
||
border>
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"
|
||
width="50"/>
|
||
<el-table-column align="center" label="是否完成">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="parseInt(scope.row.是否合格)=== 1" type="success" size="mini" style="width: 80px">合格</el-tag>
|
||
<el-tag v-else type="danger" size="mini" style="width: 80px">不合格</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="机床图号">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.机床图号 ? scope.row.机床图号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="机床名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.机床名称 ? scope.row.机床名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组号" width="80px">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组号 ? scope.row.组号 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="组件名称">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.组件名称 ? scope.row.组件名称 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测项">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测项 ? scope.row.检测项 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="检测项明细">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.检测项明细 ? scope.row.检测项明细 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="center" label="备注">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.备注 ? scope.row.备注 : '--' }}
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { SelectMachine, ProcessOutsourcing, ProcessProportion } from '@/api/ManufacturingCenter/ParseQuery'
|
||
import request from '@/utils/request'
|
||
import echarts from 'echarts'
|
||
export default {
|
||
data() {
|
||
return {
|
||
Purchase: '',
|
||
WorkPurchase: '',
|
||
Outsourcing: '',
|
||
Home: '',
|
||
color: [],
|
||
disabled: true,
|
||
machineValue: '', // 机床流水号
|
||
searchCriteria: '', // 机床名称 V-model
|
||
restaurants: [], // 机床名称数组
|
||
showDiv0: true,
|
||
showDiv1: false,
|
||
showDiv2: false,
|
||
showDiv3: false,
|
||
showDiv4: false,
|
||
showDiv5: false,
|
||
showDiv6: false,
|
||
showDiv7: false,
|
||
showDiv8: false,
|
||
showDiv9: false,
|
||
showDiv10: false,
|
||
showDiv11: false,
|
||
showDiv12: false,
|
||
showDiv13: false,
|
||
showDiv14: false,
|
||
showDiv15: false,
|
||
showDiv23: false,
|
||
showDiv16: false,
|
||
showDiv17: false,
|
||
showDiv18: false,
|
||
showDiv19: false,
|
||
showDiv20: false,
|
||
showDiv21: false,
|
||
showDiv22: false,
|
||
valueDiv1: null, // div1 客户评级
|
||
maxDiv1: 6, // div1 客户评级最大值
|
||
tableDataDiv2: [],
|
||
tableDataDiv3: [],
|
||
tableDataDiv4: [],
|
||
tableDataDiv5: [],
|
||
tableDataDiv6: [],
|
||
tableDataDiv7: [],
|
||
tableDataDiv8: [],
|
||
tableDataDiv9A: [],
|
||
tableDataDiv9B: [],
|
||
tableDataDiv9C: [],
|
||
tableDataDiv10: [],
|
||
tableDataDiv11: [],
|
||
tableDataDiv12: [],
|
||
tableDataDiv13: [],
|
||
tableDataDiv14: [],
|
||
tableDataDiv15: [],
|
||
tableDataDiv16A: [],
|
||
tableDataDiv16B: [],
|
||
tableDataDiv16C: [],
|
||
tableDataDiv17A: [],
|
||
tableDataDiv17B: [],
|
||
tableDataDiv18: [],
|
||
tableDataDiv19: [],
|
||
tableDataDiv20: [],
|
||
tableDataDiv21: [],
|
||
tableDataDiv22: [],
|
||
tableDataDiv23: [],
|
||
dataDiv1: {
|
||
付款方式: '无数据',
|
||
付款方式代码: '无数据',
|
||
价值评估: '无数据',
|
||
价值评估流水号: '无数据',
|
||
发货节点: '无数据',
|
||
合同总金额: '无数据',
|
||
合同签订日期: '无数据',
|
||
合同编号: '无数据',
|
||
姓名: '无数据',
|
||
客户名称: '无数据',
|
||
已支付: '无数据',
|
||
电话: '无数据',
|
||
联系人: '无数据',
|
||
营销经理流水号: '无数据',
|
||
项目名称: '无数据',
|
||
项目流水号: '无数据',
|
||
付款百分比: 0
|
||
},
|
||
dataDiv2: {
|
||
组件总数: '',
|
||
整改组数: '',
|
||
data: []
|
||
},
|
||
dataDiv3: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv4: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv5: {
|
||
data1: null,
|
||
data2: null,
|
||
data3: null,
|
||
data4: [],
|
||
length: null
|
||
},
|
||
dataDiv6: {
|
||
data1: null,
|
||
data2: null,
|
||
data3: null,
|
||
data4: [],
|
||
length: null
|
||
},
|
||
dataDiv7: {
|
||
data1: null,
|
||
data2: null,
|
||
data3: null,
|
||
data4: [],
|
||
length: null
|
||
},
|
||
dataDiv8: {
|
||
data1: null,
|
||
data2: null,
|
||
data3: null,
|
||
data4: [],
|
||
length: null
|
||
},
|
||
dataDiv10: {
|
||
data: []
|
||
},
|
||
dataDiv11: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv13: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv14: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv15: {
|
||
xData: [],
|
||
yDataA: [],
|
||
yDataB: []
|
||
},
|
||
dataDiv18: {
|
||
xData: [],
|
||
yDataA: []
|
||
}
|
||
}
|
||
},
|
||
created() {
|
||
this.color[0] = 'white'
|
||
this.color[1] = 'white'
|
||
this.color[2] = 'white'
|
||
this.color[3] = 'white'
|
||
this.color[4] = 'white'
|
||
this.color[5] = 'white'
|
||
this.color[6] = 'white'
|
||
this.color[7] = 'white'
|
||
this.color[8] = 'white'
|
||
this.color[9] = 'white'
|
||
this.color[10] = 'white'
|
||
this.color[11] = 'white'
|
||
this.color[12] = 'white'
|
||
this.color[13] = 'white'
|
||
this.color[14] = 'white'
|
||
this.color[15] = 'white'
|
||
this.color[16] = 'white'
|
||
this.color[17] = 'white'
|
||
this.color[18] = 'white'
|
||
this.color[19] = 'white'
|
||
this.color[20] = 'white'
|
||
this.color[21] = 'white'
|
||
this.color[22] = 'white'
|
||
},
|
||
methods: {
|
||
changeScroll1() {
|
||
const div1 = document.getElementById('div1')
|
||
const div2 = document.getElementById('div2')
|
||
const div3 = document.getElementById('div3')
|
||
div2.removeAttribute('onscroll')
|
||
div3.removeAttribute('onscroll')
|
||
div1.setAttribute('onscroll', 'document.getElementById(\'div2\').scrollTop = scrollTop;document.getElementById(\'div3\').scrollTop = scrollTop')
|
||
},
|
||
changeScroll2() {
|
||
const div1 = document.getElementById('div1')
|
||
const div2 = document.getElementById('div2')
|
||
const div3 = document.getElementById('div3')
|
||
div1.removeAttribute('onscroll')
|
||
div3.removeAttribute('onscroll')
|
||
div2.setAttribute('onscroll', 'document.getElementById(\'div1\').scrollTop = scrollTop;document.getElementById(\'div3\').scrollTop = scrollTop')
|
||
},
|
||
changeScroll3() {
|
||
const div1 = document.getElementById('div1')
|
||
const div2 = document.getElementById('div2')
|
||
const div3 = document.getElementById('div3')
|
||
div2.removeAttribute('onscroll')
|
||
div1.removeAttribute('onscroll')
|
||
div3.setAttribute('onscroll', 'document.getElementById(\'div2\').scrollTop = scrollTop;document.getElementById(\'div1\').scrollTop = scrollTop')
|
||
},
|
||
// 百分数转换
|
||
percent(row) {
|
||
const a = parseInt(row.总个数) - parseInt(row.总未分配个数)
|
||
const b = parseInt(row.总个数)
|
||
return b !== 0 ? (a / b * 100).toFixed(2) : 0
|
||
},
|
||
// 清空查询条件
|
||
clearMachine() {
|
||
this.machineValue = ''
|
||
this.disabled = true
|
||
this.showDiv0 = true
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
},
|
||
// 机床名称查询函数
|
||
querySearch(queryString, cb) {
|
||
this.restaurants = []
|
||
if (this.searchCriteria !== '' && this.searchCriteria !== null) {
|
||
SelectMachine(this.searchCriteria).then(response => {
|
||
const res = response.data
|
||
res.forEach(item => {
|
||
this.restaurants.push({
|
||
value: item.货品编号,
|
||
num: item.机床流水号
|
||
})
|
||
})
|
||
return this.restaurants
|
||
}).then(data => {
|
||
var restaurants = data
|
||
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
|
||
return results
|
||
}).then(data => {
|
||
// 调用 callback 返回建议列表的数据
|
||
cb(data)
|
||
})
|
||
}
|
||
},
|
||
// 机床名称实时请求查询匹配函数
|
||
createFilter(queryString) {
|
||
return (restaurant) => {
|
||
return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1)
|
||
// !== -1为全字匹配 === 0为首字匹配
|
||
}
|
||
},
|
||
// 选择机床名称后的赋值函数
|
||
handleSelect(item) {
|
||
// 在此方法中可以把下拉框选中值中的内容赋值给其他变量使用
|
||
console.log(item)
|
||
this.machineValue = item.num
|
||
this.machineValue ? this.disabled = false : this.disabled = true
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv0 = true
|
||
},
|
||
// 查询签订合同div数据
|
||
async searchDiv1() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = true
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 项目流水号 from PDM_机床名称 where 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select * from 综合查询_签订合同模块信息视图 where 项目流水号 = ${res.data[0].项目流水号}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv1.付款方式 = res.data[0].付款方式
|
||
this.dataDiv1.付款方式代码 = res.data[0].付款方式代码
|
||
this.dataDiv1.价值评估 = res.data[0].价值评估
|
||
this.dataDiv1.价值评估流水号 = res.data[0].价值评估流水号
|
||
this.dataDiv1.发货节点 = res.data[0].发货节点
|
||
res.data[0].合同总金额 !== '' && res.data[0].合同总金额 !== null ? this.dataDiv1.合同总金额 = res.data[0].合同总金额 + '万元' : this.dataDiv1.合同总金额 = '无数据'
|
||
this.dataDiv1.合同签订日期 = res.data[0].合同签订日期
|
||
this.dataDiv1.合同编号 = res.data[0].合同编号
|
||
this.dataDiv1.姓名 = res.data[0].姓名
|
||
this.dataDiv1.客户名称 = res.data[0].客户名称
|
||
res.data[0].已支付 !== '' && res.data[0].已支付 !== null ? this.dataDiv1.已支付 = res.data[0].已支付 + '万元' : this.dataDiv1.已支付 = '无数据'
|
||
res.data[0].电话 !== '' && res.data[0].电话 !== null ? this.dataDiv1.电话 = res.data[0].电话 : this.dataDiv1.电话 = '无数据'
|
||
this.dataDiv1.联系人 = res.data[0].联系人
|
||
this.dataDiv1.营销经理流水号 = res.data[0].营销经理流水号
|
||
this.dataDiv1.项目名称 = res.data[0].项目名称
|
||
this.dataDiv1.项目流水号 = res.data[0].项目流水号
|
||
res.data[0].付款百分比 !== '' && res.data[0].付款百分比 !== null ? this.dataDiv1.付款百分比 = res.data[0].付款百分比 : this.dataDiv1.付款百分比 = 0
|
||
if (res.data[0].价值评估 === '高') {
|
||
this.valueDiv1 = 6
|
||
} else if (res.data[0].价值评估 === '高') {
|
||
this.valueDiv1 = 3
|
||
} else {
|
||
this.valueDiv1 = 1
|
||
}
|
||
})
|
||
})
|
||
},
|
||
// 查询产品设计div数据
|
||
async searchDiv2() {
|
||
this.dataDiv2.data = []
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = true
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `exec 项目计划管理_项目详细计划_查询数据 @机床流水号=${this.machineValue},@计划类型 = 1`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv2 = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select count(*) from PDM_组件名称 where 机床流水号=${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv2.组件总数 = res.data[0].Column1
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select count(*) from PDM_组件名称 where 机床流水号=${this.machineValue} and 组号 like '9%'`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv2.整改组数 = res.data[0].Column1
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select count(*) from 项目计划管理_组件计划_视图 where 机床流水号 = ${this.machineValue} and 计划类型 = 1 and 实际完成时间 is not null`
|
||
}
|
||
}).then(res => {
|
||
if (parseInt(this.dataDiv2.整改组数) !== 0) {
|
||
this.dataDiv2.data.push({
|
||
value: this.dataDiv2.整改组数,
|
||
name: '整改组件'
|
||
})
|
||
}
|
||
if (parseInt(res.data[0].Column1) !== 0) {
|
||
this.dataDiv2.data.push({
|
||
value: res.data[0].Column1,
|
||
name: '已完成组件'
|
||
})
|
||
}
|
||
if (parseInt(this.dataDiv2.组件总数) - parseInt(this.dataDiv2.整改组数) - parseInt(res.data[0].Column1) !== 0) {
|
||
this.dataDiv2.data.push({
|
||
value: parseInt(this.dataDiv2.组件总数) - parseInt(this.dataDiv2.整改组数) - parseInt(res.data[0].Column1),
|
||
name: '未完成组件'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
this.drawLineDiv2()
|
||
})
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制品设计饼状图
|
||
drawLineDiv2() {
|
||
const bar = echarts.init(document.getElementById('barDiv1'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
// title : {
|
||
// text: '某站点用户访问来源',
|
||
// subtext: '纯属虚构',
|
||
// x:'center'
|
||
// },
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
// legend: {
|
||
// orient: 'vertical',
|
||
// left: 'left',
|
||
// data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
|
||
// },
|
||
series: [
|
||
{
|
||
name: '组件类型比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '40%'],
|
||
data: this.dataDiv2.data,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询零件分配div数据
|
||
async searchDiv3() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = true
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv3.yDataB = []
|
||
this.dataDiv3.yDataA = []
|
||
this.dataDiv3.xData = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 综合查询_零件分配模块信息视图.*
|
||
,isnull(基本件个数,0) as 基本件个数
|
||
,isnull(外购件个数,0) as 外购件个数
|
||
,(isnull(基本件个数,0) + isnull(外购件个数,0)) as 总个数
|
||
,isnull(基本件未分配个数,0) as 基本件未分配个数
|
||
,isnull(外购件未分配个数,0) as 外购件未分配个数
|
||
,(isnull(基本件未分配个数,0) + isnull(外购件未分配个数,0)) as 总未分配个数
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,count(*) as 基本件个数
|
||
from PDM_零件明细表_基本件 group by 组件流水号) as a on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号
|
||
left join (select 组件流水号,count(*) as 外购件个数
|
||
from PDM_零件明细表_标准件和外购件 group by 组件流水号) as b on 综合查询_零件分配模块信息视图.组件流水号 = b.组件流水号
|
||
left join (select 组件流水号,count(*) as 基本件未分配个数
|
||
from PDM_零件明细表_基本件 where 是否采购 = 0 and 是否传递 = 0 group by 组件流水号) as c on 综合查询_零件分配模块信息视图.组件流水号 = c.组件流水号
|
||
left join (select 组件流水号,count(*) as 外购件未分配个数
|
||
from PDM_零件明细表_标准件和外购件 where 是否车间采购 = 0 group by 组件流水号) as d on 综合查询_零件分配模块信息视图.组件流水号 = d.组件流水号
|
||
where 机床流水号 = ${this.machineValue} and 组号 <> '00组' order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv3 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv3.xData.push(res.data[i].组号)
|
||
this.dataDiv3.yDataA.push(res.data[i].总个数)
|
||
this.dataDiv3.yDataB.push(parseInt(res.data[i].总个数) - parseInt(res.data[i].总未分配个数))
|
||
}
|
||
this.drawLineDiv3()
|
||
})
|
||
},
|
||
// 绘制零件分配条形图
|
||
drawLineDiv3() {
|
||
const bar = echarts.init(document.getElementById('barDiv3'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: ['零件总条数', '已分配条数']
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv3.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '零件总条数',
|
||
type: 'bar',
|
||
data: this.dataDiv3.yDataA
|
||
},
|
||
{
|
||
name: '已分配条数',
|
||
type: 'bar',
|
||
data: this.dataDiv3.yDataB
|
||
}]
|
||
})
|
||
},
|
||
// 查询自制件div数据
|
||
async searchDiv4() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = true
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.tableDataDiv4 = []
|
||
this.dataDiv4.xData = []
|
||
this.dataDiv4.yDataB = []
|
||
this.dataDiv4.yDataA = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 综合查询_零件分配模块信息视图.*,
|
||
isnull(自家加工件总条数,0) as 自家加工件总条数
|
||
,isnull(已传递条数,0) as 已传递条数
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,COUNT(*) as 自家加工件总条数
|
||
from 车间生产管理工艺_零件工序_投产信息_查询视图 group by 组件流水号) as a
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号
|
||
left join (select 组件流水号,count(*) as 已传递条数
|
||
from 车间生产管理工艺_零件工序_投产信息_查询视图 where 是否传递 = 2 group by 组件流水号) as b
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = b.组件流水号
|
||
where 机床流水号 = ${this.machineValue} order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv4 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv4.xData.push(res.data[i].组号)
|
||
this.dataDiv4.yDataA.push(res.data[i].自家加工件总条数)
|
||
this.dataDiv4.yDataB.push(res.data[i].已传递条数)
|
||
}
|
||
this.drawLineDiv4Bar()
|
||
})
|
||
},
|
||
// 绘制自制件div条形图
|
||
drawLineDiv4Bar() {
|
||
const bar = echarts.init(document.getElementById('barDiv4'))
|
||
this.tableData = [50, 15, 20, 30, 45, 46]
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['总条数', '已投产']
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
boundaryGap: [0, 0.01]
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: this.dataDiv4.xData
|
||
},
|
||
series: [
|
||
{
|
||
name: '总条数',
|
||
type: 'bar',
|
||
data: this.dataDiv4.yDataA
|
||
},
|
||
{
|
||
name: '已投产',
|
||
type: 'bar',
|
||
data: this.dataDiv4.yDataB
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询自制件div数据
|
||
async searchDiv5() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = true
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv5.data4 = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
select 综合查询_零件分配模块信息视图.* ,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 车间管理_工作计划 where 计划类型 = 1 group by 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时) as a
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号 where 机床流水号 = ${this.machineValue} and 组号 <> '00组'
|
||
order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv5 = res.data
|
||
this.dataDiv5.length = res.data.length
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 进行中 from 车间管理_工作计划 where 计划类型 = 1 and (开始时间 is not null and 开始时间 <> '') and (结束时间 is null or 结束时间 = '') and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv5.data1 = res.data[0].进行中
|
||
if (res.data[0].进行中 !== 0) {
|
||
this.dataDiv5.data4.push({
|
||
value: res.data[0].进行中,
|
||
name: '装配进行中'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: ` select COUNT(*) as 已完成 from 车间管理_工作计划 where 计划类型 = 1 and 开始时间 is not null and 开始时间 <> '' and 结束时间 is not null and 结束时间 <> '' and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv5.data2 = res.data[0].已完成
|
||
if (res.data[0].已完成 !== 0) {
|
||
this.dataDiv5.data4.push({
|
||
value: res.data[0].已完成,
|
||
name: '装配已完成'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
this.dataDiv5.data3 = parseInt(this.dataDiv5.length - this.dataDiv5.data1 - this.dataDiv5.data2)
|
||
}).then(() => {
|
||
if (parseInt(this.dataDiv5.data3) !== 0) {
|
||
this.dataDiv5.data4.push({
|
||
value: this.dataDiv5.data3,
|
||
name: '无计划/未开始'
|
||
})
|
||
}
|
||
this.drawLineDiv5()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制机械装配div饼图
|
||
drawLineDiv5() {
|
||
const bar = echarts.init(document.getElementById('barDiv5'))
|
||
this.tableData = [50, 15, 20, 30, 45, 46]
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
data: ['装配已完成', '装配进行中', '无计划/未开始']
|
||
},
|
||
series: [
|
||
{
|
||
name: '状态比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '45%'],
|
||
data: this.dataDiv5.data4,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询电气装配div数据
|
||
async searchDiv6() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = true
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv6.data4 = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 综合查询_零件分配模块信息视图.* ,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 车间管理_工作计划 where 计划类型 = 2 group by 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时) as a
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号 where 机床流水号 = ${this.machineValue} and 组号 <> '00组'
|
||
order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv6 = res.data
|
||
this.dataDiv6.length = res.data.length
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 进行中 from 车间管理_工作计划 where 计划类型 = 2 and (开始时间 is not null and 开始时间 <> '') and (结束时间 is null or 结束时间 = '') and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv6.data1 = res.data[0].进行中
|
||
if (res.data[0].进行中 !== 0) {
|
||
this.dataDiv6.data4.push({
|
||
value: res.data[0].进行中,
|
||
name: '装配进行中'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: ` select COUNT(*) as 已完成 from 车间管理_工作计划 where 计划类型 = 2 and 开始时间 is not null and 开始时间 <> '' and 结束时间 is not null and 结束时间 <> '' and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv6.data2 = res.data[0].已完成
|
||
if (res.data[0].已完成 !== 0) {
|
||
this.dataDiv6.data4.push({
|
||
value: res.data[0].已完成,
|
||
name: '装配已完成'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
this.dataDiv6.data3 = parseInt(this.dataDiv6.length - this.dataDiv6.data1 - this.dataDiv6.data2)
|
||
}).then(() => {
|
||
if (parseInt(this.dataDiv6.data3) !== 0) {
|
||
this.dataDiv6.data4.push({
|
||
value: this.dataDiv6.data3,
|
||
name: '无计划/未开始'
|
||
})
|
||
}
|
||
this.drawLineDiv6()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制电气装配div饼图
|
||
drawLineDiv6() {
|
||
const bar = echarts.init(document.getElementById('barDiv6'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
data: ['装配已完成', '装配进行中', '无计划/未开始']
|
||
},
|
||
series: [
|
||
{
|
||
name: '状态比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '45%'],
|
||
data: this.dataDiv6.data4,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询冷作计划div数据
|
||
async searchDiv7() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = true
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv7.data4 = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 综合查询_零件分配模块信息视图.* ,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 车间管理_工作计划 where 计划类型 = 3 group by 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时) as a
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号 where 机床流水号 = ${this.machineValue} and 组号 <> '00组'
|
||
order by 组号`
|
||
}
|
||
}).then(res => {
|
||
console.log(res, 8766)
|
||
this.tableDataDiv7 = res.data
|
||
this.dataDiv7.length = res.data.length
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 进行中 from 车间管理_工作计划 where 计划类型 = 3 and (开始时间 is not null and 开始时间 <> '') and (结束时间 is null or 结束时间 = '') and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv7.data1 = res.data[0].进行中
|
||
if (res.data[0].进行中 !== 0) {
|
||
this.dataDiv7.data4.push({
|
||
value: res.data[0].进行中,
|
||
name: '冷作进行中'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: ` select COUNT(*) as 已完成 from 车间管理_工作计划 where 计划类型 = 3 and 开始时间 is not null and 开始时间 <> '' and 结束时间 is not null and 结束时间 <> '' and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv7.data2 = res.data[0].已完成
|
||
if (res.data[0].已完成 !== 0) {
|
||
this.dataDiv7.data4.push({
|
||
value: res.data[0].已完成,
|
||
name: '冷作已完成'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
this.dataDiv7.data3 = parseInt(this.dataDiv7.length - this.dataDiv7.data1 - this.dataDiv7.data2)
|
||
}).then(() => {
|
||
if (parseInt(this.dataDiv7.data3) !== 0) {
|
||
this.dataDiv7.data4.push({
|
||
value: this.dataDiv7.data3,
|
||
name: '无计划/未开始'
|
||
})
|
||
}
|
||
this.drawLineDiv7()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制冷作div饼图
|
||
drawLineDiv7() {
|
||
const bar = echarts.init(document.getElementById('barDiv7'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
data: ['冷作已完成', '冷作进行中', '无计划/未开始']
|
||
},
|
||
series: [
|
||
{
|
||
name: '状态比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '45%'],
|
||
data: this.dataDiv7.data4,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询油漆div数据
|
||
async searchDiv8() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = true
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv8.data4 = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 综合查询_零件分配模块信息视图.* ,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 综合查询_零件分配模块信息视图
|
||
left join (select 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时
|
||
from 车间管理_工作计划 where 计划类型 = 4 group by 组件流水号,计划工时,开始时间,结束时间,实际工时,修补工时) as a
|
||
on 综合查询_零件分配模块信息视图.组件流水号 = a.组件流水号 where 机床流水号 = ${this.machineValue} and 组号 <> '00组'
|
||
order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv8 = res.data
|
||
this.dataDiv8.length = res.data.length
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 进行中 from 车间管理_工作计划 where 计划类型 = 4 and (开始时间 is not null and 开始时间 <> '') and (结束时间 is null or 结束时间 = '') and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv8.data1 = res.data[0].进行中
|
||
if (res.data[0].进行中 !== 0) {
|
||
this.dataDiv8.data4.push({
|
||
value: res.data[0].进行中,
|
||
name: '油漆进行中'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: ` select COUNT(*) as 已完成 from 车间管理_工作计划 where 计划类型 = 4 and 开始时间 is not null and 开始时间 <> '' and 结束时间 is not null and 结束时间 <> '' and 机床流水号 = ${this.machineValue}`
|
||
}
|
||
}).then(res => {
|
||
this.dataDiv8.data2 = res.data[0].已完成
|
||
if (res.data[0].已完成 !== 0) {
|
||
this.dataDiv8.data4.push({
|
||
value: res.data[0].已完成,
|
||
name: '油漆已完成'
|
||
})
|
||
}
|
||
}).then(() => {
|
||
this.dataDiv8.data3 = parseInt(this.dataDiv8.length - this.dataDiv8.data1 - this.dataDiv8.data2)
|
||
}).then(() => {
|
||
if (parseInt(this.dataDiv8.data3) !== 0) {
|
||
this.dataDiv8.data4.push({
|
||
value: this.dataDiv8.data3,
|
||
name: '无计划/未开始'
|
||
})
|
||
}
|
||
this.drawLineDiv8()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制油漆div饼图
|
||
drawLineDiv8() {
|
||
const bar = echarts.init(document.getElementById('barDiv8'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
data: ['油漆已完成', '油漆进行中', '无计划/未开始']
|
||
},
|
||
series: [
|
||
{
|
||
name: '状态比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '45%'],
|
||
data: this.dataDiv8.data4,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询成组配套div数据
|
||
async searchDiv9() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = true
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 前几列.*,case when 完成时间 = '未完成' then '未完成' else convert(nvarchar(50),入库时间,21) end as 完成时间
|
||
from (SELECT 组号 ,组件名称,SUM(isnull(批次数量,0))as 投产数量,SUM(isnull(入库数量,0))as 入库数量,MAX(入库时间) as 入库时间
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = 89
|
||
group by 组号,组件名称) as 前几列
|
||
left join (SELECT 组号,'未完成' as 完成时间
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = ${this.machineValue} and isnull(入库数量,0) <> isnull(批次数量,0)
|
||
group by 组号) as 未完成组
|
||
on 前几列.组号 = 未完成组.组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv9A = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 组号,组件名称,sum(零件数量) as 总零件数量,SUM(已到货数量) as 总到货数量, (case when sum(零件数量) = SUM(已到货数量) then GETDATE() ELSE '' END)完成时间 from (
|
||
SELECT [机床图号],[机床流水号],[组号] ,[组件名称] ,[组件流水号] ,[物料名称] as 零件名称 ,[物料型号] as 零件图号 ,[物料规格] ,[零件数量] ,通过的合同.已到货数量
|
||
FROM MRP_计划订单_组件零件清单_标准件和外购件_视图
|
||
left join (
|
||
select 采购管理_采购合同_采购部.*,组件零件流水号,数量,已到货数量 from 采购管理_采购合同明细_采购部
|
||
inner join 采购管理_采购合同_采购部 on 采购管理_采购合同明细_采购部.采购合同流水号 = 采购管理_采购合同_采购部.采购合同流水号
|
||
where 采购管理_采购合同_采购部.是否未通过 = 0
|
||
) as 通过的合同 on 通过的合同.组件零件流水号 = MRP_计划订单_组件零件清单_标准件和外购件_视图.组件零件流水号
|
||
left join 采购管理_供应商 on 通过的合同.供应商流水号 = 采购管理_供应商.供应商流水号
|
||
WHERE 机床流水号 = N'${this.machineValue}'
|
||
union
|
||
SELECT [机床图号] ,[机床流水号] ,[组号] ,[组件名称] ,[组件流水号] ,[零件名称] ,[零件图号] ,规格 ,[零件数量] ,通过的合同.已到货数量
|
||
FROM MRP_计划订单_组件零件清单_基本件_视图
|
||
left join (
|
||
select 采购管理_采购合同_采购部.*,组件零件基本件流水号,数量,已到货数量 from 采购管理_采购合同明细_采购部
|
||
inner join 采购管理_采购合同_采购部 on 采购管理_采购合同明细_采购部.采购合同流水号 = 采购管理_采购合同_采购部.采购合同流水号
|
||
where 采购管理_采购合同_采购部.是否未通过 = 0
|
||
) as 通过的合同 on 通过的合同.组件零件基本件流水号 = MRP_计划订单_组件零件清单_基本件_视图.组件零件基本件流水号
|
||
left join 采购管理_供应商 on 通过的合同.供应商流水号 = 采购管理_供应商.供应商流水号
|
||
where 机床流水号 = '${this.machineValue}'
|
||
) as a
|
||
where a.机床流水号 = '${this.machineValue}'
|
||
group by a.组号,a.组件名称
|
||
order by a.组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv9B = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `SELECT [组号] ,组件名称 ,sum(convert(int,零件数量)) as 总零件数量
|
||
,sum(已到货数量) as 总到货数量
|
||
, (case when sum(convert(int,零件数量)) = SUM(已到货数量) then GETDATE() ELSE '' END)完成时间
|
||
FROM (
|
||
SELECT dbo.车间管理_车间采购_请购单明细.机床流水号, dbo.车间管理_车间采购_请购单明细.组号, dbo.PDM_组件名称.组件名称, dbo.车间管理_车间采购_请购单明细.零件数量,
|
||
dbo.车间管理_车间采购_请购单明细.已到货数量
|
||
FROM dbo.PDM_组件名称 RIGHT OUTER JOIN
|
||
dbo.车间管理_车间采购_请购单明细 ON dbo.PDM_组件名称.组件流水号 = dbo.车间管理_车间采购_请购单明细.组件流水号
|
||
) as a where a.机床流水号 = ${this.machineValue}
|
||
group by a.[组号],a.组件名称`
|
||
}
|
||
}).then(res => {
|
||
console.log(res, 98765)
|
||
this.tableDataDiv9C = res.data
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 查询车间加工div数据
|
||
async searchDiv10() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = true
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv10.data = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `exec 项目计划管理_项目详细计划_查询数据 @机床流水号=${this.machineValue}, @计划类型=4`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv10 = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 未完成
|
||
from 项目计划管理_组件计划_视图
|
||
where 机床流水号 = ${this.machineValue} and 计划类型 = 4 and 实际完成时间 is null`
|
||
}
|
||
}).then(res => {
|
||
if (res.data[0].未完成 !== 0) {
|
||
this.dataDiv10.data.push({
|
||
name: '未完成',
|
||
value: res.data[0].未完成
|
||
})
|
||
}
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select COUNT(*) as 已完成
|
||
from 项目计划管理_组件计划_视图
|
||
where 机床流水号 = ${this.machineValue} and 计划类型 = 4 and 实际完成时间 is not null`
|
||
}
|
||
}).then(res => {
|
||
if (res.data[0].已完成 !== 0) {
|
||
this.dataDiv10.data.push({
|
||
name: '已完成',
|
||
value: res.data[0].已完成
|
||
})
|
||
}
|
||
this.drawLineDiv10()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 绘制油漆div饼图
|
||
drawLineDiv10() {
|
||
const bar = echarts.init(document.getElementById('barDiv10'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
data: ['已完成', '未完成']
|
||
},
|
||
series: [
|
||
{
|
||
name: '状态比例',
|
||
type: 'pie',
|
||
radius: '55%',
|
||
center: ['50%', '45%'],
|
||
data: this.dataDiv10.data,
|
||
itemStyle: {
|
||
emphasis: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
]
|
||
})
|
||
},
|
||
// 查询自家备料div数据
|
||
async searchDiv11() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = true
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv11.yDataB = []
|
||
this.dataDiv11.yDataA = []
|
||
this.dataDiv11.xData = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `declare @机床流水号 int = ${this.machineValue}
|
||
select *,(case when 100 * 已备料条数/零件条数 = 100 then '' else '——' end) as 完成时间 from (
|
||
select case when 已备料条数 = 零件条数 then '完成' else '未完成' end as 状态
|
||
,所有.*,已备料条数
|
||
,100*已备料条数/零件条数 as 备料进度
|
||
from (
|
||
select PDM_组件名称.组号,PDM_组件名称.组件名称,PDM_机床名称.机床流水号
|
||
,COUNT(*) as 零件条数
|
||
from (SELECT [工艺计划流水号],[零件图号], [零件名称], [备料打印] , [备料到货]
|
||
from [车间生产管理工艺_零件工艺计划_传递后_视图]
|
||
WHERE 考核状态 >= 3 and 考核状态 <8 and 工艺任务分配状态 =2 and 批次零件状态=1 and 备料打印 = 1 and 机床流水号 = @机床流水号
|
||
and 工艺计划流水号 in ( select 工艺计划流水号 from 车间生产管理工艺_零件工序 where 工艺编号 = 29 )) as 自制备料
|
||
inner join 车间生产管理工艺_零件工艺计划 on 自制备料.工艺计划流水号 = 车间生产管理工艺_零件工艺计划.工艺计划流水号
|
||
inner join MRP_计划订单_组件零件清单_基本件 on 车间生产管理工艺_零件工艺计划.组件零件基本件流水号 = MRP_计划订单_组件零件清单_基本件.组件零件基本件流水号
|
||
inner join MRP_计划订单_机床组件清单 on MRP_计划订单_机床组件清单.机床组件流水号 = MRP_计划订单_组件零件清单_基本件.机床组件流水号
|
||
inner join PDM_组件名称 on PDM_组件名称.组件流水号 = MRP_计划订单_机床组件清单.组件流水号
|
||
inner join PDM_机床名称 on PDM_组件名称.机床流水号 = PDM_机床名称.机床流水号
|
||
group by PDM_组件名称.组号,PDM_组件名称.组件名称,PDM_机床名称.机床流水号,PDM_机床名称.机床图号
|
||
) as 所有
|
||
left join
|
||
(select 自制备料.备料到货
|
||
,PDM_组件名称.组号,PDM_组件名称.组件名称,PDM_机床名称.机床流水号
|
||
,COUNT(*) as 已备料条数
|
||
from (SELECT [工艺计划流水号],[零件图号], [零件名称], [备料打印] , [备料到货]
|
||
from [车间生产管理工艺_零件工艺计划_传递后_视图]
|
||
WHERE 考核状态 >= 3 and 考核状态 <8 and 工艺任务分配状态 =2 and 批次零件状态=1 and 备料打印 = 1 and 备料到货 = 1 and 机床流水号 = @机床流水号
|
||
and 工艺计划流水号 in ( select 工艺计划流水号 from 车间生产管理工艺_零件工序 where 工艺编号 = 29 )) as 自制备料
|
||
inner join 车间生产管理工艺_零件工艺计划 on 自制备料.工艺计划流水号 = 车间生产管理工艺_零件工艺计划.工艺计划流水号
|
||
inner join MRP_计划订单_组件零件清单_基本件 on 车间生产管理工艺_零件工艺计划.组件零件基本件流水号 = MRP_计划订单_组件零件清单_基本件.组件零件基本件流水号
|
||
inner join MRP_计划订单_机床组件清单 on MRP_计划订单_机床组件清单.机床组件流水号 = MRP_计划订单_组件零件清单_基本件.机床组件流水号
|
||
inner join PDM_组件名称 on PDM_组件名称.组件流水号 = MRP_计划订单_机床组件清单.组件流水号
|
||
inner join PDM_机床名称 on PDM_组件名称.机床流水号 = PDM_机床名称.机床流水号
|
||
inner join 车间生产管理工艺_备料出库记录 on 车间生产管理工艺_零件工艺计划.工艺计划流水号 = 车间生产管理工艺_备料出库记录.工艺计划流水号
|
||
group by PDM_组件名称.组号,PDM_组件名称.组件名称,PDM_机床名称.机床流水号,PDM_机床名称.机床图号,自制备料.备料到货) as 完成
|
||
on 所有.组号 = 完成.组号 and 所有.机床流水号 = 完成.机床流水号
|
||
) as 头`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv11 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv11.xData.push(res.data[i].组号)
|
||
this.dataDiv11.yDataA.push(res.data[i].零件条数)
|
||
this.dataDiv11.yDataB.push(res.data[i].已备料条数)
|
||
}
|
||
this.drawLineDiv11()
|
||
})
|
||
},
|
||
// 绘制自家备料条形图
|
||
drawLineDiv11() {
|
||
const bar = echarts.init(document.getElementById('barDiv11'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: ['零件条数', '已备料条数']
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv11.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '零件条数',
|
||
type: 'bar',
|
||
data: this.dataDiv11.yDataA
|
||
},
|
||
{
|
||
name: '已备料条数',
|
||
type: 'bar',
|
||
data: this.dataDiv11.yDataB
|
||
}]
|
||
})
|
||
},
|
||
// 查询自制件质检数据
|
||
async searchDiv12() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = true
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `SELECT
|
||
[组号]
|
||
,[组件名称]
|
||
,sum([数量]) as 检测总数量
|
||
,sum([不合格数量]) as 不合格总数量
|
||
,sum([批次数量]) as 零件总数量
|
||
,isnull(sum([不合格数量])/sum([数量]), 0) as 不合格率
|
||
,1 - isNull(sum([不合格数量])/sum([数量]), 0) as 合格率
|
||
FROM [质检管理_基本件数据_查询视图] where 机床流水号 = ${this.machineValue}
|
||
group by 组号, 组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
console.log(res)
|
||
this.tableDataDiv12 = res.data
|
||
})
|
||
},
|
||
// 查询采购部采购div数据
|
||
async searchDiv16() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = true
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
--外购件
|
||
select 机床流水号,组号,组件名称
|
||
|
||
,SUM(外购件数) as 总外购件数
|
||
,SUM(已采购外购件数) as 已采购外购件数
|
||
,SUM(部分采购外购件数) as 部分采购外购件数
|
||
,SUM(总到货数外购件数 ) as 总到货数外购件数
|
||
from (
|
||
SELECT 机床流水号,组号,组件名称
|
||
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue}) as 外购件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) = isnull(零件数量,0)) as 已采购外购件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) <> isnull(零件数量,0)) as 部分采购外购件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) = isnull(已到货数量,0)) as 总到货数外购件数
|
||
FROM MRP_计划订单_组件零件清单_标准件和外购件_视图
|
||
left join (
|
||
select 采购管理_采购合同_采购部.*,组件零件流水号,数量,已到货数量 from 采购管理_采购合同明细_采购部
|
||
inner join 采购管理_采购合同_采购部 on 采购管理_采购合同明细_采购部.采购合同流水号 = 采购管理_采购合同_采购部.采购合同流水号
|
||
where 采购管理_采购合同_采购部.是否未通过 = 0
|
||
) as 通过的合同 on 通过的合同.组件零件流水号 = MRP_计划订单_组件零件清单_标准件和外购件_视图.组件零件流水号
|
||
left join 采购管理_供应商 on 通过的合同.供应商流水号 = 采购管理_供应商.供应商流水号
|
||
where 机床流水号 is not null and 零件类型 = 2 and 机床流水号 = ${this.machineValue}
|
||
) as a
|
||
group by 机床流水号,组号,组件名称 order by 组号
|
||
`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv16A = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
select 机床流水号,组号
|
||
,组件名称
|
||
,SUM(标准件数) as 总标准件数
|
||
,SUM(已采购标准件数) as 已采购标准件数
|
||
,SUM(部分采购标准件数) as 部分采购标准件数
|
||
,SUM(总到货数标准件数 ) as 总到货数标准件数
|
||
from (
|
||
SELECT 机床流水号,组号
|
||
,组件名称
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue}) as 标准件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) = isnull(零件数量,0)) as 已采购标准件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) <> isnull(零件数量,0)) as 部分采购标准件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) = isnull(已到货数量,0)) as 总到货数标准件数
|
||
FROM MRP_计划订单_组件零件清单_标准件和外购件_视图
|
||
left join (
|
||
select 采购管理_采购合同_采购部.*,组件零件流水号,数量,已到货数量 from 采购管理_采购合同明细_采购部
|
||
inner join 采购管理_采购合同_采购部 on 采购管理_采购合同明细_采购部.采购合同流水号 = 采购管理_采购合同_采购部.采购合同流水号
|
||
where 采购管理_采购合同_采购部.是否未通过 = 0
|
||
) as 通过的合同 on 通过的合同.组件零件流水号 = MRP_计划订单_组件零件清单_标准件和外购件_视图.组件零件流水号
|
||
left join 采购管理_供应商 on 通过的合同.供应商流水号 = 采购管理_供应商.供应商流水号
|
||
where 机床流水号 is not null and 零件类型 = 1 and 机床流水号 = ${this.machineValue}
|
||
) as a
|
||
group by 机床流水号,组号
|
||
,组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv16B = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
select 机床流水号,组号,组件名称
|
||
,SUM(基本件数) as 总基本件数
|
||
,SUM(已采购基本件数) as 已采购基本件数
|
||
,SUM(部分采购基本件数) as 部分采购基本件数
|
||
,SUM(总到货数基本件数 ) as 总到货数基本件数
|
||
from (
|
||
SELECT 机床流水号,组号,组件名称
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue}) as 基本件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) = isnull(零件数量,0)) as 已采购基本件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) <> isnull(零件数量,0)) as 部分采购基本件数
|
||
,(select COUNT(*) where 机床流水号 = ${this.machineValue} and isnull(数量,0) <> 0 and isnull(数量,0) = isnull(已到货数量,0)) as 总到货数基本件数
|
||
FROM MRP_计划订单_组件零件清单_基本件_视图
|
||
left join (
|
||
select 采购管理_采购合同_采购部.*,组件零件基本件流水号,数量,已到货数量 from 采购管理_采购合同明细_采购部
|
||
inner join 采购管理_采购合同_采购部 on 采购管理_采购合同明细_采购部.采购合同流水号 = 采购管理_采购合同_采购部.采购合同流水号
|
||
where 采购管理_采购合同_采购部.是否未通过 = 0
|
||
) as 通过的合同 on 通过的合同.组件零件基本件流水号 = MRP_计划订单_组件零件清单_基本件_视图.组件零件基本件流水号
|
||
left join 采购管理_供应商 on 通过的合同.供应商流水号 = 采购管理_供应商.供应商流水号
|
||
where 机床流水号 is not null and 机床流水号 = ${this.machineValue}
|
||
) as a
|
||
group by 机床流水号,组号,组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
console.log(res, 98765)
|
||
this.tableDataDiv16C = res.data
|
||
})
|
||
})
|
||
})
|
||
},
|
||
// 查询车间采购div数据
|
||
async searchDiv17() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = true
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
select 组号,组件名称
|
||
,SUM(基本件数) as 总基本件数
|
||
,SUM(已采购基本件数) as 已采购基本件数
|
||
,SUM(已到货基本件数 ) as 总到货数基本件数
|
||
from (
|
||
select 组号,组件名称,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 基本件流水号 is not null) as 基本件数,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 基本件流水号 is not null and 采购合同明细流水号 is not null) as 已采购基本件数,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 基本件流水号 is not null and isnull(零件数量,0) = isnull(已到货数量,0)) as 已到货基本件数
|
||
from 车间采购_综合查询视图 where 机床流水号 = ${this.machineValue}
|
||
) as a
|
||
group by a.组号,a.组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv17A = res.data
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `
|
||
select 组号,组件名称
|
||
,SUM(基本件数) as 总基本件数
|
||
,SUM(已采购基本件数) as 已采购基本件数
|
||
,SUM(已到货基本件数 ) as 总到货数基本件数
|
||
from (
|
||
select 组号,组件名称,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 标准件和外购件流水号 is not null) as 基本件数,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 标准件和外购件流水号 is not null and 采购合同明细流水号 is not null) as 已采购基本件数,
|
||
(select COUNT(*) where 机床流水号 =${this.machineValue} and 标准件和外购件流水号 is not null and isnull(零件数量,0) = isnull(已到货数量,0)) as 已到货基本件数
|
||
from 车间采购_综合查询视图 where 机床流水号 =${this.machineValue}
|
||
) as a
|
||
group by a.组号,a.组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv17B = res.data
|
||
})
|
||
})
|
||
},
|
||
// 查询工序外协div数据
|
||
searchDiv18() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = true
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.dataDiv18.yDataA = []
|
||
this.dataDiv18.xData = []
|
||
ProcessOutsourcing(this.machineValue).then(response => {
|
||
this.tableDataDiv18 = response.data
|
||
})
|
||
ProcessProportion(this.machineValue).then(response => {
|
||
for (let i = 0; i < response.data.length; i++) {
|
||
this.dataDiv18.xData.push(response.data[i].工艺名称)
|
||
this.dataDiv18.yDataA.push(response.data[i].零件数量)
|
||
}
|
||
}).then(() => {
|
||
this.drawLineDiv18()
|
||
})
|
||
},
|
||
// 绘制工序外协条形图
|
||
drawLineDiv18() {
|
||
const bar = echarts.init(document.getElementById('barDiv18'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: this.dataDiv18.xData
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv18.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '外协数量',
|
||
type: 'bar',
|
||
data: this.dataDiv18.yDataA
|
||
}]
|
||
})
|
||
},
|
||
// 查询自制件质检数据
|
||
async searchDiv19() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = true
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `SELECT
|
||
[组号]
|
||
,[组件名称]
|
||
,sum([数量]) as 检测总数量
|
||
,sum([不合格数量]) as 不合格总数量
|
||
,sum([零件数量]) as 零件总数量
|
||
,isnull(sum([不合格数量])/sum([数量]), 0) as 不合格率
|
||
,1 - isNull(sum([不合格数量])/sum([数量]), 0) as 合格率
|
||
FROM (
|
||
select 组号,组件名称,数量,不合格数量,零件数量 from 质检管理_外购件制造部数据_查询视图 where 机床流水号 = ${this.machineValue}
|
||
union
|
||
select 组号,组件名称,数量,不合格数量,零件数量 from 质检管理_外购件采购部基本件数据_查询视图 where 机床流水号 = ${this.machineValue}
|
||
union
|
||
select 组号,组件名称,数量,不合格数量,零件数量 from 质检管理_外购件采购部外购件数据_查询视图 where 机床流水号 = ${this.machineValue}) as a
|
||
group by a.组号, a.组件名称 order by 组号`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv19 = res.data
|
||
})
|
||
},
|
||
// 查询外购备料div数据
|
||
async searchDiv20() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = true
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
// this.dataDiv11.yDataB = []
|
||
// this.dataDiv11.yDataA = []
|
||
// this.dataDiv11.xData = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select 组号,组件名称,
|
||
SUM(外购备料总数) as 外购备料总数,
|
||
SUM(外购备料到货总数) as 外购备料到货总数,
|
||
SUM(外购备料出库总数) as 外购备料出库总数 from
|
||
(select 组号,组件名称,
|
||
(select COUNT(*) where 机床流水号 = ${this.machineValue}) as 外购备料总数,
|
||
(select COUNT(*) where 机床流水号 = ${this.machineValue} and 是否到货 = 1) as 外购备料到货总数,
|
||
(select COUNT(*) where 机床流水号 = ${this.machineValue} and 是否出库 = 1) as 外购备料出库总数
|
||
from [dbo].[备料管理_采购计划明细_查询数据_视图] where 机床流水号 = ${this.machineValue}) as a
|
||
group by 组号,组件名称`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv20 = res.data
|
||
// for (let i = 0; i < res.data.length; i++) {
|
||
// this.dataDiv11.xData.push(res.data[i].组号)
|
||
// this.dataDiv11.yDataA.push(res.data[i].零件条数)
|
||
// this.dataDiv11.yDataB.push(res.data[i].已备料条数)
|
||
// }
|
||
// this.drawLineDiv11()
|
||
})
|
||
},
|
||
// 装配质检
|
||
async searchDiv21() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = true
|
||
this.showDiv22 = false
|
||
// this.dataDiv11.yDataB = []
|
||
// this.dataDiv11.yDataA = []
|
||
// this.dataDiv11.xData = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `SELECT *
|
||
FROM [质检管理_装配质检_查询视图] where 机床流水号 = ${this.machineValue} and 组件流水号 is not null`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv21 = res.data
|
||
// for (let i = 0; i < res.data.length; i++) {
|
||
// this.dataDiv11.xData.push(res.data[i].组号)
|
||
// this.dataDiv11.yDataA.push(res.data[i].零件条数)
|
||
// this.dataDiv11.yDataB.push(res.data[i].已备料条数)
|
||
// }
|
||
// this.drawLineDiv11()
|
||
})
|
||
},
|
||
// 总装调试
|
||
async searchDiv22() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv23 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = true
|
||
// this.dataDiv11.yDataB = []
|
||
// this.dataDiv11.yDataA = []
|
||
// this.dataDiv11.xData = []
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `SELECT *
|
||
FROM [质检管理_装配质检_查询视图] where 机床流水号 = ${this.machineValue} and 组件流水号 is null`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv22 = res.data
|
||
// for (let i = 0; i < res.data.length; i++) {
|
||
// this.dataDiv11.xData.push(res.data[i].组号)
|
||
// this.dataDiv11.yDataA.push(res.data[i].零件条数)
|
||
// this.dataDiv11.yDataB.push(res.data[i].已备料条数)
|
||
// }
|
||
// this.drawLineDiv11()
|
||
})
|
||
},
|
||
// 查询工艺数据
|
||
async searchDiv13() {
|
||
this.dataDiv13.xData = []
|
||
this.dataDiv13.yDataA = []
|
||
this.dataDiv13.yDataB = []
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = true
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.showDiv23 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `declare @机床流水号 int = ${this.machineValue}
|
||
select 机床流水号,组号,组件名称,SUM(零件总数) as 零件总数,SUM(未制定零件数) as 未制定零件数,SUM(已制定零件数) as 已制定零件数 from (
|
||
--总
|
||
select 机床流水号,组号,组件名称
|
||
,COUNT(*) as 零件总数
|
||
,0 as 未制定零件数
|
||
,0 as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号
|
||
group by 机床流水号,组号,组件名称
|
||
union all
|
||
--未
|
||
select 机床流水号,组号,组件名称
|
||
,0 as 零件总数
|
||
,COUNT(*) as 未制定零件数
|
||
,0 as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号 and 考核状态 = 3 and 工艺任务分配状态 =2 and 批次零件状态=1
|
||
group by 机床流水号,组号,组件名称
|
||
union all
|
||
--已
|
||
select 机床流水号,组号,组件名称
|
||
,0 as 零件总数
|
||
,0 as 未制定零件数
|
||
,COUNT(*) as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号 and 考核状态 >= 4 and 工艺任务分配状态 =2 and 批次零件状态=1
|
||
group by 机床流水号,组号,组件名称
|
||
) as a
|
||
group by 机床流水号,组号,组件名称`
|
||
}
|
||
}).then(res => {
|
||
this.tableDataDiv13 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv13.xData.push(res.data[i].组号)
|
||
this.dataDiv13.yDataA.push(res.data[i].零件总数)
|
||
this.dataDiv13.yDataB.push(res.data[i].已制定零件数)
|
||
}
|
||
this.drawLineDiv13()
|
||
})
|
||
},
|
||
// 绘制工艺条形图
|
||
drawLineDiv13() {
|
||
const bar = echarts.init(document.getElementById('barDiv13'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: ['零件总数', '已编制条数']
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv13.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '零件总数',
|
||
type: 'bar',
|
||
data: this.dataDiv13.yDataA
|
||
}, {
|
||
name: '已编制条数',
|
||
type: 'bar',
|
||
data: this.dataDiv13.yDataB
|
||
}]
|
||
})
|
||
},
|
||
// 查询定额数据
|
||
async searchDiv14() {
|
||
this.dataDiv14.xData = []
|
||
this.dataDiv14.yDataA = []
|
||
this.dataDiv14.yDataB = []
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = true
|
||
this.showDiv15 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.showDiv23 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `declare @机床流水号 int = ${this.machineValue}
|
||
select 机床流水号
|
||
,a.组件流水号
|
||
,组号
|
||
,组件名称
|
||
,SUM(零件总数) as 零件总数
|
||
,SUM(未制定零件数) as 未制定零件数
|
||
,SUM(已制定零件数) as 已制定零件数
|
||
,理论总工时
|
||
from (
|
||
--总
|
||
select 机床流水号,组件流水号,组号,组件名称
|
||
,COUNT(*) as 零件总数
|
||
,0 as 未制定零件数
|
||
,0 as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号
|
||
group by 机床流水号,组件流水号,组号,组件名称
|
||
union all
|
||
--未
|
||
select 机床流水号,组件流水号,组号,组件名称
|
||
,0 as 零件总数
|
||
,COUNT(*) as 未制定零件数
|
||
,0 as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号 and 考核状态 = 3 and 工艺任务分配状态 =2 and 批次零件状态=1
|
||
group by 机床流水号,组件流水号,组号,组件名称
|
||
union all
|
||
--已
|
||
select 机床流水号,组件流水号,组号,组件名称
|
||
,0 as 零件总数
|
||
,0 as 未制定零件数
|
||
,COUNT(*) as 已制定零件数
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
where 机床流水号 = @机床流水号 and 考核状态 >= 4 and 工艺任务分配状态 =2 and 批次零件状态=1
|
||
group by 机床流水号,组件流水号,组号,组件名称
|
||
) as a
|
||
inner join (
|
||
select 组件流水号
|
||
,sum(isnull(单件定额工时,0)*isnull(批次数量,0) + isnull(准结定额工时,0)) as 理论总工时
|
||
from 车间生产管理工艺_零件工艺计划_传递后_视图
|
||
inner join 车间生产管理工艺_零件工序 on 车间生产管理工艺_零件工艺计划_传递后_视图.工艺计划流水号 = 车间生产管理工艺_零件工序.工艺计划流水号
|
||
left JOIN 车间生产管理工艺_基础表_工艺名称 on 车间生产管理工艺_零件工序.工艺编号 = dbo.车间生产管理工艺_基础表_工艺名称.工艺编号
|
||
where 机床流水号 = @机床流水号 and (isnull(单件定额工时,0) <> 0 or isnull(准结定额工时,0) <> 0)
|
||
group by 组件流水号
|
||
) as b
|
||
on a.组件流水号 = b.组件流水号
|
||
group by 机床流水号,a.组件流水号,组号,组件名称,理论总工时
|
||
order by 组号`
|
||
}
|
||
}).then(res => {
|
||
console.log(res)
|
||
this.tableDataDiv14 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv14.xData.push(res.data[i].组号)
|
||
this.dataDiv14.yDataA.push(res.data[i].零件总数)
|
||
this.dataDiv14.yDataB.push(res.data[i].已制定零件数)
|
||
}
|
||
this.drawLineDiv14()
|
||
})
|
||
},
|
||
// 绘制定额条形图
|
||
drawLineDiv14() {
|
||
const bar = echarts.init(document.getElementById('barDiv14'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: ['零件总数', '已编制条数']
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv14.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '零件总数',
|
||
type: 'bar',
|
||
data: this.dataDiv14.yDataA
|
||
}, {
|
||
name: '已编制条数',
|
||
type: 'bar',
|
||
data: this.dataDiv14.yDataB
|
||
}]
|
||
})
|
||
},
|
||
// 查询能力平衡数据
|
||
async searchDiv15() {
|
||
this.dataDiv15.xData = []
|
||
this.dataDiv15.yDataA = []
|
||
this.dataDiv15.yDataB = []
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = true
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.showDiv23 = false
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `declare @机床流水号 int = ${this.machineValue}
|
||
create table #临时表1
|
||
(
|
||
id int IDENTITY (1,1) not null,
|
||
组件流水号 nvarchar(50),
|
||
primary key (id)
|
||
);
|
||
create table #临时表2
|
||
(
|
||
id int IDENTITY (1,1) not null,
|
||
组号 nvarchar(50),
|
||
组件名称 nvarchar(50),
|
||
完成状态 nvarchar(50),
|
||
已完成数量 nvarchar(50),
|
||
零件总条数 nvarchar(50),
|
||
primary key (id)
|
||
);
|
||
insert into #临时表1 select distinct 组件流水号 from dbo.车间生产管理工艺_零件工序_工艺卡报表_视图
|
||
where 机床流水号=@机床流水号 and 考核状态 > 3
|
||
declare @id int =1
|
||
declare @id2 int
|
||
declare @组号 nvarchar(50)
|
||
declare @组件名称 nvarchar(50)
|
||
declare @完成状态 nvarchar(50)
|
||
declare @已完成数量 int
|
||
declare @零件总条数 int
|
||
while (@id<=(select COUNT (id) from #临时表1 ))
|
||
begin
|
||
select @已完成数量 = COUNT(工艺计划流水号) from 车间生产管理工艺_零件工序_工艺卡报表_视图
|
||
where 机床流水号=@机床流水号 and 考核状态 >= 6
|
||
and 组件流水号=(select 组件流水号 from #临时表1 where id=@id)
|
||
insert into #临时表2 (已完成数量) values (@已完成数量)
|
||
set @id2 = @@IDENTITY
|
||
select @零件总条数 = COUNT(工艺计划流水号) from 车间生产管理工艺_零件工序_工艺卡报表_视图
|
||
where 机床流水号=@机床流水号 and 考核状态 > 3
|
||
and 组件流水号=(select 组件流水号 from #临时表1 where id=@id)
|
||
update #临时表2 set 零件总条数 = @零件总条数
|
||
where id=@id2
|
||
select @组件名称 = 组件名称,@组号 = 组号 from 车间生产管理工艺_零件工序_工艺卡报表_视图
|
||
where 机床流水号=@机床流水号 and 考核状态 > 3
|
||
and 组件流水号=(select 组件流水号 from #临时表1 where id=@id)
|
||
update #临时表2 set 组件名称 = @组件名称,组号 = @组号
|
||
where id=@id2
|
||
if @已完成数量 <> @零件总条数
|
||
begin
|
||
set @完成状态 = '未完成'
|
||
update #临时表2 set 完成状态 = @完成状态
|
||
where id=@id2
|
||
end
|
||
else
|
||
begin
|
||
set @完成状态 = '已完成'
|
||
update #临时表2 set 完成状态 = @完成状态
|
||
where id=@id2
|
||
end
|
||
set @id = @id + 1
|
||
end
|
||
select * from #临时表2 order by 组号
|
||
drop table #临时表1
|
||
drop table #临时表2`
|
||
}
|
||
}).then(res => {
|
||
console.log(res)
|
||
this.tableDataDiv15 = res.data
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
this.dataDiv15.xData.push(res.data[i].组号)
|
||
this.dataDiv15.yDataA.push(res.data[i].零件总条数)
|
||
this.dataDiv15.yDataB.push(res.data[i].已完成数量)
|
||
}
|
||
this.drawLineDiv15()
|
||
})
|
||
},
|
||
// 绘制能力平衡条形图
|
||
drawLineDiv15() {
|
||
const bar = echarts.init(document.getElementById('barDiv15'))
|
||
// 指定图表的配置项和数据
|
||
bar.setOption({
|
||
tooltip: {},
|
||
legend: {
|
||
data: ['零件总数', '已编制条数']
|
||
},
|
||
xAxis: {
|
||
data: this.dataDiv15.xData,
|
||
show: true
|
||
},
|
||
yAxis: {},
|
||
series: [{
|
||
name: '零件总数',
|
||
type: 'bar',
|
||
data: this.dataDiv15.yDataA
|
||
}, {
|
||
name: '已编制条数',
|
||
type: 'bar',
|
||
data: this.dataDiv15.yDataB
|
||
}]
|
||
})
|
||
},
|
||
// 查询发货数据
|
||
async searchDiv23() {
|
||
this.showDiv0 = false
|
||
this.showDiv1 = false
|
||
this.showDiv2 = false
|
||
this.showDiv3 = false
|
||
this.showDiv4 = false
|
||
this.showDiv5 = false
|
||
this.showDiv6 = false
|
||
this.showDiv7 = false
|
||
this.showDiv8 = false
|
||
this.showDiv9 = false
|
||
this.showDiv10 = false
|
||
this.showDiv11 = false
|
||
this.showDiv12 = false
|
||
this.showDiv13 = false
|
||
this.showDiv14 = false
|
||
this.showDiv15 = false
|
||
this.showDiv16 = false
|
||
this.showDiv17 = false
|
||
this.showDiv18 = false
|
||
this.showDiv19 = false
|
||
this.showDiv20 = false
|
||
this.showDiv21 = false
|
||
this.showDiv22 = false
|
||
this.showDiv23 = true
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select * from dbo.发货管理_发货单 where 机床流水号 = ${this.machineValue} and 是否发出 = 1`
|
||
}
|
||
}).then(res => {
|
||
console.log(res)
|
||
this.tableDataDiv23 = res.data
|
||
})
|
||
},
|
||
aaa() {
|
||
console.log(this.dataDiv10.data, 89)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.red{
|
||
background: red;
|
||
}
|
||
.yellow{
|
||
background: orange;
|
||
}
|
||
.green{
|
||
background: lightgreen;
|
||
}
|
||
.white{
|
||
background: white;
|
||
}
|
||
.el-card{
|
||
margin: 5px 10px 5px 10px;
|
||
}
|
||
.showDiv{
|
||
height: 380px;
|
||
}
|
||
.module{
|
||
border-radius: 6px;
|
||
border: 3px solid black;
|
||
/*background-color: white;*/
|
||
display: inline-block;
|
||
}
|
||
.module:hover{
|
||
box-shadow: 5px 5px 5px #888888;/*设置阴影,可以自定义参数*/
|
||
}
|
||
.process{
|
||
text-align: center;
|
||
margin-left: 80px;
|
||
margin-top: 20px;
|
||
width: 1858px;
|
||
height: 400px;
|
||
/*border: 1px solid red;*/
|
||
background: url('../../../assets/img/img4.png') repeat;
|
||
background-repeat:no-repeat;
|
||
background-size:100% 100%;-moz-background-size:100% 100%;
|
||
}
|
||
.main{
|
||
border: 1px solid #DCDFE6;
|
||
width:100%;
|
||
overflow-y: hidden;
|
||
overflow-x: auto;
|
||
color: #000;
|
||
font-size: 16px;
|
||
height: 440px;
|
||
}
|
||
.main p{height:300px;}
|
||
/*-------滚动条整体样式----*/
|
||
.main::-webkit-scrollbar {
|
||
width:8px;
|
||
height:8px;
|
||
}
|
||
/*滚动条里面小方块样式*/
|
||
.main::-webkit-scrollbar-thumb {
|
||
border-radius:100px;
|
||
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
|
||
background:#DCDFE6;
|
||
}
|
||
/*滚动条里面轨道样式*/
|
||
.main::-webkit-scrollbar-track {
|
||
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
|
||
border-radius:0;
|
||
background:white;
|
||
}
|
||
</style>
|