wilson
/
rongxing-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

20211025 页面

master
ruanqi 4 years ago
parent
bea6e84839
commit
566df83b6a
9 changed files with 1690 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/api/purchasingManagement/materialSplit.js
  2. 8
      src/assets/scss/global.scss
  3. 150
      src/views/modules/purchasingManagement/BeginMaterialSlittedSet.vue
  4. 149
      src/views/modules/purchasingManagement/createRoll/createRoll.vue
  5. 102
      src/views/modules/purchasingManagement/createRoll/slittedRoll.vue
  6. 123
      src/views/modules/purchasingManagement/createRoll/unslittedRoll.vue
  7. 816
      src/views/modules/purchasingManagement/searchSAPPurchaseOrder.vue
  8. 337
      src/views/modules/purchasingManagement/searchSAPSlittedOrder.vue
  9. 2
      src/views/modules/shopOrder/productionOrderScheduling/searchProductionDispatchList.vue

6
src/api/purchasingManagement/materialSplit.js
View File

@ -4,3 +4,9 @@ import { createAPI } from "@/utils/httpRequest.js";
//查询-卷信息
export const searchRollInformation = data => createAPI(`materialSplit/searchRollInformation`,'POST',data)
//查询-SAP采购订单
export const searchSAPPurchaseOrder = data => createAPI(`materialSplit/searchSAPPurchaseOrder`,'POST',data)
//查询-SAP分卷订单
export const searchSAPSlittedOrder = data => createAPI(`materialSplit/searchSAPSlittedOrder`,'POST',data)

8
src/assets/scss/global.scss
View File

