Browse Source

20211012 页面

master
ruanqi 4 years ago
parent
commit
b0ee9bce09
  1. 5
      src/api/base/productProcessRoute.js
  2. 639
      src/views/modules/productProcessRoute/searchProcessRouteTool.vue

5
src/api/base/productProcessRoute.js

@ -1,4 +1,7 @@
import { createAPI } from "@/utils/httpRequest.js";
//------------查询-产品工艺路线----------------
// 获取工厂信息数据
export const searchProductProcessRoute = data => createAPI(`/productProcessRoute/searchProductProcessRoute`,'post',data)
//------------查询-工艺路线工具----------------
export const searchProcessRouteTool = data => createAPI(`/productProcessRoute/searchProcessRouteTool`,'post',data)

639
src/views/modules/productProcessRoute/searchProcessRouteTool.vue

@ -0,0 +1,639 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -5px;">
<el-form-item :label="'工厂编号:'">
<el-input v-model="searchData.site" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工具编号:'">
<el-input v-model="searchData.toolID" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工具名称:'">
<el-input v-model="searchData.toolDescription" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工具规格型号:'">
<el-input v-model="searchData.toolSpec" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工具分类编码:'">
<el-input v-model="searchData.toolFamilyID" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工具是否在用:'">
<el-select filterable v-model="searchData.toolActive" style="width: 130px">
<el-option label="全部" value=""></el-option>
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
<el-form-item :label="'加工中心编码:'">
<el-input v-model="searchData.workCenterNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'产品编码:'">
<el-input v-model="searchData.partNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'产品名称:'">
<el-input v-model="searchData.partDescription" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'产品规格型号:'">
<el-input v-model="searchData.spec" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'工艺路线状态:'">
<el-select filterable v-model="searchData.status" style="width: 130px">
<el-option label="全部" value=""></el-option>
<el-option label="试验" value="试验"></el-option>
<el-option label="投产" value="投产"></el-option>
<el-option label="停用" value="停用"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="'产品是否在用:'">
<el-select filterable v-model="searchData.active" style="width: 130px">
<el-option label="全部" value=""></el-option>
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
<el-form-item :label="'默认版本:'">
<el-select filterable v-model="searchData.defaultflag" style="width: 130px">
<el-option label="全部" value=""></el-option>
<el-option label="默认" value="Y"></el-option>
<el-option label="非默认" value="N"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="'工艺路线启用日期:'">
<el-date-picker
style="width: 130px"
v-model="searchData.date1"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="'至:'">
<el-date-picker
style="width: 130px"
v-model="searchData.date2"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="'工艺路线停用日期:'">
<el-date-picker
style="width: 130px"
v-model="searchData.date3"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="'至:'">
<el-date-picker
style="width: 130px"
v-model="searchData.date4"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'查询'}}</el-button>
</el-form>
<el-table
:height="height"
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed"
:width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import {
searchProcessRouteTool,
} from "@/api/base/productProcessRoute.js"
export default {
name: "searchProcessRouteTool",
data() {
return {
height: 200,
modelFlag:false,
modelInputFlag:true,
selectList:[],
searchData: {
site:'',
toolID:'',
toolDescription:'',
toolSpec:'',
toolFamilyID:'',
toolActive:'',
workCenterNo:'',
partNo:'',
partDescription:'',
spec:'',
status:'',
active:'',
defaultflag:'',
date1:'',
date2:'',
date3:'',
date4:'',
user:this.$store.state.user.name
},
dataList:[],
dataListLoading: false,
buttons:{
search:'查询',
},
columnList: [
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolID',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolID",
headerAlign: "center",
align: "left",
columnLabel: "工具编号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolDescription',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolDescription",
headerAlign: "center",
align: "left",
columnLabel: "工具名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolSpec',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolSpec",
headerAlign: "center",
align: "left",
columnLabel: "工具规格型号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolFamilyID',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolFamilyID",
headerAlign: "center",
align: "left",
columnLabel: "工具分类编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolFamilyName',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolFamilyName",
headerAlign: "center",
align: "left",
columnLabel: "工具分类名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableToolActive',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "toolActive",
headerAlign: "center",
align: "left",
columnLabel: "工具是否在用",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TablePartNo',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "partNo",
headerAlign: "center",
align: "left",
columnLabel: "产品编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TablePartDescription',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "partDescription",
headerAlign: "center",
align: "left",
columnLabel: "产品名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableSpec',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "spec",
headerAlign: "center",
align: "left",
columnLabel: "产品规格型号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableActive',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "active",
headerAlign: "center",
align: "left",
columnLabel: "产品是否在用",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableRevNo',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "revNo",
headerAlign: "center",
align: "left",
columnLabel: "工艺路线版本号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableItemNo',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "itemNo",
headerAlign: "center",
align: "left",
columnLabel: "工序号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 60
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableOperationDesc',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "operationDesc",
headerAlign: "center",
align: "left",
columnLabel: "工序名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableWorkCenterNo',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "workCenterNo",
headerAlign: "center",
align: "left",
columnLabel: "加工中心编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableRoutingType',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "routingType",
headerAlign: "center",
align: "left",
columnLabel: "工艺路线类型",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TablePhaseInDate',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "phaseInDate",
headerAlign: "center",
align: "left",
columnLabel: "工艺路线启用日期",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TablePhaseOutDate',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "phaseOutDate",
headerAlign: "center",
align: "left",
columnLabel: "工艺路线停用日期",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableStatus',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "status",
headerAlign: "center",
align: "left",
columnLabel: "工艺路线状态",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableDefaultflag',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "defaultflag",
headerAlign: "center",
align: "left",
columnLabel: "默认版本",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableRepairFlag',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "repairFlag",
headerAlign: "center",
align: "left",
columnLabel: "修复版本",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableFamilyID',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "familyID",
headerAlign: "center",
align: "left",
columnLabel: "产品分类编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableFamilyName',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "familyName",
headerAlign: "center",
align: "left",
columnLabel: "产品分类名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableGroupID',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "groupID",
headerAlign: "center",
align: "left",
columnLabel: "产品组编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableGroupName',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "groupName",
headerAlign: "center",
align: "left",
columnLabel: "产品组名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6007,
serialNumber: '6007TableSite',
tableId: "6007Table",
tableName: "查询工艺路线工具",
columnProp: "site",
headerAlign: "center",
align: "left",
columnLabel: "工厂编码",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 60
}
],
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 300;
})
},
methods: {
getData(){
searchProcessRouteTool(this.searchData).then(({data}) => {
this.dataList = data.rows
})
},
},
created() {
}
}
</script>
<style >
.el-textarea__inner {
padding: 5px 5px;
}
</style>
Loading…
Cancel
Save