fix：首页生产工单样式优化，增加工序
This commit is contained in:
zhangxuanming
parent
e47de51f09
commit
a4bf5189fb
@ -66,4 +66,13 @@ export function dofinish(workorderId){
|
|||||||
url: '/mes/pro/workorder/'+workorderId,
|
url: '/mes/pro/workorder/'+workorderId,
|
||||||
method: 'put'
|
method: 'put'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 首页查询生产工单列表
|
||||||
|
export function getHomeList(query) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/pro/workorder/getHomeList',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
@ -8,43 +8,59 @@
|
|||||||
<div slot="header" class="clearfix">
|
<div slot="header" class="clearfix">
|
||||||
<span>生产进度</span>
|
<span>生产进度</span>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
:data="workorderList"
|
:data="workorderList"
|
||||||
row-key="workorderId"
|
row-key="workorderId"
|
||||||
default-expand-all
|
default-expand-all
|
||||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
|
||||||
>
|
<el-table-column label="工单编码" width="180" prop="workorderCode" >
|
||||||
<el-table-column label="工单编码" width="180" prop="workorderCode" >
|
<template slot-scope="scope">
|
||||||
<template slot-scope="scope">
|
<el-button
|
||||||
<el-button
|
size="mini"
|
||||||
size="mini"
|
type="text"
|
||||||
type="text"
|
@click="handleView(scope.row)"
|
||||||
@click="handleView(scope.row)"
|
v-hasPermi="['mes:pro:workorder:query']"
|
||||||
v-hasPermi="['mes:pro:workorder:query']"
|
>{{scope.row.workorderCode}}</el-button>
|
||||||
>{{scope.row.workorderCode}}</el-button>
|
</template>
|
||||||
</template>
|
</el-table-column>
|
||||||
</el-table-column>
|
<el-table-column label="订单编号" width="140" align="center" prop="sourceCode" />
|
||||||
<el-table-column label="订单编号" width="140" align="center" prop="sourceCode" />
|
<el-table-column label="工单名称" width="140" align="center" prop="workorderName" :show-overflow-tooltip="true"/>
|
||||||
<el-table-column label="客户名称" align="center" prop="clientName" :show-overflow-tooltip="true"/>
|
<el-table-column label="产品编号" width="120" align="center" prop="productCode" />
|
||||||
<el-table-column label="产品编号" width="120" align="center" prop="productCode" />
|
<el-table-column label="产品名称" width="250px" align="center" prop="productName" :show-overflow-tooltip="true"/>
|
||||||
<el-table-column label="产品名称" width="250px" align="center" prop="productName" :show-overflow-tooltip="true"/>
|
<el-table-column label="规格型号" width="140" align="center" prop="productSpc" :show-overflow-tooltip="true"/>
|
||||||
<el-table-column label="规格型号" align="center" prop="productSpc" :show-overflow-tooltip="true"/>
|
<el-table-column label="单位" width="140" align="center" prop="unitOfMeasure" />
|
||||||
<el-table-column label="单位" align="center" prop="unitOfMeasure" />
|
<!-- <el-table-column label="生产进度" align="center" width="200px" >-->
|
||||||
<el-table-column label="生产进度" align="center" width="200px" >
|
<!-- <template slot-scope="scope">-->
|
||||||
<template slot-scope="scope">
|
<!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="parseFloat(((scope.row.quantityProduced/scope.row.quantity*100).toFixed(2)))>100?100:parseFloat(((scope.row.quantityProduced/scope.row.quantity*100).toFixed(2)))"></el-progress>-->
|
||||||
<el-progress :text-inside="true" :stroke-width="20" :percentage="parseFloat(((scope.row.quantityProduced/scope.row.quantity*100).toFixed(2)))>100?100:parseFloat(((scope.row.quantityProduced/scope.row.quantity*100).toFixed(2)))"></el-progress>
|
<!-- </template>-->
|
||||||
</template>
|
<!-- </el-table-column>-->
|
||||||
</el-table-column>
|
<el-table-column label="需求日期" width="140" align="center" prop="requestDate">
|
||||||
<el-table-column label="需求日期" align="center" prop="requestDate" width="180">
|
<template slot-scope="scope">
|
||||||
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.requestDate, '{y}-{m}-{d}') }}</span>
|
||||||
<span>{{ parseTime(scope.row.requestDate, '{y}-{m}-{d}') }}</span>
|
</template>
|
||||||
</template>
|
</el-table-column>
|
||||||
</el-table-column>
|
<el-table-column label="工序进度" align="center" width="500">
|
||||||
</el-table>
|
<template slot-scope="scope">
|
||||||
|
<div style="display: flex;">
|
||||||
|
<span v-for="(item, index) in scope.row.routeHomg">
|
||||||
|
<span style="display: flex">
|
||||||
|
<span style="line-height: 70px; text-align: center;color: #5e75ff" v-if="index != 0">--------</span>
|
||||||
|
<span style="display: flex; flex-direction: column;margin: 0 5px">
|
||||||
|
<el-progress :height="70" :width="70" type="circle" :percentage="(item.completeNumber/item.total)*100" :color="colors"></el-progress>
|
||||||
|
<el-tooltip class="item" effect="dark" :content="item.processName" placement="bottom">
|
||||||
|
<span style="display: inline-block;width: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{ item.processName }}</span>
|
||||||
|
</el-tooltip>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row style="background:#fff;padding:16px 16px 0; margin-bottom:32px;">
|
<el-row style="background:#fff;padding:16px 16px 0; margin-bottom:32px;">
|
||||||
<line-chart :chart-data="lineChartData" />
|
<line-chart :chart-data="lineChartData" />
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -67,12 +83,12 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { listWorkorder } from "@/api/mes/pro/workorder";
|
import {getHomeList} from "@/api/mes/pro/workorder";
|
||||||
import PanelGroup from './dashboard/PanelGroup'
|
import PanelGroup from './dashboard/PanelGroup'
|
||||||
import LineChart from './dashboard/LineChart'
|
import LineChart from './dashboard/LineChart'
|
||||||
import RaddarChart from './dashboard/RaddarChart'
|
import RaddarChart from './dashboard/RaddarChart'
|
||||||
@ -112,7 +128,14 @@ export default {
|
|||||||
loading: true,
|
loading: true,
|
||||||
queryParams: {status:'CONFIRMED'},
|
queryParams: {status:'CONFIRMED'},
|
||||||
workorderList: [],
|
workorderList: [],
|
||||||
lineChartData: lineChartData.newVisitis
|
lineChartData: lineChartData.newVisitis,
|
||||||
|
colors: [
|
||||||
|
{color: '#f56c6c', percentage: 20},
|
||||||
|
{color: '#e6a23c', percentage: 40},
|
||||||
|
{color: '#5cb87a', percentage: 60},
|
||||||
|
{color: '#1989fa', percentage: 80},
|
||||||
|
{color: '#6f7ad3', percentage: 100}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created(){
|
created(){
|
||||||
@ -121,8 +144,8 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
listWorkorder(this.queryParams).then(response => {
|
getHomeList(this.queryParams).then(response => {
|
||||||
this.workorderList = response.rows;
|
this.workorderList = response.data;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user