@ -223,7 +223,7 @@
/* 全局缩小行间距 LR*/
/* 针对普通的input*/
.customer-css .el-form-item__content{
.el-form-item__content{
margin-top: -10px;
}
@ -233,7 +233,7 @@ div.el-time-width{
width: 120px !important;
}
/* 全局时间右边框*/
.customer-css input.el-input__inner{
input.el-input__inner{
height: 22px !important;
padding-right: 0px !important;
}
@ -248,4 +248,8 @@ div.el-time-width{
padding-left: 23px;
}
.el-form {
margin-top: -8px !important;
}

150
src/views/modules/purchasingManagement/BeginMaterialSlittedSet.vue
View File

@ -0,0 +1,150 @@
<template>
<el-dialog v-drag
width="800px"
:title="title"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
<el-form-item :label="'工厂编号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号1：'" >
<el-input v-model="dataForm.orderRef1" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号3：'" >
<el-input v-model="dataForm.orderRef3" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">列表</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 255px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">创建</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'物料名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'规格型号：'" >
<el-input v-model="dataForm.site" style="width: 180px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 95px;">关闭</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'送货单号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'订单数量：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="margin-left: 142px;">供应商批号录入</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'卷数：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary">插入</el-button>
<el-switch
v-model="value1"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="Y"
inactive-value="N"
style="margin-left: 73px">
</el-switch>
<span>{{'自动打印标签'}}</span>
</el-form-item>
<el-form-item :label="'材料编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'产品编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'参照名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" >
<el-tab-pane label="待分卷" name="first"><unslittedRoll></unslittedRoll></el-tab-pane>
<el-tab-pane label="已分卷" name="second"><slittedRoll></slittedRoll></el-tab-pane>
<el-tab-pane label="出库卷清单" :disabled="ableFlag" name="second"><slittedRoll></slittedRoll></el-tab-pane>
</el-tabs>
<el-footer style="height:10px;margin-top: 0px;text-align:center" >
</el-footer>
</el-dialog>
</template>
<script>
import unslittedRoll from "./createRoll/unslittedRoll"
import slittedRoll from "./createRoll/slittedRoll"
export default {
name: "BeginMaterialSlittedSet",
components: {unslittedRoll,slittedRoll},
data() {
return {
ableFlag:false,
height: '',
visible:false,
title:'创建卷',
dataForm:{
site:'',
orderRef1:'',
orderRef3:'',
},
value1:'N',
activeName:'first',
}
},
mounted() {
},
methods: {
init() {
this.visible = true
}
},
created() {
}
}
</script>
<style scoped>
</style>

149
src/views/modules/purchasingManagement/createRoll/createRoll.vue
View File

@ -0,0 +1,149 @@
<template>
<el-dialog v-drag
width="800px"
:title="title"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
<el-form-item :label="'工厂编号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号1：'" >
<el-input v-model="dataForm.orderRef1" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号3：'" >
<el-input v-model="dataForm.orderRef3" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">列表</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 255px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">创建</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'物料名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'规格型号：'" >
<el-input v-model="dataForm.site" style="width: 180px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 95px;">关闭</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'送货单号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'订单数量：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="margin-left: 142px;">供应商批号录入</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'卷数：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary">插入</el-button>
<el-switch
v-model="value1"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="Y"
inactive-value="N"
style="margin-left: 73px">
</el-switch>
<span>{{'自动打印标签'}}</span>
</el-form-item>
<el-form-item :label="'材料编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'产品编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'参照名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" >
<el-tab-pane label="待分卷" name="first"><unslittedRoll></unslittedRoll></el-tab-pane>
<el-tab-pane label="已分卷" name="second"><slittedRoll></slittedRoll></el-tab-pane>
<el-tab-pane label="出库卷清单" :disabled="ableFlag" name="second"><slittedRoll></slittedRoll></el-tab-pane>
</el-tabs>
<el-footer style="height:10px;margin-top: 0px;text-align:center" >
</el-footer>
</el-dialog>
</template>
<script>
import unslittedRoll from "./unslittedRoll"
import slittedRoll from "./slittedRoll"
export default {
name: "createRoll",
components: {unslittedRoll,slittedRoll},
data() {
return {
ableFlag:false,
height: '',
visible:false,
title:'创建卷',
dataForm:{
site:'',
orderRef1:'',
orderRef3:'',
},
value1:'N',
activeName:'first',
}
},
mounted() {
},
methods: {
init() {
this.visible = true
}
},
created() {
}
}
</script>
<style scoped>
</style>

102
src/views/modules/purchasingManagement/createRoll/slittedRoll.vue
View File

@ -0,0 +1,102 @@
<template>
<div class="mod-config" style="width: 760px">
<el-table
height="200"
:data="dataList"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:prop="item.columnProp"
:header-align="item.headerAlign"
:align="item.align"
:vertical-align="'middle'"
:min-width="item.width"
:label="item.columnLabel">
</el-table-column>
</el-table>
</div>
</template>
<script>
import {} from "@/api/sysLanguage.js"
export default {
name: "slittedRoll",
data() {
return {
dataList:[],
columnList:[
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'80',
columnLabel:'卷号',
},
{
columnProp:'site',
headerAlign:'center',
align:'right',
width:'40',
columnLabel:'卷数量',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'100',
columnLabel:'供应商送货单号',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'60',
columnLabel:'入库日期',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'60',
columnLabel:'分卷日期',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'60',
columnLabel:'分卷人',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'80',
columnLabel:'已录入供应商批号',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'100',
columnLabel:'供应商批号',
},
],
}
},
mounted() {
},
methods: {},
created() {
}
}
</script>
<style scoped>
</style>

123
src/views/modules/purchasingManagement/createRoll/unslittedRoll.vue
View File

@ -0,0 +1,123 @@
<template>
<div class="mod-config" style="width: 775px">
<div style="width: 40%;float: left">
<el-table
height="200"
:data="dataList1"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList1" :key="index"
:prop="item.columnProp"
:header-align="item.headerAlign"
:align="item.align"
:vertical-align="'middle'"
:min-width="item.width"
:label="item.columnLabel">
</el-table-column>
</el-table>
</div>
<div style="width: 58%;float: left">
<el-table
height="200"
:data="dataList2"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList2" :key="index"
:prop="item.columnProp"
:header-align="item.headerAlign"
:align="item.align"
:vertical-align="'middle'"
:min-width="item.width"
:label="item.columnLabel">
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
name: "unslittedRoll",
data() {
return {
dataList1:[],
dataList2:[],
columnList1:[
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'50',
columnLabel:'次序号',
},
{
columnProp:'site',
headerAlign:'center',
align:'right',
width:'80',
columnLabel:'每卷数量',
},
{
columnProp:'site',
headerAlign:'center',
align:'right',
width:'50',
columnLabel:'卷数',
},
{
columnProp:'site',
headerAlign:'center',
align:'right',
width:'80',
columnLabel:'总数量',
},
],
columnList2:[
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'60',
columnLabel:'物料编码',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'80',
columnLabel:'物料名称',
},
{
columnProp:'site',
headerAlign:'center',
align:'left',
width:'40',
columnLabel:'订单序号',
},
{
columnProp:'site',
headerAlign:'center',
align:'right',
width:'50',
columnLabel:'订单数量',
},
],
}
},
mounted() {
},
methods: {},
created() {
}
}
</script>
<style scoped>
</style>

