<template>
|
<div class="app-container">
|
<el-card class="box-card">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
<el-form-item label-width="120" label="工艺流程编码" prop="routeCode">
|
<el-input
|
v-model="queryParams.routeCode"
|
placeholder="请输入工艺流程编码"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
<el-form-item style="float: right">
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
</el-form-item>
|
</el-form>
|
</el-card>
|
<el-row :gutter="0">
|
<el-col :span="18">
|
<div style="height: 490px; overflow: auto">
|
<el-card style="margin-top: 10px" class="box-card">
|
<el-table border v-loading="loading" :data="dataList" height="490"
|
style="width: 100%" v-if="dataList.length > 0">
|
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column :show-overflow-tooltip='true' label="工单编号" width="130" align="center" prop="orderNo">
|
</el-table-column>
|
<el-table-column :show-overflow-tooltip='true' label="产品小系列" width="130" align="center" prop="model">
|
</el-table-column>
|
<el-table-column label="SN流水号" width="180" align="center" prop="engineNo">
|
</el-table-column>
|
<el-table-column label="状态" width="80" align="center" prop="productionStatus">
|
<template slot-scope="scope">
|
<span v-if="scope.row.whetherOrPrint === '1'">是</span>
|
<span v-if="scope.row.whetherOrPrint === '0'">否</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="是否打印" align="center" prop="whetherOrPrint">
|
<template slot-scope="scope">
|
<span v-if="scope.row.whetherOrPrint === '1'">是</span>
|
<span v-if="scope.row.whetherOrPrint === '0'">否</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="打印时间" align="center" prop="null">
|
</el-table-column>
|
</el-table>
|
<el-empty v-else>
|
<span slot="description">暂无数据</span>
|
</el-empty>
|
</el-card>
|
</div>
|
|
</el-col>
|
<el-col :span="6">
|
<el-card style="margin-top: 10px; min-height: 490px" class="box-card">
|
|
</el-card>
|
</el-col>
|
</el-row>
|
|
|
</div>
|
</template>
|
|
<script>
|
import {listOrderScheduling} from "@/api/main/bs/orderScheduling/orderScheduling";
|
import VueQr from 'vue-qr'
|
export default {
|
name: "index",
|
dicts: ['sys_normal_disable'],
|
data(){
|
return{
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
routeCode: null,
|
routeName: null,
|
productCode: null,
|
productName: null,
|
status: null,
|
dataSource: null,
|
},
|
dataList: []
|
}
|
},
|
methods:{
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
getList(){
|
listOrderScheduling(this.queryParams).then(response => {
|
console.log("--------------------"+response.rows)
|
this.dataList = response.rows
|
});
|
},
|
filterTag(value, row) {
|
return row.tag === value;
|
},
|
filterHandler(value, row, column) {
|
const property = column['property'];
|
return row[property] === value;
|
}
|
},
|
mounted() {
|
this.getList()
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
