更新
This commit is contained in:
liushuai
644
src/views/ManufacturingCenter/Querybd/index.vue
Normal file
644
src/views/ManufacturingCenter/Querybd/index.vue
Normal file
@@ -0,0 +1,644 @@
|
||||
<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-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-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="[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>第二行信息</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='发货';update()">发货<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" style="color: black;line-height:19px" type="text" @click="title='总装调试';update()">总装调试<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" style="color: black;line-height:19px" type="text" @click="title='装配质检';update()">装配质检<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" style="color: black;line-height:19px" type="text" @click="title='电气装配';update()">电气装配<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>并记录计划执行情况</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='机械装配';update()">机械装配<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" style="color: black;line-height:19px" type="text" @click="title='冷作';update()">冷作<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" style="color: black;line-height:19px" type="text" @click="title='油漆';update()">油漆<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" style="color: black;line-height:19px" type="text" @click="title='成组配套';update()">成组配套<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" style="color: black;line-height:19px" type="text" @click="title='自制质检';update()">自制质检<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" style="color: black;line-height:19px" type="text" @click="title='采购质检';update()">采购质检<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" style="color: black;line-height:19px" type="text" @click="title='车间加工';update()">车间加工<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" style="color: black;line-height:19px" type="text" @click="title='工序外协';update()">工序外协<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" style="color: black;line-height:19px" type="text" @click="title='能力平衡';update()">能力平衡<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">第二行信息</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='定额';update()">定额<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">第二行信息</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='工艺';update()">工艺<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" style="color: black;line-height:19px" type="text" @click="title='自家备料';update()">自家备料<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" style="color: black;line-height:19px" type="text" @click="title = '签订合同';update()">签订合同<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" style="color: black;line-height:19px" type="text" @click="title = '产品设计';update()">产品设计<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" style="color: black;line-height:19px" type="text" @click="title='外购备料';update()">外购备料<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" style="color: black;line-height:19px" type="text" @click="title='零件分配';update()">零件分配<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" style="color: black;line-height:19px" type="text" @click="title='自制件';update()">自制件<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>第二行信息</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='车间采购';update()">车间采购<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>第二行信息</div>
|
||||
<el-button :disabled="disabled" style="color: black;line-height:19px" type="text" @click="title='采购部采购';update()">采购部采购<br>{{ `${data[0].采购部采购百分比}%` }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card style="height: 380px">
|
||||
<el-row>
|
||||
<h2>{{ title }}</h2>
|
||||
</el-row>
|
||||
<div style="margin: 0 auto;width: 400px">
|
||||
<el-row>
|
||||
<el-select v-model="value" placeholder="请选择" style="width: 200px" @change="select">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 30px">
|
||||
<el-input-number v-model="num" :precision="2" :step="0.1" :max="100" style="width: 200px" @blur="blur"/>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 30px">
|
||||
<el-button type="primary" style="width: 200px;padding-top: 12px" @click="save">保存</el-button>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>import { SelectMachine } from '@/api/ManufacturingCenter/ParseQuery'
|
||||
import request from '@/utils/request'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
name: '',
|
||||
name1: '',
|
||||
num: 0,
|
||||
options: [{
|
||||
value: 1,
|
||||
label: '未开始'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '进行中'
|
||||
}, {
|
||||
value: 3,
|
||||
label: '已完成'
|
||||
}, {
|
||||
value: 4,
|
||||
label: '已拖期'
|
||||
}],
|
||||
value: '',
|
||||
title: '请点击查询',
|
||||
disabled: true,
|
||||
color: [],
|
||||
isActive: false,
|
||||
machineValue: '',
|
||||
searchCriteria: '', // 机床名称 V-model
|
||||
restaurants: [], // 机床名称数组
|
||||
data: [{
|
||||
签订合同百分比: 0,
|
||||
产品设计百分比: 0,
|
||||
零件分配百分比: 0,
|
||||
自制件百分比: 0,
|
||||
车间采购百分比: 0,
|
||||
采购部采购百分比: 0,
|
||||
自家备料百分比: 0,
|
||||
外购备料百分比: 0,
|
||||
工艺百分比: 0,
|
||||
定额百分比: 0,
|
||||
能力平衡百分比: 0,
|
||||
工序外协百分比: 0,
|
||||
车间加工百分比: 0,
|
||||
自制质检百分比: 0,
|
||||
采购质检百分比: 0,
|
||||
成组配套百分比: 0,
|
||||
电气装配百分比: 0,
|
||||
机械装配百分比: 0,
|
||||
冷作百分比: 0,
|
||||
油漆百分比: 0,
|
||||
装配质检百分比: 0,
|
||||
总装调试百分比: 0,
|
||||
发货百分比: 0
|
||||
}] // 百分比
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
select() {
|
||||
if (this.value === 3) {
|
||||
this.num = 100
|
||||
}
|
||||
},
|
||||
blur() {
|
||||
if (this.num === 100) {
|
||||
this.value = 3
|
||||
}
|
||||
},
|
||||
// 清空查询条件
|
||||
clearMachine() {
|
||||
this.num = 0
|
||||
this.value = ''
|
||||
this.title = '请点击查询'
|
||||
this.machineValue = ''
|
||||
this.isActive = false
|
||||
this.disabled = true
|
||||
this.data[0].签订合同百分比 = 0
|
||||
this.data[0].产品设计百分比 = 0
|
||||
this.data[0].零件分配百分比 = 0
|
||||
this.data[0].自制件百分比 = 0
|
||||
this.data[0].车间采购百分比 = 0
|
||||
this.data[0].采购部采购百分比 = 0
|
||||
this.data[0].自家备料百分比 = 0
|
||||
this.data[0].外购备料百分比 = 0
|
||||
this.data[0].工艺百分比 = 0
|
||||
this.data[0].定额百分比 = 0
|
||||
this.data[0].能力平衡百分比 = 0
|
||||
this.data[0].工序外协百分比 = 0
|
||||
this.data[0].车间加工百分比 = 0
|
||||
this.data[0].自制质检百分比 = 0
|
||||
this.data[0].采购质检百分比 = 0
|
||||
this.data[0].成组配套百分比 = 0
|
||||
this.data[0].电气装配百分比 = 0
|
||||
this.data[0].机械装配百分比 = 0
|
||||
this.data[0].冷作百分比 = 0
|
||||
this.data[0].油漆百分比 = 0
|
||||
this.data[0].装配质检百分比 = 0
|
||||
this.data[0].总装调试百分比 = 0
|
||||
this.data[0].发货百分比 = 0
|
||||
},
|
||||
// 机床名称查询函数
|
||||
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为首字匹配
|
||||
}
|
||||
},
|
||||
// 选择机床名称后的赋值函数
|
||||
async handleSelect(item) {
|
||||
// 在此方法中可以把下拉框选中值中的内容赋值给其他变量使用
|
||||
this.machineValue = item.num
|
||||
this.machineValue ? this.disabled = false : this.disabled = true
|
||||
this.title = '请点击选择'
|
||||
await request({
|
||||
url: '',
|
||||
method: 'post',
|
||||
data: {
|
||||
type: '3',
|
||||
name: `select * from 综合查询_状态 where 机床流水号 = ${this.machineValue}`
|
||||
}
|
||||
}).then(res => {
|
||||
this.isActive = true
|
||||
this.data = res.data
|
||||
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' }
|
||||
if (res.data[0].自制件状态 === 1) { this.color[3] = 'white' } else if (res.data[0].自制件状态 === 2) { this.color[3] = 'yellow' } else if (res.data[0].自制件状态 === 3) { this.color[3] = 'green' } else if (res.data[0].自制件状态 === 4) { this.color[3] = 'red' }
|
||||
if (res.data[0].采购部采购状态 === 1) { this.color[4] = 'white' } else if (res.data[0].采购部采购状态 === 2) { this.color[4] = 'yellow' } else if (res.data[0].采购部采购状态 === 3) { this.color[4] = 'green' } else if (res.data[0].采购部采购状态 === 4) { this.color[4] = 'red' }
|
||||
if (res.data[0].车间采购状态 === 1) { this.color[5] = 'white' } else if (res.data[0].车间采购状态 === 2) { this.color[5] = 'yellow' } else if (res.data[0].车间采购状态 === 3) { this.color[5] = 'green' } else if (res.data[0].车间采购状态 === 4) { this.color[5] = 'red' }
|
||||
if (res.data[0].外购备料状态 === 1) { this.color[6] = 'white' } else if (res.data[0].外购备料状态 === 2) { this.color[6] = 'yellow' } else if (res.data[0].外购备料状态 === 3) { this.color[6] = 'green' } else if (res.data[0].外购备料状态 === 4) { this.color[6] = 'red' }
|
||||
if (res.data[0].自家备料状态 === 1) { this.color[7] = 'white' } else if (res.data[0].自家备料状态 === 2) { this.color[7] = 'yellow' } else if (res.data[0].自家备料状态 === 3) { this.color[7] = 'green' } else if (res.data[0].自家备料状态 === 4) { this.color[7] = 'red' }
|
||||
if (res.data[0].工艺状态 === 1) { this.color[8] = 'white' } else if (res.data[0].工艺状态 === 2) { this.color[8] = 'yellow' } else if (res.data[0].工艺状态 === 3) { this.color[8] = 'green' } else if (res.data[0].工艺状态 === 4) { this.color[8] = 'red' }
|
||||
if (res.data[0].定额状态 === 1) { this.color[9] = 'white' } else if (res.data[0].定额状态 === 2) { this.color[9] = 'yellow' } else if (res.data[0].定额状态 === 3) { this.color[9] = 'green' } else if (res.data[0].定额状态 === 4) { this.color[9] = 'red' }
|
||||
if (res.data[0].能力平衡状态 === 1) { this.color[10] = 'white' } else if (res.data[0].能力平衡状态 === 2) { this.color[10] = 'yellow' } else if (res.data[0].能力平衡状态 === 3) { this.color[10] = 'green' } else if (res.data[0].能力平衡状态 === 4) { this.color[10] = 'red' }
|
||||
if (res.data[0].工序外协状态 === 1) { this.color[11] = 'white' } else if (res.data[0].工序外协状态 === 2) { this.color[11] = 'yellow' } else if (res.data[0].工序外协状态 === 3) { this.color[11] = 'green' } else if (res.data[0].工序外协状态 === 4) { this.color[11] = 'red' }
|
||||
if (res.data[0].车间加工状态 === 1) { this.color[12] = 'white' } else if (res.data[0].车间加工状态 === 2) { this.color[12] = 'yellow' } else if (res.data[0].车间加工状态 === 3) { this.color[12] = 'green' } else if (res.data[0].车间加工状态 === 4) { this.color[12] = 'red' }
|
||||
if (res.data[0].采购质检状态 === 1) { this.color[13] = 'white' } else if (res.data[0].采购质检状态 === 2) { this.color[13] = 'yellow' } else if (res.data[0].采购质检状态 === 3) { this.color[13] = 'green' } else if (res.data[0].采购质检状态 === 4) { this.color[13] = 'red' }
|
||||
if (res.data[0].自制质检状态 === 1) { this.color[14] = 'white' } else if (res.data[0].自制质检状态 === 2) { this.color[14] = 'yellow' } else if (res.data[0].自制质检状态 === 3) { this.color[14] = 'green' } else if (res.data[0].自制质检状态 === 4) { this.color[14] = 'red' }
|
||||
if (res.data[0].成组配套状态 === 1) { this.color[15] = 'white' } else if (res.data[0].成组配套状态 === 2) { this.color[15] = 'yellow' } else if (res.data[0].成组配套状态 === 3) { this.color[15] = 'green' } else if (res.data[0].成组配套状态 === 4) { this.color[15] = 'red' }
|
||||
if (res.data[0].油漆状态 === 1) { this.color[16] = 'white' } else if (res.data[0].油漆状态 === 2) { this.color[16] = 'yellow' } else if (res.data[0].油漆状态 === 3) { this.color[16] = 'green' } else if (res.data[0].油漆状态 === 4) { this.color[16] = 'red' }
|
||||
if (res.data[0].冷作状态 === 1) { this.color[17] = 'white' } else if (res.data[0].冷作状态 === 2) { this.color[17] = 'yellow' } else if (res.data[0].冷作状态 === 3) { this.color[17] = 'green' } else if (res.data[0].冷作状态 === 4) { this.color[17] = 'red' }
|
||||
if (res.data[0].机械装配状态 === 1) { this.color[18] = 'white' } else if (res.data[0].机械装配状态 === 2) { this.color[18] = 'yellow' } else if (res.data[0].机械装配状态 === 3) { this.color[18] = 'green' } else if (res.data[0].机械装配状态 === 4) { this.color[18] = 'red' }
|
||||
if (res.data[0].电气装配状态 === 1) { this.color[19] = 'white' } else if (res.data[0].电气装配状态 === 2) { this.color[19] = 'yellow' } else if (res.data[0].电气装配状态 === 3) { this.color[19] = 'green' } else if (res.data[0].电气装配状态 === 4) { this.color[19] = 'red' }
|
||||
if (res.data[0].装配质检状态 === 1) { this.color[20] = 'white' } else if (res.data[0].装配质检状态 === 2) { this.color[20] = 'yellow' } else if (res.data[0].装配质检状态 === 3) { this.color[20] = 'green' } else if (res.data[0].装配质检状态 === 4) { this.color[20] = 'red' }
|
||||
if (res.data[0].总装调试状态 === 1) { this.color[21] = 'white' } else if (res.data[0].总装调试状态 === 2) { this.color[21] = 'yellow' } else if (res.data[0].总装调试状态 === 3) { this.color[21] = 'green' } else if (res.data[0].总装调试状态 === 4) { this.color[21] = 'red' }
|
||||
if (res.data[0].发货状态 === 1) { this.color[22] = 'white' } else if (res.data[0].发货状态 === 2) { this.color[22] = 'yellow' } else if (res.data[0].发货状态 === 3) { this.color[22] = 'green' } else if (res.data[0].发货状态 === 4) { this.color[22] = 'red' }
|
||||
})
|
||||
},
|
||||
async update() {
|
||||
if (this.title === '签订合同') { this.name1 = `select 签订合同状态,签订合同百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '产品设计') { this.name1 = `select 产品设计状态,产品设计百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '零件分配') { this.name1 = `select 零件分配状态,零件分配百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自制件') { this.name1 = `select 自制件状态,自制件百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '车间采购') { this.name1 = `select 车间采购状态,车间采购百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '采购部采购') { this.name1 = `select 采购部采购状态,采购部采购百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自家备料') { this.name1 = `select 自家备料状态,自家备料百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '外购备料') { this.name1 = `select 外购备料状态,外购备料百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '工艺') { this.name1 = `select 工艺状态,工艺百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '定额') { this.name1 = `select 定额状态,定额百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '能力平衡') { this.name1 = `select 能力平衡状态,能力平衡百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '工序外协') { this.name1 = `select 工序外协状态,工序外协百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '车间加工') { this.name1 = `select 车间加工状态,车间加工百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自制质检') { this.name1 = `select 自制质检状态,自制质检百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '采购质检') { this.name1 = `select 采购质检状态,采购质检百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '成组配套') { this.name1 = `select 成组配套状态,成组配套百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '电气装配') { this.name1 = `select 电气装配状态,电气装配百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '机械装配') { this.name1 = `select 机械装配状态,机械装配百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '冷作') { this.name1 = `select 冷作状态,冷作百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '油漆') { this.name1 = `select 油漆状态,油漆百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '装配质检') { this.name1 = `select 装配质检状态,装配质检百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '总装调试') { this.name1 = `select 总装调试状态,总装调试百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '发货') { this.name1 = `select 发货状态,发货百分比 from 综合查询_状态 where 机床流水号 = ${this.machineValue}` }
|
||||
await request({
|
||||
url: '',
|
||||
method: 'post',
|
||||
data: {
|
||||
type: '3',
|
||||
name: this.name1
|
||||
}
|
||||
}).then(res => {
|
||||
switch (this.title) {
|
||||
case '签订合同':
|
||||
this.value = res.data[0].签订合同状态
|
||||
this.num = res.data[0].签订合同百分比
|
||||
break
|
||||
case '产品设计':
|
||||
this.value = res.data[0].产品设计状态
|
||||
this.num = res.data[0].产品设计百分比
|
||||
break
|
||||
case '零件分配':
|
||||
this.value = res.data[0].零件分配状态
|
||||
this.num = res.data[0].零件分配百分比
|
||||
break
|
||||
case '自制件':
|
||||
this.value = res.data[0].自制件状态
|
||||
this.num = res.data[0].自制件百分比
|
||||
break
|
||||
case '车间采购':
|
||||
this.value = res.data[0].车间采购状态
|
||||
this.num = res.data[0].车间采购百分比
|
||||
break
|
||||
case '采购部采购':
|
||||
this.value = res.data[0].采购部采购状态
|
||||
this.num = res.data[0].采购部采购百分比
|
||||
break
|
||||
case '自家备料':
|
||||
this.value = res.data[0].自家备料状态
|
||||
this.num = res.data[0].自家备料百分比
|
||||
break
|
||||
case '外购备料':
|
||||
this.value = res.data[0].外购备料状态
|
||||
this.num = res.data[0].外购备料百分比
|
||||
break
|
||||
case '工艺':
|
||||
this.value = res.data[0].工艺状态
|
||||
this.num = res.data[0].工艺百分比
|
||||
break
|
||||
case '定额':
|
||||
this.value = res.data[0].定额状态
|
||||
this.num = res.data[0].定额百分比
|
||||
break
|
||||
case '能力平衡':
|
||||
this.value = res.data[0].能力平衡状态
|
||||
this.num = res.data[0].能力平衡百分比
|
||||
break
|
||||
case '工序外协':
|
||||
this.value = res.data[0].工序外协状态
|
||||
this.num = res.data[0].工序外协百分比
|
||||
break
|
||||
case '车间加工':
|
||||
this.value = res.data[0].车间加工状态
|
||||
this.num = res.data[0].车间加工百分比
|
||||
break
|
||||
case '自制质检':
|
||||
this.value = res.data[0].自制质检状态
|
||||
this.num = res.data[0].自制质检百分比
|
||||
break
|
||||
case '采购质检':
|
||||
this.value = res.data[0].采购质检状态
|
||||
this.num = res.data[0].采购质检百分比
|
||||
break
|
||||
case '成组配套':
|
||||
this.value = res.data[0].成组配套状态
|
||||
this.num = res.data[0].成组配套百分比
|
||||
break
|
||||
case '电气装配':
|
||||
this.value = res.data[0].电气装配状态
|
||||
this.num = res.data[0].电气装配百分比
|
||||
break
|
||||
case '机械装配':
|
||||
this.value = res.data[0].机械装配状态
|
||||
this.num = res.data[0].机械装配百分比
|
||||
break
|
||||
case '冷作':
|
||||
this.value = res.data[0].冷作状态
|
||||
this.num = res.data[0].冷作百分比
|
||||
break
|
||||
case '油漆':
|
||||
this.value = res.data[0].油漆状态
|
||||
this.num = res.data[0].油漆百分比
|
||||
break
|
||||
case '装配质检':
|
||||
this.value = res.data[0].装配质检状态
|
||||
this.num = res.data[0].装配质检百分比
|
||||
break
|
||||
case '总装调试':
|
||||
this.value = res.data[0].总装调试状态
|
||||
this.num = res.data[0].总装调试百分比
|
||||
break
|
||||
case '发货':
|
||||
this.value = res.data[0].发货状态
|
||||
this.num = res.data[0].发货百分比
|
||||
break
|
||||
default:
|
||||
}
|
||||
})
|
||||
},
|
||||
async save() {
|
||||
if (this.title === '签订合同') { this.name = `update 综合查询_状态 set 签订合同状态 = ${this.value},签订合同百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '产品设计') { this.name = `update 综合查询_状态 set 产品设计状态 = ${this.value},产品设计百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '零件分配') { this.name = `update 综合查询_状态 set 零件分配状态 = ${this.value},零件分配百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自制件') { this.name = `update 综合查询_状态 set 自制件状态 = ${this.value},自制件百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '车间采购') { this.name = `update 综合查询_状态 set 车间采购状态 = ${this.value},车间采购百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '采购部采购') { this.name = `update 综合查询_状态 set 采购部采购状态 = ${this.value},采购部采购百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自家备料') { this.name = `update 综合查询_状态 set 自家备料状态 = ${this.value},自家备料百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '外购备料') { this.name = `update 综合查询_状态 set 外购备料状态 = ${this.value},外购备料百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '工艺') { this.name = `update 综合查询_状态 set 工艺状态 = ${this.value},工艺百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '定额') { this.name = `update 综合查询_状态 set 定额状态 = ${this.value},定额百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '能力平衡') { this.name = `update 综合查询_状态 set 能力平衡状态 = ${this.value},能力平衡百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '工序外协') { this.name = `update 综合查询_状态 set 工序外协状态 = ${this.value},工序外协百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '车间加工') { this.name = `update 综合查询_状态 set 车间加工状态 = ${this.value},车间加工百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '自制质检') { this.name = `update 综合查询_状态 set 自制质检状态 = ${this.value},自制质检百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '采购质检') { this.name = `update 综合查询_状态 set 采购质检状态 = ${this.value},采购质检百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '成组配套') { this.name = `update 综合查询_状态 set 成组配套状态 = ${this.value},成组配套百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '电气装配') { this.name = `update 综合查询_状态 set 电气装配状态 = ${this.value},电气装配百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '机械装配') { this.name = `update 综合查询_状态 set 机械装配状态 = ${this.value},机械装配百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '冷作') { this.name = `update 综合查询_状态 set 冷作状态 = ${this.value},冷作百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '油漆') { this.name = `update 综合查询_状态 set 油漆状态 = ${this.value},油漆百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '装配质检') { this.name = `update 综合查询_状态 set 装配质检状态 = ${this.value},装配质检百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '总装调试') { this.name = `update 综合查询_状态 set 总装调试状态 = ${this.value},总装调试百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title === '发货') { this.name = `update 综合查询_状态 set 发货状态 = ${this.value},发货百分比= ${this.num} where 机床流水号 = ${this.machineValue}` }
|
||||
if (this.title !== '请点击查询') {
|
||||
await request({
|
||||
url: '',
|
||||
method: 'post',
|
||||
data: {
|
||||
type: '3',
|
||||
name: this.name
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
if (res.data.length === 0) {
|
||||
this.$message.success('保存成功')
|
||||
} else {
|
||||
this.$message.error('保存失败')
|
||||
}
|
||||
}).then(() => {
|
||||
request({
|
||||
url: '',
|
||||
method: 'post',
|
||||
data: {
|
||||
type: '3',
|
||||
name: `select * from 综合查询_状态 where 机床流水号 = ${this.machineValue}`
|
||||
}
|
||||
}).then(res => {
|
||||
this.isActive = true
|
||||
this.data = res.data
|
||||
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' }
|
||||
if (res.data[0].自制件状态 === 1) { this.color[3] = 'white' } else if (res.data[0].自制件状态 === 2) { this.color[3] = 'yellow' } else if (res.data[0].自制件状态 === 3) { this.color[3] = 'green' } else if (res.data[0].自制件状态 === 4) { this.color[3] = 'red' }
|
||||
if (res.data[0].采购部采购状态 === 1) { this.color[4] = 'white' } else if (res.data[0].采购部采购状态 === 2) { this.color[4] = 'yellow' } else if (res.data[0].采购部采购状态 === 3) { this.color[4] = 'green' } else if (res.data[0].采购部采购状态 === 4) { this.color[4] = 'red' }
|
||||
if (res.data[0].车间采购状态 === 1) { this.color[5] = 'white' } else if (res.data[0].车间采购状态 === 2) { this.color[5] = 'yellow' } else if (res.data[0].车间采购状态 === 3) { this.color[5] = 'green' } else if (res.data[0].车间采购状态 === 4) { this.color[5] = 'red' }
|
||||
if (res.data[0].外购备料状态 === 1) { this.color[6] = 'white' } else if (res.data[0].外购备料状态 === 2) { this.color[6] = 'yellow' } else if (res.data[0].外购备料状态 === 3) { this.color[6] = 'green' } else if (res.data[0].外购备料状态 === 4) { this.color[6] = 'red' }
|
||||
if (res.data[0].自家备料状态 === 1) { this.color[7] = 'white' } else if (res.data[0].自家备料状态 === 2) { this.color[7] = 'yellow' } else if (res.data[0].自家备料状态 === 3) { this.color[7] = 'green' } else if (res.data[0].自家备料状态 === 4) { this.color[7] = 'red' }
|
||||
if (res.data[0].工艺状态 === 1) { this.color[8] = 'white' } else if (res.data[0].工艺状态 === 2) { this.color[8] = 'yellow' } else if (res.data[0].工艺状态 === 3) { this.color[8] = 'green' } else if (res.data[0].工艺状态 === 4) { this.color[8] = 'red' }
|
||||
if (res.data[0].定额状态 === 1) { this.color[9] = 'white' } else if (res.data[0].定额状态 === 2) { this.color[9] = 'yellow' } else if (res.data[0].定额状态 === 3) { this.color[9] = 'green' } else if (res.data[0].定额状态 === 4) { this.color[9] = 'red' }
|
||||
if (res.data[0].能力平衡状态 === 1) { this.color[10] = 'white' } else if (res.data[0].能力平衡状态 === 2) { this.color[10] = 'yellow' } else if (res.data[0].能力平衡状态 === 3) { this.color[10] = 'green' } else if (res.data[0].能力平衡状态 === 4) { this.color[10] = 'red' }
|
||||
if (res.data[0].工序外协状态 === 1) { this.color[11] = 'white' } else if (res.data[0].工序外协状态 === 2) { this.color[11] = 'yellow' } else if (res.data[0].工序外协状态 === 3) { this.color[11] = 'green' } else if (res.data[0].工序外协状态 === 4) { this.color[11] = 'red' }
|
||||
if (res.data[0].车间加工状态 === 1) { this.color[12] = 'white' } else if (res.data[0].车间加工状态 === 2) { this.color[12] = 'yellow' } else if (res.data[0].车间加工状态 === 3) { this.color[12] = 'green' } else if (res.data[0].车间加工状态 === 4) { this.color[12] = 'red' }
|
||||
if (res.data[0].采购质检状态 === 1) { this.color[13] = 'white' } else if (res.data[0].采购质检状态 === 2) { this.color[13] = 'yellow' } else if (res.data[0].采购质检状态 === 3) { this.color[13] = 'green' } else if (res.data[0].采购质检状态 === 4) { this.color[13] = 'red' }
|
||||
if (res.data[0].自制质检状态 === 1) { this.color[14] = 'white' } else if (res.data[0].自制质检状态 === 2) { this.color[14] = 'yellow' } else if (res.data[0].自制质检状态 === 3) { this.color[14] = 'green' } else if (res.data[0].自制质检状态 === 4) { this.color[14] = 'red' }
|
||||
if (res.data[0].成组配套状态 === 1) { this.color[15] = 'white' } else if (res.data[0].成组配套状态 === 2) { this.color[15] = 'yellow' } else if (res.data[0].成组配套状态 === 3) { this.color[15] = 'green' } else if (res.data[0].成组配套状态 === 4) { this.color[15] = 'red' }
|
||||
if (res.data[0].油漆状态 === 1) { this.color[16] = 'white' } else if (res.data[0].油漆状态 === 2) { this.color[16] = 'yellow' } else if (res.data[0].油漆状态 === 3) { this.color[16] = 'green' } else if (res.data[0].油漆状态 === 4) { this.color[16] = 'red' }
|
||||
if (res.data[0].冷作状态 === 1) { this.color[17] = 'white' } else if (res.data[0].冷作状态 === 2) { this.color[17] = 'yellow' } else if (res.data[0].冷作状态 === 3) { this.color[17] = 'green' } else if (res.data[0].冷作状态 === 4) { this.color[17] = 'red' }
|
||||
if (res.data[0].机械装配状态 === 1) { this.color[18] = 'white' } else if (res.data[0].机械装配状态 === 2) { this.color[18] = 'yellow' } else if (res.data[0].机械装配状态 === 3) { this.color[18] = 'green' } else if (res.data[0].机械装配状态 === 4) { this.color[18] = 'red' }
|
||||
if (res.data[0].电气装配状态 === 1) { this.color[19] = 'white' } else if (res.data[0].电气装配状态 === 2) { this.color[19] = 'yellow' } else if (res.data[0].电气装配状态 === 3) { this.color[19] = 'green' } else if (res.data[0].电气装配状态 === 4) { this.color[19] = 'red' }
|
||||
if (res.data[0].装配质检状态 === 1) { this.color[20] = 'white' } else if (res.data[0].装配质检状态 === 2) { this.color[20] = 'yellow' } else if (res.data[0].装配质检状态 === 3) { this.color[20] = 'green' } else if (res.data[0].装配质检状态 === 4) { this.color[20] = 'red' }
|
||||
if (res.data[0].总装调试状态 === 1) { this.color[21] = 'white' } else if (res.data[0].总装调试状态 === 2) { this.color[21] = 'yellow' } else if (res.data[0].总装调试状态 === 3) { this.color[21] = 'green' } else if (res.data[0].总装调试状态 === 4) { this.color[21] = 'red' }
|
||||
if (res.data[0].发货状态 === 1) { this.color[22] = 'white' } else if (res.data[0].发货状态 === 2) { this.color[22] = 'yellow' } else if (res.data[0].发货状态 === 3) { this.color[22] = 'green' } else if (res.data[0].发货状态 === 4) { this.color[22] = 'red' }
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.error('请选择节点')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</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: 1px 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;
|
||||
}
|
||||
.red{
|
||||
background: red;
|
||||
}
|
||||
.el-button{
|
||||
padding-top: 5px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user