816
src/views/modules/purchasingManagement/searchSAPPurchaseOrder.vue
View File

@ -0,0 +1,816 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
<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.orderNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'是否分卷：'">
<el-select filterable v-model="searchData.slittedFlag" style="width: 130px">
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
<el-button @click="getData()" type="primary" style="margin-left: 100px;margin-top: 33px">{{'查询'}}</el-button>
<el-button @click="showModel()" type="primary" style="margin-left: 100px;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>
<el-dialog width="800px" title="数据维护" :close-on-click-modal="false" v-drag :visible.sync="modelFlag">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
<el-form-item :label="'工厂编号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号1：'" >
<el-input v-model="dataForm.orderRef1" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'关联单号3：'" >
<el-input v-model="dataForm.orderRef3" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">列表</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 255px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 155px;">创建</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'物料名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'规格型号：'" >
<el-input v-model="dataForm.site" style="width: 180px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="width: 80px;margin-left: 95px;">关闭</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'送货单号：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'订单数量：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary" style="margin-left: 142px;">供应商批号录入</el-button>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'卷数：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item style="margin-top: 30px">
<el-button @click="getDataList()" type="primary">插入</el-button>
<el-switch
v-model="value1"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="Y"
inactive-value="N"
style="margin-left: 73px">
</el-switch>
<span>{{'自动打印标签'}}</span>
</el-form-item>
<el-form-item :label="'材料编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</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="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'产品编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'参照名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商编码：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
<el-form-item :label="'供应商名称：'" >
<el-input v-model="dataForm.site" style="width: 120px;" ></el-input>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" >
<el-tab-pane label="待分卷" name="first">
<div style="width: 775px">
<div style="width: 40%;float: left">
<el-table
height="200"
:data="dataList1"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList1" :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>
<div style="width: 58%;float: left">
<el-table
height="200"
:data="dataList2"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList2" :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>
</div>
</el-tab-pane>
<el-tab-pane label="已分卷" name="second">
<div style="width: 760px">
<el-table
height="200"
:data="dataList3"
border
:vertical-align="'middle'"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList3" :key="index"
:prop="item.columnProp"
:header-align="item.headerAlign"
:align="item.align"
:vertical-align="'middle'"
:min-width="item.width"
:label="item.columnLabel">
</el-table-column>
</el-table>
</div>
</el-tab-pane>
</el-tabs>
<el-footer style="height:10px;margin-top: 0px;text-align:center" >
</el-footer>
</el-dialog>
</div>
</template>
<script>
import {
searchSAPPurchaseOrder,
} from "@/api/purchasingManagement/materialSplit.js"
export default {
//查询-SAP采购订单
name: "searchSAPPurchaseOrder",
data() {
return {
height: 200,
modelFlag:false,
modelInputFlag:true,
selectList:[],
activeName:'first',
buttons:{
search:'查询',
},
searchData: {
site:'',
orderNo:'',
slittedFlag:'N',
user:this.$store.state.user.name
},
dataForm:{
site:'',
},
dataList:[],
dataList3:[],
dataList2:[],
dataList1:[],
dataListLoading: false,
columnList: [
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableOrderNo',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "orderNo",
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: 6032,
serialNumber: '6032TableOrderDate',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "orderDate",
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: 6032,
serialNumber: '6032TablePlanReceiptDate',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "planReceiptDate",
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: 6032,
serialNumber: '6032TableSupplierID',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "supplierID",
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: 6032,
serialNumber: '6032TableStatus',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "status",
headerAlign: "center",
align: "left",
columnLabel: "订单状态",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableSupplierName',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "supplierName",
headerAlign: "center",
align: "left",
columnLabel: "供应商名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 300
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableOrderItemNo',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "orderItemNo",
headerAlign: "center",
align: "left",
columnLabel: "订单序号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TablePartNo',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "partNo",
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: 6032,
serialNumber: '6032TablePartDescription',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "partDescription",
headerAlign: "center",
align: "left",
columnLabel: "物料名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 300
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableQuantity',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "quantity",
headerAlign: "center",
align: "right",
columnLabel: "订单数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableCancelledFlag',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "cancelledFlag",
headerAlign: "center",
align: "left",
columnLabel: "是否取消",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableSAPOrderNo',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "sAPOrderNo",
headerAlign: "center",
align: "left",
columnLabel: "SAP订单标识号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableSite',
tableId: "6032Table",
tableName: "查询SAP采购订单表",
columnProp: "site",
headerAlign: "center",
align: "left",
columnLabel: "工厂编号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
}
],
columnList1:[
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table1Site',
tableId: "6032Table1",
tableName: "查询SAP采购订单待分卷左表",
columnProp: "site",
headerAlign: "center",
align: "left",
columnLabel: "次序号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 50
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table1XXX',
tableId: "6032Table1",
tableName: "查询SAP采购订单待分卷左表",
columnProp: "XX",
headerAlign: "center",
align: "right",
columnLabel: "每卷数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table1XXX',
tableId: "6032Table1",
tableName: "查询SAP采购订单待分卷左表",
columnProp: "XX",
headerAlign: "center",
align: "left",
columnLabel: "卷数",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 50
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table1XXX',
tableId: "6032Table1",
tableName: "查询SAP采购订单待分卷左表",
columnProp: "XX",
headerAlign: "center",
align: "left",
columnLabel: "总数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80
}
],
columnList2:[
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table2XXX',
tableId: "6032Table2",
tableName: "查询SAP采购订单待分卷右表",
columnProp: "XX",
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: 6032,
serialNumber: '6032Table2XXX',
tableId: "6032Table2",
tableName: "查询SAP采购订单待分卷右表",
columnProp: "XX",
headerAlign: "center",
align: "left",
columnLabel: "物料名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 168
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032Table2XXX',
tableId: "6032Table2",
tableName: "查询SAP采购订单待分卷右表",
columnProp: "XX",
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: 6032,
serialNumber: '6032Table2XXX',
tableId: "6032Table2",
tableName: "查询SAP采购订单待分卷右表",
columnProp: "XX",
headerAlign: "center",
align: "left",
columnLabel: "订单数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80
}
],
columnList3:[
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
headerAlign: "center",
align: "right",
columnLabel: "卷数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 40
},
{
userId: this.$store.state.user.name,
functionId: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
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: 6032,
serialNumber: '6032TableXXX',
tableId: "6032Table",
tableName: "查询SAP采购订单已分卷表",
columnProp: "XXX",
headerAlign: "center",
align: "left",
columnLabel: "供应商批号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
}
],
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 200;
})
},
methods: {
showModel(){
this.modelFlag=true;
},
getData(){
// if(this.searchData.slittedFlag==null||this.searchData.slittedFlag==''){
// this.$alert("数据量过大，请输入采购单号查询！",'错误',{
// confirmButtonText:'确定'
// })
// return false;
// }
searchSAPPurchaseOrder(this.searchData).then(({data}) => {
this.dataList = data.rows
})
},
},
created() {
}
}
</script>
<style >
.el-textarea__inner {
padding: 5px 5px;
}
</style>

