更新
This commit is contained in:
liushuai
@@ -12,10 +12,9 @@
|
||||
placeholder="请输入内容"
|
||||
@clear="clearMachine"
|
||||
@select="handleSelect"/>
|
||||
<el-tag style="margin-left: 10px; color: black" type="info">未开始</el-tag>
|
||||
<el-tag style="background: orange; color: black">进行中</el-tag>
|
||||
<el-tag style="background: lightgreen; color: black">已完成</el-tag>
|
||||
<el-tag style="background: red; color: black">已拖期</el-tag>
|
||||
<el-tag style="margin-left: 10px; background: #EAEAEA; color: black">未开始</el-tag>
|
||||
<el-tag style="background: #7eaced; color: black">进行中</el-tag>
|
||||
<el-tag style="background: #ff9759; color: black">已完成</el-tag>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<div class="main">
|
||||
@@ -23,139 +22,139 @@
|
||||
<div :class="[isActive ? color[22] : 'white']" 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" style="color: black" @click="searchDiv23">发货<br>{{ `${data[0].发货百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[22] : 'white']" type="text" @click="searchDiv23">发货<br>{{ `${data[0].发货百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[21] : 'white']" 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" style="color: black" @click="searchDiv22">总装调试<br>{{ `${data[0].总装调试百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[21] : 'white']" type="text" @click="searchDiv22">总装调试<br>{{ `${data[0].总装调试百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[20] : 'white']" 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" style="color: black" @click="searchDiv21">装配质检<br>{{ `${data[0].装配质检百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[20] : 'white']" type="text" @click="searchDiv21">装配质检<br>{{ `${data[0].装配质检百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[19] : 'white']" 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" style="color: black" @click="searchDiv6">电气装配<br>{{ `${data[0].电气装配百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[19] : 'white']" type="text" @click="searchDiv6">电气装配<br>{{ `${data[0].电气装配百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[18] : 'white']" class="module" style="position: relative;left: 1100px;top:176px; width: 80px;height: 48px;">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content"><br>角色：装配部长<br>装配部长制定装配计划，<br>并记录计划执行情况</div>
|
||||
<el-button :disabled="disabled" type="text" style="color: black" @click="searchDiv5">机械装配<br>{{ `${data[0].机械装配百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[18] : 'white']" type="text" @click="searchDiv5">机械装配<br>{{ `${data[0].机械装配百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[17] : 'white']" 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" style="color: black" @click="searchDiv7">冷作<br>{{ `${data[0].冷作百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[17] : 'white']" type="text" @click="searchDiv7">冷作<br>{{ `${data[0].冷作百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[16] : 'white']" 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" style="color: black" @click="searchDiv8">油漆<br>{{ `${data[0].油漆百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[16] : 'white']" type="text" @click="searchDiv8">油漆<br>{{ `${data[0].油漆百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[15] : 'white']" 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" style="color: black" @click="searchDiv9">成组配套<br>{{ `${data[0].成组配套百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[15] : 'white']" type="text" @click="searchDiv9">成组配套<br>{{ `${data[0].成组配套百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[14] : 'white']" 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" style="color: black" @click="searchDiv12">自制质检<br>{{ `${data[0].自制质检百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[14] : 'white']" type="text" @click="searchDiv12">自制质检<br>{{ `${data[0].自制质检百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[13] : 'white']" 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" style="color: black" @click="searchDiv19">采购质检<br>{{ `${data[0].采购质检百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[13] : 'white']" type="text" @click="searchDiv19">采购质检<br>{{ `${data[0].采购质检百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[12] : 'white']" 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" style="color: black" @click="searchDiv10">车间加工<br>{{ `${data[0].车间加工百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[12] : 'white']" type="text" @click="searchDiv10">车间加工<br>{{ `${data[0].车间加工百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[11] : 'white']" 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" style="color: black" @click="searchDiv18">工序外协<br>{{ `${data[0].工序外协百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[11] : 'white']" type="text" @click="searchDiv18">工序外协<br>{{ `${data[0].工序外协百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[10] : 'white']" 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" style="color: black" @click="searchDiv15">能力平衡<br>{{ `${data[0].能力平衡百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[10] : 'white']" type="text" @click="searchDiv15">能力平衡<br>{{ `${data[0].能力平衡百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[9] : 'white']" 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" style="color: black" @click="searchDiv14">定额<br>{{ `${data[0].定额百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[9] : 'white']" type="text" @click="searchDiv14">定额<br>{{ `${data[0].定额百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[8] : 'white']" 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" style="color: black" @click="searchDiv13">工艺<br>{{ `${data[0].工艺百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[8] : 'white']" type="text" @click="searchDiv13">工艺<br>{{ `${data[0].工艺百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[7] : 'white']" 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" style="color: black" @click="searchDiv11">自家备料<br>{{ `${data[0].自家备料百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[7] : 'white']" type="text" @click="searchDiv11">自家备料<br>{{ `${data[0].自家备料百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[0] : 'white']" 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" style="color: black" @click="searchDiv1">签订合同<br>{{ `${data[0].签订合同百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[0] : 'white']" type="text" @click="searchDiv1">签订合同<br>{{ `${data[0].签订合同百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[1] : 'white']" 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" style="color: black" @click="searchDiv2">产品设计<br>{{ `${data[0].产品设计百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[1] : 'white']" type="text" @click="searchDiv2">产品设计<br>{{ `${data[0].产品设计百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[6] : 'white']" 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" style="color: black" @click="searchDiv20">外购备料<br>{{ `${data[0].外购备料百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[6] : 'white']" type="text" @click="searchDiv20">外购备料<br>{{ `${data[0].外购备料百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[2] : 'white']" 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" style="color: black" @click="searchDiv3">零件分配<br>{{ `${data[0].零件分配百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[2] : 'white']" type="text" @click="searchDiv3">零件分配<br>{{ `${data[0].零件分配百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[3] : 'white']" 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" style="color: black" @click="searchDiv4">自制件<br>{{ `${data[0].自制件百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[3] : 'white']" type="text" @click="searchDiv4">自制件<br>{{ `${data[0].自制件百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[5] : 'white']" 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" style="color: black;line-height: 19px" @click="searchDiv17">车间采购<br>{{ `${data[0].车间采购百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[5] : 'white']" type="text" @click="searchDiv17">车间采购<br>{{ `${data[0].车间采购百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div :class="[isActive ? color[4] : 'white']" 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" style="color: black" @click="searchDiv16">采购部采购<br>{{ `${data[0].采购部采购百分比}%` }}</el-button>
|
||||
<el-button :disabled="disabled" :class="[isActive ? color[4] : 'white']" type="text" @click="searchDiv16">采购部采购<br>{{ `${data[0].采购部采购百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2212,6 +2211,7 @@ export default {
|
||||
}).then(res => {
|
||||
this.isActive = true
|
||||
this.data = res.data
|
||||
console.log(res)
|
||||
if (res.data[0].签订合同状态 === 1) { this.color[0] = 'white' } else if (res.data[0].签订合同状态 === 2) { this.color[0] = 'yellow' } else if (res.data[0].签订合同状态 === 3) { this.color[0] = 'green' } else if (res.data[0].签订合同状态 === 4) { this.color[0] = 'red' }
|
||||
if (res.data[0].产品设计状态 === 1) { this.color[1] = 'white' } else if (res.data[0].产品设计状态 === 2) { this.color[1] = 'yellow' } else if (res.data[0].产品设计状态 === 3) { this.color[1] = 'green' } else if (res.data[0].产品设计状态 === 4) { this.color[1] = 'red' }
|
||||
if (res.data[0].零件分配状态 === 1) { this.color[2] = 'white' } else if (res.data[0].零件分配状态 === 2) { this.color[2] = 'yellow' } else if (res.data[0].零件分配状态 === 3) { this.color[2] = 'green' } else if (res.data[0].零件分配状态 === 4) { this.color[2] = 'red' }
|
||||
@@ -2298,7 +2298,7 @@ export default {
|
||||
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].价值评估 === '高') {
|
||||
} else if (res.data[0].价值评估 === '中') {
|
||||
this.valueDiv1 = 3
|
||||
} else {
|
||||
this.valueDiv1 = 1
|
||||
@@ -2424,6 +2424,14 @@ export default {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
},
|
||||
normal: {
|
||||
color: function(params) {
|
||||
var colorList = [
|
||||
'gray', '#ff9759', '#7eaced'
|
||||
]
|
||||
return colorList[params.dataIndex]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -4324,13 +4332,19 @@ export default {
|
||||
background: red;
|
||||
}
|
||||
.yellow{
|
||||
background: orange;
|
||||
background: #7eaced;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
.green{
|
||||
background: lightgreen;
|
||||
background: #ff9759;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
.white{
|
||||
background: white;
|
||||
background: #EAEAEA;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
.el-card{
|
||||
margin: 5px 10px 5px 10px;
|
||||
@@ -4343,7 +4357,6 @@ export default {
|
||||
}
|
||||
.module{
|
||||
border-radius: 6px;
|
||||
border: 1px solid black;
|
||||
/*background-color: white;*/
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -4352,12 +4365,12 @@ export default {
|
||||
}
|
||||
.process{
|
||||
text-align: center;
|
||||
margin-left: 80px;
|
||||
margin-left: 30px;
|
||||
margin-top: 20px;
|
||||
width: 1858px;
|
||||
height: 400px;
|
||||
/*border: 1px solid red;*/
|
||||
background: url('../../../assets/img/img4.png') repeat;
|
||||
background: url('../../../assets/img/img10.png') repeat;
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% 100%;-moz-background-size:100% 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user