UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

第三方库存信息界面样式修改

Browse Source
prod
郑明梁 3 years ago
parent 2d2f7a8b8a
commit 1eba7ce184
6 changed files with 1200 additions and 1146 deletions
Show Stats Download Patch File Download Diff File

88
src/views/thirdSys/invProducts/thrInvProducts.vue
Unescape Escape View File

@ -1,47 +1,68 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini">
<el-form-item class="query-form-item">
<el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input
v-model="filterQuery.inventoryCode" clearable
style="width: 90%"
placeholder="请输入产品编码"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="产品名称:">
<el-input
v-model="filterQuery.inventoryName" clearable
style="width: 90%"
placeholder="请输入产品名称"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="规格型号:">
<el-input
v-model="filterQuery.spec" clearable
style="width: 90%"
placeholder="请输入规格型号"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label-width="120px" label="注册/备案凭证号:">
<el-input
v-model="filterQuery.registerCertNo" clearable
style="width: 90%"
placeholder="请输入注册/备案凭证号"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="生厂厂家:">
<el-input
v-model="filterQuery.manufactory" clearable
style="width: 90%"
placeholder="请输入生厂厂家"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.filterCount" placeholder="过滤条件">
</el-col>
<el-col :span="6">
<el-form-item label="库存:">
<el-select v-model="filterQuery.filterCount" style="width: 90%" placeholder="过滤条件">
<el-option label="全部" value="0"></el-option>
<el-option label="库存等于0" value="1"></el-option>
<el-option label="库存大于0" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSys" placeholder="请选择第三方系统">
<el-select v-model="filterQuery.thirdSys" style="width: 90%" placeholder="请选择第三方系统">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -52,16 +73,23 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
<el-button type="primary" icon="search" @click="clearAll"
<el-button type="primary" icon="el-icon-delete-solid" @click="clearAll"
v-if="!this.thirdSysDetail.enabled">清空全部
</el-button>
</el-button-group>
</el-form-item>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
<el-table-column label="序号" type="index" width="70"></el-table-column>
<el-table-column label="产品编码" prop="code" show-overflow-tooltip></el-table-column>
@ -77,8 +105,7 @@
<el-table-column label="货位" prop="spaceName" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" v-if="thirdSysDetail.fromType!=0">
<el-table-column label="操作" v-if="thirdSysDetail.fromType!=0" width="60">
<template slot-scope="scope">
<el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)"
>删除
@ -98,14 +125,15 @@
</template>
<script>
import {delInvProducts, delAll, downloadAll} from "@/api/thrsys/thrInvProducts";
import {getBasicThirdSys, filterDetailByKey} from "@/api/basic/basicThirdSys";
import {selectIp} from "@/api/param/systemParamConfig";
import {getOnhands} from "@/api/inventory/onHand.js";
import {delInvProducts, delAll, downloadAll} from "@/api/thrsys/thrInvProducts";
import {getBasicThirdSys, filterDetailByKey} from "@/api/basic/basicThirdSys";
import {selectIp} from "@/api/param/systemParamConfig";
import {getOnhands} from "@/api/inventory/onHand.js";
export default {
export default {
data() {
return {
showSearch: true,
filterQuery: {
inventoryCode: null,
inventoryName: null,
@ -115,7 +143,7 @@
thirdSys: null,
page: 1,
limit: 100,
filterCount:null,
filterCount: null,
},
total: 0,
list: [],
@ -143,11 +171,13 @@
manufactory: null,
page: 1,
limit: 100,
filterCount:null,
filterCount: null,
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
if (this.filterQuery.thirdSys == null) {
this.$message.warning("请先选择第三方系统！")
@ -160,7 +190,7 @@
if (response.code == 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
}else {
} else {
this.$message.error(response.message);
this.loading = false;
}
@ -303,11 +333,13 @@
this.getBasicThirdSys();
},
};
};
</script>
<style scoped>
.el-form-item--mini.el-form-item {
margin-bottom: 9px;
}
</style>

63
src/views/thirdSys/invProducts/thrInvProductsExport.vue
Unescape Escape View File

@ -1,21 +1,25 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="query" class="query-form" size="mini">
<el-form :model="query" class="query-form" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-form-item class="query-form-item">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input>
<el-col :span="6">
<el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item>
<el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="exportExcel">导出Excel文件</el-button>
</el-button-group>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
:data="list"
@ -55,18 +59,16 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="120">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="downloadExcel(scope.row)"
>下载
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
@ -78,7 +80,7 @@
<el-dialog
title="导出库存产品信息"
:visible.sync="thrInvProductsSelectVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="thrInvProductsSelectVisible"
@ -99,12 +101,14 @@
</template>
<script>
import {filterLog, deleteLog} from "@/api/thrsys/thrInvProductsExport.js";
import thrInvProductsSelect from "./thrInvProductsSelect";
import axios from "axios";
export default {
import {filterLog, deleteLog} from "@/api/thrsys/thrInvProductsExport.js";
import thrInvProductsSelect from "./thrInvProductsSelect";
import axios from "axios";
export default {
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
status: null,
@ -154,6 +158,9 @@
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
filterLog(this.filterQuery)
@ -161,7 +168,7 @@
if (response.code == 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
}else {
} else {
this.$message.error(response.message);
}
@ -186,7 +193,7 @@
downloadExcel(row) {
axios.get("./config.json").then(res => {
let baseUrl = res.data.BASE_URL;
let href = baseUrl + "/udiwms/invProducts/exportLog/download" + "?genKey=" +row.genKey;
let href = baseUrl + "/udiwms/invProducts/exportLog/download" + "?genKey=" + row.genKey;
let a = document.createElement("a");
fetch(href)
.then((res) => res.blob())
@ -266,29 +273,29 @@
// this.getBasicThirdSys();
this.getList();
},
};
};
</script>
<style>
.itemTag {
.itemTag {
float: left;
text-align: left;
margin-top: 10px;
width: 100px;
}
}
.text {
.text {
font-size: 13px;
font-family: "Microsoft YaHei";
}
}
.el-row {
.el-row {
display: flex;
flex-wrap: wrap;
}
}
.el-col {
.el-col {
border-radius: 4px;
flex-wrap: wrap;
}
}
</style>

51
src/views/thirdSys/invProducts/thrInvProductsImport.vue
Unescape Escape View File

@ -1,22 +1,27 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="query" class="query-form" size="mini">
<el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-form-item class="query-form-item">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input>
<el-col :span="6">
<el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.status" placeholder="请选择处理状态">
</el-col>
<el-col :span="6">
<el-form-item label="处理状态:">
<el-select v-model="filterQuery.status" style="width: 90%" placeholder="请选择处理状态">
<el-option label="全部" value=""></el-option>
<el-option label="处理中" value="0"></el-option>
<el-option label="已处理" value="1"></el-option>
<el-option label="异常" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.thirdSysFk" placeholder="请选择第三方系统" @change="sysChange">
</el-col>
<el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSysFk" style="width: 90%" placeholder="请选择第三方系统"
@change="sysChange">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -27,10 +32,14 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-form-item>
<div class="top-right-btn">
<el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
<el-upload
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1"
@ -42,19 +51,15 @@
:on-success="handleChange"
:file-list="fileList"
>
<el-button size="mini" type="primary">导入库存产品信息</el-button>
<el-button icon="el-icon-bottom-right" type="primary">导入库存产品信息</el-button>
</el-upload>
<!-- <el-button type="primary" icon="search" @click="jumpDl"-->
<!-- v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1">模板下载-->
<!-- </el-button>-->
<el-button type="primary" icon="el-icon-download" @click="downloadInpi"
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==3">
下载库存产品信息
</el-button>
</el-button-group>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
@ -105,18 +110,16 @@
prop="remark"
show-overflow-tooltip
></el-table-column>
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="120">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="handleDetailClick(scope.row)"
>详情
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
@ -128,7 +131,7 @@
<el-dialog
title="导入库存产品信息详情详情"
:visible.sync="udiImportDetailVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="udiImportDetailVisible"
@ -141,7 +144,7 @@
<el-dialog
title="导出库存产品信息"
:visible.sync="thrInvProductsSelectVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="thrInvProductsSelectVisible"
@ -173,6 +176,7 @@ import axios from "axios";
export default {
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
status: null,
@ -227,6 +231,9 @@ export default {
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
filterLog(this.filterQuery)

56
src/views/thirdSys/invProducts/thrInvProductsImportDetail.vue
Unescape Escape View File

@ -1,29 +1,37 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="query" size="mini">
<el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-form-item class="query-form-item">
<el-col :span="6">
<el-form-item label="存货编码:">
<el-input
v-model="filterQuery.inventoryCode" clearable
style="width: 90%"
placeholder="请输入存货编码"
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="存货名称:">
<el-input
v-model="filterQuery.inventoryName" clearable
style="width: 90%"
placeholder="请输入存货名称"
></el-input>
</el-form-item>
<el-form-item>
<el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
</el-button-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;">
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
</el-button-group>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
:data="list"
@ -54,11 +62,11 @@
</template>
<script>
import {
import {
filterDetail,
} from "@/api/thrsys/thrInvProductsImport";
} from "@/api/thrsys/thrInvProductsImport";
export default {
export default {
name: "ThrInvProductsImportDetail",
props: {
currentRow: {
@ -69,6 +77,7 @@
},
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
inventoryCode: null,
@ -103,6 +112,9 @@
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
console.log(" this.genKey = " + this.currentRow)
@ -112,7 +124,7 @@
if (response.code == 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
}else {
} else {
this.$message.error(response.message);
}
this.loading = false;
@ -138,29 +150,29 @@
this.getList();
},
filters: {},
};
};
</script>
<style>
.itemTag {
.itemTag {
float: left;
text-align: left;
margin-top: 10px;
width: 100px;
}
}
.text {
.text {
font-size: 13px;
font-family: "Microsoft YaHei";
}
}
.el-row {
.el-row {
display: flex;
flex-wrap: wrap;
}
}
.el-col {
.el-col {
border-radius: 4px;
flex-wrap: wrap;
}
}
</style>

108
src/views/thirdSys/invProducts/thrInvProductsSelect.vue
Unescape Escape View File

@ -1,46 +1,47 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini">
<el-form-item class="query-form-item">
<el-input
v-model="filterQuery.inventoryCode" clearable
placeholder="请输入产品编码"
></el-input>
<el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input v-model="filterQuery.inventoryCode" style="width: 90%" clearable placeholder="请输入产品编码"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-input
v-model="filterQuery.inventoryName" clearable
placeholder="请输入产品名称"
></el-input>
</el-col>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input v-model="filterQuery.inventoryName" style="width: 90%" clearable placeholder="请输入产品名称"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-input
v-model="filterQuery.spec" clearable
placeholder="请输入规格型号"
></el-input>
</el-col>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input v-model="filterQuery.spec" clearable style="width: 90%" placeholder="请输入规格型号"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-input
v-model="filterQuery.registerCertNo" clearable
placeholder="请输入注册/备案凭证号"
></el-input>
</el-col>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input v-model="filterQuery.registerCertNo" style="width: 90%" clearable placeholder="请输入注册/备案凭证号"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-input
v-model="filterQuery.manufactory" clearable
placeholder="请输入生厂厂家"
></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-input v-model="filterQuery.manufactory" style="width: 90%" clearable placeholder="请输入生厂厂家"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.filterCount" placeholder="请选择过滤条件">
</el-col>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-select v-model="filterQuery.filterCount" style="width: 90%" placeholder="请选择过滤条件">
<el-option label="全部" value="0"></el-option>
<el-option label="库存等于0" value="1"></el-option>
<el-option label="库存大于0" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.thirdSys" placeholder="请选择第三方系统">
</el-col>
<el-col :span="6">
<el-form-item label="产品编码:">
<el-select v-model="filterQuery.thirdSys" style="width: 90%" placeholder="请选择第三方系统">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -51,35 +52,26 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;" >
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="getList">查询</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="selectExport" v-if="selectType==0"
>选中导出
</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="allExport" v-if="selectType==0"
>结果全部导出
</el-button>
<el-button type="primary" icon="search" @click="uploadSMP"
v-if="selectType==1"
>选中上传
</el-button>
<el-button type="primary" icon="search" @click="uploadSMP"
v-if="selectType==1"
>一键上传
</el-button>
<el-button type="primary" icon="el-icon-download" @click="downloadErp"
v-if="selectType==3"
>选中下载
</el-button>
<el-button type="primary" icon="el-icon-download" @click="downloadAllErp"
v-if="selectType==3"
>结果全部下载
</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="selectExport" v-if="selectType==0">选中导出</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="allExport" v-if="selectType==0">结果全部导出</el-button>
<el-button type="primary" icon="el-icon-top-upload" @click="uploadSMP" v-if="selectType==1">选中上传</el-button>
<el-button type="primary" icon="el-icon-top-upload" @click="uploadSMP" v-if="selectType==1">一键上传</el-button>
<el-button type="primary" icon="el-icon-download" @click="downloadErp" v-if="selectType==3">选中下载</el-button>
<el-button type="primary" icon="el-icon-download" @click="downloadAllErp" v-if="selectType==3">结果全部下载</el-button>
</el-button-group>
</el-form-item>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="序号" type="index" width="70"></el-table-column>
@ -131,6 +123,7 @@
data() {
return {
showSearch: true,
filterQuery: {
thrInvProductsEntities:[],
inventoryCode: null,
@ -176,6 +169,9 @@
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;

2
src/views/thirdSys/product/thrProductsImport.vue
Unescape Escape View File

@ -51,7 +51,7 @@
:on-success="handleChange"
:file-list="fileList"
>
<el-button size="mini" type="primary">导入产品信息</el-button>
<el-button size="mini" icon="el-icon-bottom-right" type="primary">导入产品信息</el-button>
</el-upload>
<el-button type="primary" icon="el-icon-download" @click="downloadProducts"
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==3">

Write Preview
Loading…
Cancel
Save