337
src/views/modules/purchasingManagement/searchSAPSlittedOrder.vue
View File

@ -0,0 +1,337 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
<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.orderNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item :label="'是否分卷：'">
<el-select filterable v-model="searchData.slittedFlag" style="width: 130px">
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
<el-button @click="getData()" type="primary" style="margin-left: 100px;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 {
searchSAPSlittedOrder,
} from "@/api/purchasingManagement/materialSplit.js"
export default {
//查询-SAP分卷订单
name: "searchSAPSlittedOrder",
data() {
return {
height: 200,
modelFlag:false,
modelInputFlag:true,
selectList:[],
searchData: {
site:'',
orderNo:'',
slittedFlag:'N',
user:this.$store.state.user.name
},
dataList:[],
dataListLoading: false,
buttons:{
search:'查询',
},
columnList: [
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableOrderNo',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "orderNo",
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: 6033,
serialNumber: '6033TableOrderDate',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "orderDate",
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: 6033,
serialNumber: '6033TablePlanReceiptDate',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "planReceiptDate",
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: 6033,
serialNumber: '6033TableSupplierID',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "supplierID",
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: 6033,
serialNumber: '6033TableStatus',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "status",
headerAlign: "center",
align: "left",
columnLabel: "订单状态",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableSupplierName',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "supplierName",
headerAlign: "center",
align: "left",
columnLabel: "供应商名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 300
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableOrderItemNo',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "orderItemNo",
headerAlign: "center",
align: "left",
columnLabel: "订单序号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TablePartNo',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "partNo",
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: 6033,
serialNumber: '6033TablePartDescription',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "partDescription",
headerAlign: "center",
align: "left",
columnLabel: "物料名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 300
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableQuantity',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "quantity",
headerAlign: "center",
align: "right",
columnLabel: "订单数量",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableCancelledFlag',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "cancelledFlag",
headerAlign: "center",
align: "left",
columnLabel: "是否取消",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableSAPOrderNo',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "sAPOrderNo",
headerAlign: "center",
align: "left",
columnLabel: "SAP订单识别号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 6033,
serialNumber: '6033TableSite',
tableId: "6033Table",
tableName: "查询SAP分卷订单表",
columnProp: "site",
headerAlign: "center",
align: "left",
columnLabel: "工厂编号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 70
},
],
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 200;
})
},
methods: {
getData(){
// if(this.searchData.slittedFlag==null||this.searchData.slittedFlag==''){
// this.$alert("数据量过大，请输入采购单号查询！",'错误',{
// confirmButtonText:'确定'
// })
// return false;
// }
searchSAPSlittedOrder(this.searchData).then(({data}) => {
this.dataList = data.rows
})
},
},
created() {
}
}
</script>
<style >
.el-textarea__inner {
padding: 5px 5px;
}
</style>

2
src/views/modules/shopOrder/productionOrderScheduling/searchProductionDispatchList.vue
View File

@ -67,7 +67,7 @@
<el-input v-model="searchData.site" style="width: 80px"></el-input>
</el-form-item>
<el-checkbox style="margin-left: 2px;margin-top: 33px" v-model="searchData.checked">仅显示当前排产的派工单</el-checkbox>
<el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'查询'}}</el-button>
<el-button @click="getData()" type="primary" style="margin-left: 100px;margin-top: 33px">{{'查询'}}</el-button>
</el-form>
<el-table
:height="height"

Write Preview
Loading…
Cancel
Save