新项目
This commit is contained in:
252
src/views/404.vue
Normal file
252
src/views/404.vue
Normal file
@@ -0,0 +1,252 @@
|
||||
<template>
|
||||
<div class="wscn-http404-container">
|
||||
<div class="wscn-http404">
|
||||
<div class="pic-404">
|
||||
<img
|
||||
class="pic-404__parent"
|
||||
src="@/assets/404_images/404.png"
|
||||
alt="404"
|
||||
/>
|
||||
<img
|
||||
class="pic-404__child left"
|
||||
src="@/assets/404_images/404_cloud.png"
|
||||
alt="404"
|
||||
/>
|
||||
<img
|
||||
class="pic-404__child mid"
|
||||
src="@/assets/404_images/404_cloud.png"
|
||||
alt="404"
|
||||
/>
|
||||
<img
|
||||
class="pic-404__child right"
|
||||
src="@/assets/404_images/404_cloud.png"
|
||||
alt="404"
|
||||
/>
|
||||
</div>
|
||||
<div class="bullshit">
|
||||
<div class="bullshit__oops">OOPS!</div>
|
||||
<div class="bullshit__info">
|
||||
All rights reserved
|
||||
<a
|
||||
style="color: #20a0ff"
|
||||
href="https://wallstreetcn.com"
|
||||
target="_blank"
|
||||
>wallstreetcn</a
|
||||
>
|
||||
</div>
|
||||
<div class="bullshit__headline">{{ message }}</div>
|
||||
<div class="bullshit__info">
|
||||
Please check that the URL you entered is correct, or click the button
|
||||
below to return to the homepage.
|
||||
</div>
|
||||
<a href="" class="bullshit__return-home">Back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Page404",
|
||||
computed: {
|
||||
message() {
|
||||
return "The webmaster said that you can not enter this page...";
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.wscn-http404-container {
|
||||
transform: translate(-50%, -50%);
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
}
|
||||
.wscn-http404 {
|
||||
position: relative;
|
||||
width: 1200px;
|
||||
padding: 0 50px;
|
||||
overflow: hidden;
|
||||
.pic-404 {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
&__parent {
|
||||
width: 100%;
|
||||
}
|
||||
&__child {
|
||||
position: absolute;
|
||||
&.left {
|
||||
width: 80px;
|
||||
top: 17px;
|
||||
left: 220px;
|
||||
opacity: 0;
|
||||
animation-name: cloudLeft;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
&.mid {
|
||||
width: 46px;
|
||||
top: 10px;
|
||||
left: 420px;
|
||||
opacity: 0;
|
||||
animation-name: cloudMid;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1.2s;
|
||||
}
|
||||
&.right {
|
||||
width: 62px;
|
||||
top: 100px;
|
||||
left: 500px;
|
||||
opacity: 0;
|
||||
animation-name: cloudRight;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
@keyframes cloudLeft {
|
||||
0% {
|
||||
top: 17px;
|
||||
left: 220px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 33px;
|
||||
left: 188px;
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
top: 81px;
|
||||
left: 92px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 97px;
|
||||
left: 60px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes cloudMid {
|
||||
0% {
|
||||
top: 10px;
|
||||
left: 420px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 40px;
|
||||
left: 360px;
|
||||
opacity: 1;
|
||||
}
|
||||
70% {
|
||||
top: 130px;
|
||||
left: 180px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 160px;
|
||||
left: 120px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes cloudRight {
|
||||
0% {
|
||||
top: 100px;
|
||||
left: 500px;
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
top: 120px;
|
||||
left: 460px;
|
||||
opacity: 1;
|
||||
}
|
||||
80% {
|
||||
top: 180px;
|
||||
left: 340px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
top: 200px;
|
||||
left: 300px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bullshit {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 300px;
|
||||
padding: 30px 0;
|
||||
overflow: hidden;
|
||||
&__oops {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
line-height: 40px;
|
||||
color: #1482f0;
|
||||
opacity: 0;
|
||||
margin-bottom: 20px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__headline {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
color: #222;
|
||||
font-weight: bold;
|
||||
opacity: 0;
|
||||
margin-bottom: 10px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__info {
|
||||
font-size: 13px;
|
||||
line-height: 21px;
|
||||
color: grey;
|
||||
opacity: 0;
|
||||
margin-bottom: 30px;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.2s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
&__return-home {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 110px;
|
||||
height: 36px;
|
||||
background: #1482f0;
|
||||
border-radius: 100px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
opacity: 0;
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
cursor: pointer;
|
||||
animation-name: slideUp;
|
||||
animation-duration: 0.5s;
|
||||
animation-delay: 0.3s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes slideUp {
|
||||
0% {
|
||||
transform: translateY(60px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
278
src/views/baseInfo/brands/brandsAdd.vue
Normal file
278
src/views/baseInfo/brands/brandsAdd.vue
Normal file
@@ -0,0 +1,278 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>商品信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">品牌名称：</span>
|
||||
<el-input v-model="formobj.brandName" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">品牌代码：</span>
|
||||
<el-input v-model="formobj.brandCode" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">首字母大写：</span>
|
||||
<el-input v-model="formobj.letter" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">品牌备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<!-- <div class="item">
|
||||
<span class="item_text">品牌故事：</span>
|
||||
<el-input v-model="formobj.brandStory" placeholder="" class="item_input" clearable />
|
||||
</div> -->
|
||||
|
||||
<!-- <div class="item" style="margin-bottom: 100px;margin-top: 100px;">
|
||||
|
||||
<div style="flex: 1;display: flex;flex-direction: row;align-items: center;">
|
||||
<span class="item_text2" >品牌Logo：</span>
|
||||
<upload ref="uploadImg2" v-model="imgList" style="margin-top: 20px;" class="item_input2" :limit="1"
|
||||
bucket="map" :class="{ hide: hideUploadBtn }" :upload-data="{ type: '0001' }" @change="backData" />
|
||||
</div>
|
||||
<div style="flex: 1;display: flex;flex-direction: row;align-items: center;">
|
||||
<span class="item_text2">专区大图：</span>
|
||||
<upload ref="uploadImg2" v-model="imgList2" style="margin-top: 20px;" class="item_input2" :limit="1"
|
||||
bucket="map" :class="{ hide: hideUploadBtn2 }" :upload-data="{ type: '0001' }" @change="backData2" />
|
||||
</div>
|
||||
|
||||
|
||||
</div> -->
|
||||
<div class="item" style="margin-bottom: 100px;margin-top: 100px;">
|
||||
<span class="item_text">品牌Logo：</span>
|
||||
<upload ref="uploadImg" v-model="imgList" style="" class="item_input" :limit="1"
|
||||
bucket="map" :class="{ hide: hideUploadBtn }" :upload-data="{ type: '0001' }" @change="backData" />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/brands/brand.js'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
upload,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
imgList: [],
|
||||
imgList2: [],
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
brandName: '',
|
||||
brandCode: '',
|
||||
remarks: '',
|
||||
letter: '',
|
||||
image: "",
|
||||
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
hideUploadBtn2: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.initData()
|
||||
},
|
||||
methods: {
|
||||
backData(value) {
|
||||
console.log('backData》》》》', value)
|
||||
console.log('imgList', this.imgList)
|
||||
|
||||
if (this.imgList.length > 0) {
|
||||
this.formobj.image = this.imgList[0].url
|
||||
} else {
|
||||
this.formobj.image = ''
|
||||
}
|
||||
|
||||
this.hideUploadBtn = this.imgList.length != 0
|
||||
console.log('this.hideUploadBtn', this.hideUploadBtn)
|
||||
},
|
||||
backData2(value) {
|
||||
console.log('backData2》》》》', value)
|
||||
console.log('imgList2', this.imgList2)
|
||||
|
||||
if (this.imgList2.length > 0) {
|
||||
this.formobj.bigPic = this.imgList2[0].url
|
||||
} else {
|
||||
this.formobj.bigPic = ''
|
||||
}
|
||||
|
||||
this.hideUploadBtn2 = this.imgList2.length != 0
|
||||
console.log('this.hideUploadBtn2', this.hideUploadBtn2)
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveBrands(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.imgList = []
|
||||
this.imgList2 = []
|
||||
this.hideUploadBtn = true
|
||||
this.hideUploadBtn2 = true
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
brandName: '',
|
||||
brandCode: '',
|
||||
remarks: '',
|
||||
letter: '',
|
||||
image: "",
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {
|
||||
console.log("this.imgList", this.imgList)
|
||||
console.log("this.imgList2", this.imgList2)
|
||||
this.hideUploadBtn = this.imgList.length != 0
|
||||
this.hideUploadBtn2 = this.imgList2.length != 0
|
||||
},
|
||||
showEdit(row) {
|
||||
req.initBrands(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
this.imgList = []
|
||||
this.imgList2 = []
|
||||
if (resp.data.image != '') {
|
||||
this.imgList.push({
|
||||
url: resp.data.image
|
||||
})
|
||||
}
|
||||
if (resp.data.bigPic != '') {
|
||||
this.imgList2.push({
|
||||
url: resp.data.bigPic
|
||||
})
|
||||
}
|
||||
|
||||
this.hideUploadBtn = this.imgList.length != 0
|
||||
this.hideUploadBtn2 = this.imgList2.length != 0
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
this.imgList = []
|
||||
this.imgList2 = []
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_text2 {
|
||||
flex: 1;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.item_input2 {
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
256
src/views/baseInfo/brands/index.vue
Normal file
256
src/views/baseInfo/brands/index.vue
Normal file
@@ -0,0 +1,256 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="品牌列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="品牌名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">品牌列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="品牌Logo" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="left" trigger="click" width="300">
|
||||
<img :src="scope.row.image" width="100%">
|
||||
<img slot="reference" :src="scope.row.image" :alt="scope.row.image"
|
||||
style="max-height: 70px;max-width: 70px; padding: 5px">
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="brandName" label="品牌名称" align="center" />
|
||||
<el-table-column prop="brandCode" label="品牌代码" align="center" />
|
||||
<el-table-column prop="letter" label="首字母大写" align="center" />
|
||||
<el-table-column prop="remarks" label="品牌备注" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/brands/brand.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './brandsAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
218
src/views/baseInfo/category/categoryAdd.vue
Normal file
218
src/views/baseInfo/category/categoryAdd.vue
Normal file
@@ -0,0 +1,218 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>类别信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">选择父级类别：</span>
|
||||
<el-select v-model="formobj.pname" placeholder="请选择父级类别" class="item_input" @change="selectGoodsTypeChange">
|
||||
<el-option v-for="item in goodsTypeList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">类别名称：</span>
|
||||
<el-input v-model="formobj.goodsTypeName" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">类别编码：</span>
|
||||
<el-input v-model="formobj.goodsTypeCode" placeholder="" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">提成比例：</span>
|
||||
<el-input v-model="formobj.percentageRate" placeholder="" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">提成金额：</span>
|
||||
<el-input v-model="formobj.percentageAmount" placeholder="" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<span class="item_text">类别排序：</span>
|
||||
<el-input v-model="formobj.sortNo" placeholder="" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">类别备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/category/category.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
goodsTypeName: '',
|
||||
goodsTypeCode: '',
|
||||
percentageRate: '',
|
||||
percentageAmount: '',
|
||||
sids: '',
|
||||
pname: '',
|
||||
sortNo: '',
|
||||
remarks: '',
|
||||
|
||||
},
|
||||
goodsTypeList: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
console.log('>>>>>>>>>initData')
|
||||
req.getAllType().then(resp => {
|
||||
this.goodsTypeList = resp.data
|
||||
})
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveTypes(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
goodsTypeName: '',
|
||||
goodsTypeCode: '',
|
||||
percentageRate: '',
|
||||
percentageAmount: '',
|
||||
sids: '',
|
||||
pname: '',
|
||||
sortNo: '',
|
||||
remarks: '',
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
req.initTypes(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
selectGoodsTypeChange(val) {
|
||||
|
||||
const choose = this.goodsTypeList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectGoodsTypeChange', choose)
|
||||
this.formobj.sids = choose[0].sid
|
||||
this.formobj.pName = choose[0].goodsTypeName
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
285
src/views/baseInfo/category/index.vue
Normal file
285
src/views/baseInfo/category/index.vue
Normal file
@@ -0,0 +1,285 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="类别列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="类别名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">类别列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否一品一码" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isGoodsID" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="0" @change="enableChange2(scope.row.sid,scope.row.isGoodsID)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsTypeName" label="类别名称" align="center" />
|
||||
<el-table-column prop="goodsTypeCode" label="类别编码" align="center" />
|
||||
<el-table-column prop="pname" label="上级类别" align="center" />
|
||||
<el-table-column prop="percentageRate" label="提成比例" align="center" />
|
||||
<el-table-column prop="percentageAmount" label="提成金额" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/category/category.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './categoryAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
enableChange2(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsGoodsID(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
175
src/views/baseInfo/factory/factoryAdd.vue
Normal file
175
src/views/baseInfo/factory/factoryAdd.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>厂家信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">厂家名称：</span>
|
||||
<el-input v-model="formobj.manufacturerName" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">厂家编码：</span>
|
||||
<el-input v-model="formobj.manufacturerCode" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">厂家排序：</span>
|
||||
<el-input v-model="formobj.sortNo" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">厂家备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="item_input" clearable />
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/factory/factory.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
manufacturerName: '',
|
||||
manufacturerCode: '',
|
||||
sortNo: '',
|
||||
remarks: ""
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveFacturer(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
manufacturerName: '',
|
||||
manufacturerCode: '',
|
||||
sortNo: '',
|
||||
remarks: ""
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
req.initFacturer(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
261
src/views/baseInfo/factory/index.vue
Normal file
261
src/views/baseInfo/factory/index.vue
Normal file
@@ -0,0 +1,261 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="厂家列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="厂家名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">厂家列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="manufacturerName" label="厂家名称" align="center" />
|
||||
<el-table-column prop="manufacturerCode" label="厂家编码" align="center" />
|
||||
<el-table-column prop="sortNo" label="排序" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/factory/factory.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './factoryAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
1097
src/views/baseInfo/goods/goodsAdd.vue
Normal file
1097
src/views/baseInfo/goods/goodsAdd.vue
Normal file
File diff suppressed because it is too large
Load Diff
943
src/views/baseInfo/goods/goodsInfo.vue
Normal file
943
src/views/baseInfo/goods/goodsInfo.vue
Normal file
@@ -0,0 +1,943 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>商品信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品名称</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.goodsName" placeholder="商品名称" class="addinputw" style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品编码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.barCode" placeholder="商品编码" style="width: 100%;" class="addinputw" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品品牌</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-select v-model="formobj.brandName" placeholder="请选择商品品牌" class="addinputw" style="width: 100%;"
|
||||
@change="selectBrandChange">
|
||||
<el-option v-for="item in brandList" :key="item.sid" :label="item.brandName" :value="item.sid" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品类别</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-select v-model="formobj.typeName" placeholder="请选择商品类别" class="addinputw" style="width: 100%;"
|
||||
@change="selectCateChange">
|
||||
<el-option v-for="item in cateList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品厂家</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-select v-model="formobj.manufacturerName" placeholder="请选择商品厂家" class="addinputw" style="width: 100%;"
|
||||
@change="selectfacturerChange">
|
||||
<el-option v-for="item in facturerList" :key="item.sid" :label="item.manufacturerName"
|
||||
:value="item.sid" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">厂家货号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.factoryCode" placeholder="商品名称" style="width: 100%;" class="addinputw"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部编码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.externalCode" placeholder="外部编码" style="width: 100%;" class="addinputw"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">国标码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.nationalStandardCode" placeholder="国标码" style="width: 100%;" class="addinputw"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">税率</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.taxRate" placeholder="税率" style="width: 100%;" class="addinputw" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">保质期天</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.shelfLife" placeholder="保质期天" style="width: 100%;" class="addinputw"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品详细说明</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.baseGoodsSpuDetail.goodsExplain" type="textarea" :rows="4"
|
||||
style="width: 100%;margin-bottom: 5px;;" placeholder="商品详细说明" class="addinputw" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品描述</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.baseGoodsSpuDetail.goodsDescription" type="textarea" :rows="4"
|
||||
style="width: 100%;margin-bottom: 5px;;" placeholder="商品描述" class="addinputw" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-collapse v-model="activeNames" style="margin-top: 20px;">
|
||||
<el-collapse-item name="1">
|
||||
<template slot="title">
|
||||
规格列表<span class="span" @click.stop="add()">添加</span>
|
||||
</template>
|
||||
<el-table v-loading="listLoading" :data="formobj.baseGoodsSkus" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<!-- <el-table-column type="selection" align="center" width="50"/> -->
|
||||
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
|
||||
<el-table-column label="是否可用" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格代码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="标题" prop="title" align="center" />
|
||||
<el-table-column label="外部编码" prop="externalCode" align="center" />
|
||||
<el-table-column label="规格明细" wid align="center" width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini"
|
||||
@click="showGoodsSkuDttail(scope.row.baseGoodsSkuExtend)">查看</el-button>
|
||||
<el-button type="primary" size="mini"
|
||||
@click="editGoodsSkuDttail(scope.row.baseGoodsSkuExtend)">编辑</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
<el-dialog title="查看规格明细" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -40px;" :model="itemInfo">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">最后采购价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.finalPurchasePrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">安全库存天数</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.safetyStockDays}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否原厂</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isOriginalFactory}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否库存警戒</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isInventoryAlert}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库存警戒上线</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.inventoryAlertUpperLimit}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库存警戒下线</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.inventoryAlertLowerLimit}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">成本价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.costPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">吊牌价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.tagPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">销售单价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.salesPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">标准进价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.standardPurchasePrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">代理价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.agencyPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">折扣</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.discount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">最低零售价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.minimumSalesPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否积分兑换</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isIntegralExchange}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">积分数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.integralAmount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">规格图片</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<template slot-scope="scope">
|
||||
<span v-for="(item,index) in itemInfo.urls" :key="index">
|
||||
<el-popover placement="left" trigger="click" width="300">
|
||||
<img :src="item" width="100%" />
|
||||
<img slot="reference" :src="item" :alt="item"
|
||||
style="max-height: 70px;max-width: 70px; padding: 5px" />
|
||||
</el-popover>
|
||||
</span>
|
||||
</template>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
|
||||
<el-button type="primary" style="margin-top: 20px;" @click="handleClose">关 闭</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
|
||||
<el-dialog title="编辑规格明细" :visible.sync="dialogVisible2" :before-close="handleClose2">
|
||||
<el-form ref="dataForm2" class="formadd" style="margin-top: -40px;" :model="orderInfo">
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">最后采购价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.finalPurchasePrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">安全库存天数</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.safetyStockDays}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否原厂</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isOriginalFactory}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否库存警戒</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isInventoryAlert}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库存警戒上线</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.inventoryAlertUpperLimit}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库存警戒下线</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.inventoryAlertLowerLimit}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">成本价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.costPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">吊牌价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.tagPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">销售单价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.salesPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">标准进价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.standardPurchasePrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">代理价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.agencyPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">折扣</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.discount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">最低零售价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.minimumSalesPrice}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">是否积分兑换</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.isIntegralExchange}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">积分数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{itemInfo.integralAmount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">规格图片</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<upload ref="uploadImg2" v-model="imgList" style="margin-top: 20px; z-index: 1000;" class="item_input" :limit="9"
|
||||
bucket="map" :class="{ hide: false }" :upload-data="{ type: '0001' }" @change="backData" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
|
||||
<el-button type="primary" style="margin-top: 20px;" @click="handleClose2">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
<!-- <el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">选择商品品牌：</span>
|
||||
<el-select v-model="formobj.brand" placeholder="请选择商品品牌" class="item_input" @change="selectBrandChange">
|
||||
<el-option v-for="item in brandList" :key="item.sid" :label="item.brandName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">选择商品类别：</span>
|
||||
<el-select v-model="formobj.typeName" placeholder="请选择商品类别" class="item_input" @change="selectCateChange">
|
||||
<el-option v-for="item in cateList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">选择商品厂家：</span>
|
||||
<el-select v-model="formobj.manufacturer" placeholder="请选择商品厂家" class="item_input"
|
||||
@change="selectfacturerChange">
|
||||
<el-option v-for="item in facturerList" :key="item.sid" :label="item.manufacturerName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品名称：</span>
|
||||
<el-input v-model="formobj.goodsName" placeholder="商品名称" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品编码：</span>
|
||||
<el-input v-model="formobj.goodsCode" placeholder="商品编码" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品条码：</span>
|
||||
<el-input v-model="formobj.barCode" placeholder="商品条码" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^0-9]/g,'')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品产地：</span>
|
||||
<el-input v-model="formobj.producer" placeholder="商品产地" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品单位：</span>
|
||||
<el-input v-model="formobj.unit" placeholder="商品单位" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品规格：</span>
|
||||
<el-input v-model="formobj.specification" placeholder="商品规格" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">商品简介：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="商品简介" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
<div class="item" style="margin-bottom: 100px;margin-top: 100px;">
|
||||
<span class="item_text">商品图片：</span>
|
||||
<upload ref="uploadImg2" v-model="imgList" style="margin-top: 20px;" class="item_input" :limit="1"
|
||||
bucket="map" :class="{ hide: hideUploadBtn }" :upload-data="{ type: '0001' }" @change="backData" />
|
||||
</div>
|
||||
|
||||
</el-card> -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/goods/goods.js'
|
||||
import req2 from '@/api/baseinfo/brands/brand.js'
|
||||
import req3 from '@/api/baseinfo/category/category.js'
|
||||
import req4 from '@/api/baseinfo/factory/factory.js'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
upload,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
activeNames: ['1'],
|
||||
imgList: [],
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
goodsName: "",
|
||||
goodsCode: "",
|
||||
brandSid: "",
|
||||
brand: "",
|
||||
goodsTypeSid: "",
|
||||
typeName: "",
|
||||
manufacturersid: "",
|
||||
manufacturer: "",
|
||||
externalCode: '',
|
||||
factoryCode: '',
|
||||
taxRate: '',
|
||||
shelfLife: '',
|
||||
baseGoodsSpuDetail: {
|
||||
goodsExplain: "",
|
||||
goodsDescription: ""
|
||||
},
|
||||
baseGoodsSkuDtos: []
|
||||
},
|
||||
brandList: [],
|
||||
cateList: [],
|
||||
facturerList: [],
|
||||
hideUploadBtn: false,
|
||||
dialogVisible: false,
|
||||
dialogVisible2: false,
|
||||
itemInfo: {},
|
||||
orderInfo: {}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
req2.getAllBrand().then(resp => {
|
||||
this.brandList = resp.data
|
||||
})
|
||||
req3.getAllType().then(resp => {
|
||||
this.cateList = resp.data
|
||||
})
|
||||
req4.getAllFacturer().then(resp => {
|
||||
this.facturerList = resp.data
|
||||
})
|
||||
},
|
||||
backData(value) {
|
||||
console.log('backData》》》》', value)
|
||||
console.log('imgList', this.imgList)
|
||||
|
||||
if (this.imgList.length > 0) {
|
||||
this.formobj.picUrl = this.imgList[0].url
|
||||
} else {
|
||||
this.formobj.picUrl = ''
|
||||
}
|
||||
|
||||
this.hideUploadBtn = this.imgList.length != 0
|
||||
console.log('this.hideUploadBtn', this.hideUploadBtn)
|
||||
},
|
||||
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveGoods(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.imgList = []
|
||||
this.hideUploadBtn = true
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
brand: "",
|
||||
brandSid: "",
|
||||
typeName: "",
|
||||
goodsTypeSid: "",
|
||||
manufacturer: "",
|
||||
manufacturerSid: "",
|
||||
goodsName: '',
|
||||
goodsCode: '',
|
||||
barcode: '',
|
||||
producer: '',
|
||||
unit: '',
|
||||
specification: '',
|
||||
remarks: '',
|
||||
baseGoodsSpuDetail: {
|
||||
goodsExplain: "",
|
||||
goodsDescription: ""
|
||||
},
|
||||
baseGoodsSku: []
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
showEdit(row) {
|
||||
req.initGoods(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
selectBrandChange(val) {
|
||||
const choose = this.brandList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectBrandChange', choose)
|
||||
this.formobj.brandSid = choose[0].sid
|
||||
this.formobj.brandName = choose[0].brandName
|
||||
},
|
||||
selectCateChange(val) {
|
||||
const choose = this.cateList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectCateChange', choose)
|
||||
this.formobj.goodsTypeSid = choose[0].sid
|
||||
this.formobj.typeName = choose[0].goodsTypeName
|
||||
},
|
||||
selectfacturerChange(val) {
|
||||
const choose = this.facturerList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectfacturerChange', choose)
|
||||
this.formobj.manufacturerSid = choose[0].sid
|
||||
this.formobj.manufacturerName = choose[0].manufacturerName
|
||||
},
|
||||
|
||||
|
||||
showGoodsSkuDttail(goodsSkuDto) {
|
||||
console.log('>>>>>>>>>showGoodsSkuDttail', goodsSkuDto)
|
||||
|
||||
this.dialogVisible = true
|
||||
this.itemInfo = goodsSkuDto
|
||||
this.imgList = goodsSkuDto.urls
|
||||
},
|
||||
|
||||
editGoodsSkuDttail(goodsSkuDto) {
|
||||
console.log('>>>>>>>>>editGoodsSkuDttail', goodsSkuDto)
|
||||
|
||||
this.dialogVisible2 = true
|
||||
this.itemInfo = goodsSkuDto
|
||||
this.imgList = goodsSkuDto.urls
|
||||
},
|
||||
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
handleClose2() {
|
||||
this.dialogVisible2 = false
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {}
|
||||
|
||||
.span {
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
289
src/views/baseInfo/goods/index.vue
Normal file
289
src/views/baseInfo/goods/index.vue
Normal file
@@ -0,0 +1,289 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit" :hidden="false">商品列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column width="50" type="selection" align="center" />
|
||||
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="80">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">详情</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="barCode" label="商品条码" align="center" />
|
||||
<el-table-column prop="brandName" label="商品品牌" align="center" />
|
||||
<el-table-column prop="typeName" label="商品类别" align="center" />
|
||||
<el-table-column prop="goodsUnitName" label="商品单位" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="商品厂家" align="center" />
|
||||
<el-table-column prop="nationalStandardCode" label="国标码" align="center" />
|
||||
<el-table-column prop="taxRate" label="税率" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<!-- 详情部分组件 -->
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/goods/goods.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './goodsAdd.vue'
|
||||
import divInfo from './goodsInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo,
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'edit',
|
||||
btnKey: 'toEdit',
|
||||
btnLabel: '编辑'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'toEdit':
|
||||
this.toEdit()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
toEdit() {
|
||||
|
||||
if(this.selectionList.length!=1){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
223
src/views/baseInfo/goodsShelves/goodsShelvesAdd.vue
Normal file
223
src/views/baseInfo/goodsShelves/goodsShelvesAdd.vue
Normal file
@@ -0,0 +1,223 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>库位信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">选择所属仓库：</span>
|
||||
<el-select v-model="formobj.warehouseName" placeholder="请选择所属仓库" class="item_input"
|
||||
@change="selectWarehouseChange">
|
||||
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">选择所属库区：</span>
|
||||
<el-select v-model="formobj.locationName" placeholder="请选择所属库区" class="item_input"
|
||||
@change="selectWarehouseAreaChange">
|
||||
<el-option v-for="item in warehouseAreaList" :key="item.sid" :label="item.areaName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库位名称：</span>
|
||||
<el-input v-model="formobj.rackName" placeholder="库位名称" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库位编码：</span>
|
||||
<el-input v-model="formobj.rackCode" placeholder="库位编码" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库位备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="库位备注" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/goodsShelves/goodsShelves.js'
|
||||
import req2 from '@/api/baseinfo/warehouse/warehouse.js'
|
||||
import req3 from '@/api/baseinfo/warehouseArea/warehouseArea.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
rackName: '',
|
||||
rackCode: '',
|
||||
warehouseName: '',
|
||||
warehouseSid: '',
|
||||
locationName: '',
|
||||
locationSid: '',
|
||||
remarks: '',
|
||||
|
||||
},
|
||||
warehouseList: [],
|
||||
warehouseAreaList: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
|
||||
req2.getAllWarehouse().then(resp => {
|
||||
this.warehouseList = resp.data
|
||||
})
|
||||
|
||||
req3.getAllWarehousearea().then(resp => {
|
||||
this.warehouseAreaList = resp.data
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveGoodsShelves(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
rackName: '',
|
||||
rackCode: '',
|
||||
warehouseName: '',
|
||||
warehouseSid: '',
|
||||
locationName: '',
|
||||
locationSid: '',
|
||||
remarks: '',
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {
|
||||
},
|
||||
showEdit(row) {
|
||||
req.initGoodsShelves(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
selectWarehouseChange(val) {
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseChange', choose)
|
||||
this.formobj.warehouseSid = choose[0].sid
|
||||
this.formobj.warehouseName = choose[0].warehouseName
|
||||
},
|
||||
selectWarehouseAreaChange(val) {
|
||||
const choose = this.warehouseAreaList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaChange', choose)
|
||||
this.formobj.locationSid = choose[0].sid
|
||||
this.formobj.locationName = choose[0].areaName
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
262
src/views/baseInfo/goodsShelves/index.vue
Normal file
262
src/views/baseInfo/goodsShelves/index.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="库位列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="库位名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">库位列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="rackName" label="库位名称" align="center" />
|
||||
<el-table-column prop="rackCode" label="库位编码" align="center" />
|
||||
<el-table-column prop="warehouseName" label="所属仓库" align="center" />
|
||||
<el-table-column prop="locationName" label="所属库区" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/goodsShelves/goodsShelves.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './goodsShelvesAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
265
src/views/baseInfo/warehouse/index.vue
Normal file
265
src/views/baseInfo/warehouse/index.vue
Normal file
@@ -0,0 +1,265 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="仓库列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="仓库名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">仓库列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="warehouseName" label="仓库名称" align="center" />
|
||||
<el-table-column prop="warehouseCode" label="仓库编码" align="center" />
|
||||
<el-table-column prop="manager" label="仓库主管" align="center" />
|
||||
<el-table-column prop="telephone" label="联系电话" align="center" />
|
||||
<el-table-column prop="squareMeter" label="占地面积" align="center" />
|
||||
<el-table-column prop="address" label="仓库地址" align="center" />
|
||||
<el-table-column prop="sortNo" label="排序" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouse/warehouse.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './warehouseAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
240
src/views/baseInfo/warehouse/warehouseAdd.vue
Normal file
240
src/views/baseInfo/warehouse/warehouseAdd.vue
Normal file
@@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>仓库信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">仓库名称：</span>
|
||||
<el-input v-model="formobj.warehouseName" placeholder="仓库名称" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库编码：</span>
|
||||
<el-input v-model="formobj.warehouseCode" placeholder="仓库编码" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库联系人：</span>
|
||||
<el-input v-model="formobj.contacts" placeholder="仓库联系人" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">手机号码：</span>
|
||||
<el-input v-model="formobj.mob" placeholder="手机号码" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库主管：</span>
|
||||
<el-input v-model="formobj.manager" placeholder="仓库主管" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">联系电话：</span>
|
||||
<el-input v-model="formobj.telephone" placeholder="联系电话" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<span class="item_text">占地面积：</span>
|
||||
<el-input v-model="formobj.squareMeter" placeholder="占地面积" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库经度：</span>
|
||||
<el-input v-model="formobj.longitude" placeholder="仓库经度" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库纬度：</span>
|
||||
<el-input v-model="formobj.latitude" placeholder="仓库纬度" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">具体地址：</span>
|
||||
<el-input v-model="formobj.address" placeholder="具体地址" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">使用状态：</span>
|
||||
<el-radio-group v-model="formobj.usageStatus" size="small" @change="changeTheme" class="item_input">
|
||||
<el-radio :label="1">正常</el-radio>
|
||||
<el-radio :label="0">停用</el-radio>
|
||||
</el-radio-group>
|
||||
<!-- <el-input v-model="formobj.usageStatus" placeholder="仓库排序" class="item_input" clearable /> -->
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库排序：</span>
|
||||
<el-input v-model="formobj.sortNo" placeholder="仓库排序" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">仓库备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="具体地址" class="item_input" clearable />
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouse/warehouse.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
warehouseCode: '',
|
||||
contacts: "",
|
||||
mob: "",
|
||||
telephone: "",
|
||||
manager: '',
|
||||
longitude: '',
|
||||
latitude: '',
|
||||
usageStatus: "",
|
||||
address: '',
|
||||
squareMeter: '',
|
||||
sortNo: '',
|
||||
remarks: '',
|
||||
warehouseType: "0"
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
changeTheme(val) {
|
||||
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveWarehouse(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
warehouseCode: '',
|
||||
contacts: "",
|
||||
mob: "",
|
||||
telephone: "",
|
||||
manager: '',
|
||||
longitude: '',
|
||||
latitude: '',
|
||||
usageStatus: "",
|
||||
address: '',
|
||||
squareMeter: '',
|
||||
sortNo: '',
|
||||
remarks: '',
|
||||
warehouseType: "0"
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
req.initWarehouse(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
264
src/views/baseInfo/warehouseArea/index.vue
Normal file
264
src/views/baseInfo/warehouseArea/index.vue
Normal file
@@ -0,0 +1,264 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="库区列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="库区名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">库区列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="areaName" label="库区名称" align="center" />
|
||||
<el-table-column prop="areaCode" label="库区编码" align="center" />
|
||||
<el-table-column prop="volume" label="库区容量" align="center" />
|
||||
<el-table-column prop="unit" label="计量单位" align="center" />
|
||||
<el-table-column prop="areaTypeName" label="库区类型" align="center" />
|
||||
<el-table-column prop="warehouseName" label="所属仓库" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouseArea/warehouseArea.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './warehouseAreaAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
234
src/views/baseInfo/warehouseArea/warehouseAreaAdd.vue
Normal file
234
src/views/baseInfo/warehouseArea/warehouseAreaAdd.vue
Normal file
@@ -0,0 +1,234 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>库区信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
<div class="item">
|
||||
<span class="item_text">选择所属仓库：</span>
|
||||
<el-select v-model="formobj.warehouseName" placeholder="请选择所属仓库" class="item_input"
|
||||
@change="selectWarehouseChange">
|
||||
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区名称：</span>
|
||||
<el-input v-model="formobj.areaName" placeholder="库区名称" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区编码：</span>
|
||||
<el-input v-model="formobj.areaCode" placeholder="库区编码" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区容量：</span>
|
||||
<el-input v-model="formobj.volume" placeholder="库区容量" class="item_input" clearable
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">计量单位：</span>
|
||||
<el-input v-model="formobj.unit" placeholder="计量单位" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区类型：</span>
|
||||
<el-select v-model="formobj.areaTypeName" placeholder="请选择库区类型" class="item_input"
|
||||
@change="selectWarehouseTypeValueChange">
|
||||
<el-option v-for="item in warehouseTypeList" :key="item.sid" :label="item.warehouseAreaTypeName"
|
||||
:value="item.sid" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="库区备注" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouseArea/warehouseArea.js'
|
||||
import req2 from '@/api/baseinfo/warehouse/warehouse.js'
|
||||
import req3 from '@/api/baseinfo/warehouseAreaType/warehouseAreaType.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
areaName: '',
|
||||
areaCode: '',
|
||||
volume: '',
|
||||
unit: '',
|
||||
remarks: '',
|
||||
warehouseName: '',
|
||||
warehouseSid: '',
|
||||
areaTypeSid: "",
|
||||
areaTypeName: ""
|
||||
|
||||
},
|
||||
warehouseList: [],
|
||||
warehouseTypeList: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
req2.getAllWarehouse().then(resp => {
|
||||
this.warehouseList = resp.data
|
||||
})
|
||||
|
||||
req3.getAllWarehouseareatype().then(resp => {
|
||||
this.warehouseTypeList = resp.data
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveWarehousearea(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
areaName: '',
|
||||
areaCode: '',
|
||||
volume: '',
|
||||
unit: '',
|
||||
remarks: '',
|
||||
areaTypeSid: "",
|
||||
areaTypeName: ""
|
||||
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
req.initWarehousearea(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
selectWarehouseChange(val) {
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseChange', choose)
|
||||
this.formobj.warehouseSid = choose[0].sid
|
||||
this.formobj.warehouseName = choose[0].warehouseName
|
||||
},
|
||||
selectWarehouseTypeValueChange(val) {
|
||||
const choose = this.warehouseTypeList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseTypeValueChange', choose)
|
||||
this.formobj.areaTypeSid = choose[0].sid
|
||||
this.formobj.areaTypeName = choose[0].warehouseAreaTypeName
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
261
src/views/baseInfo/warehouseAreaType/index.vue
Normal file
261
src/views/baseInfo/warehouseAreaType/index.vue
Normal file
@@ -0,0 +1,261 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="库区类型列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="库区类型名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="dosearch"
|
||||
>查询</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-refresh"
|
||||
@click="resetQuery"
|
||||
>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">库区类型列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否可用" align="center" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.isEnable" active-text="是" inactive-text="否" active-value="1"
|
||||
inactive-value="2" @change="enableChange(scope.row.sid,scope.row.isEnable)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="warehouseAreaTypeName" label="库区类型名称" align="center" />
|
||||
<el-table-column prop="createTime" label="创建时间" align="center" />
|
||||
<el-table-column prop="remarks" label="库区类型备注" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination
|
||||
v-show="dataList.length > 0"
|
||||
:total="queryParams.total"
|
||||
:page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size"
|
||||
class="pagination"
|
||||
@pagination="loadList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouseAreaType/warehouseAreaType.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './warehouseAreaTypeAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
163
src/views/baseInfo/warehouseAreaType/warehouseAreaTypeAdd.vue
Normal file
163
src/views/baseInfo/warehouseAreaType/warehouseAreaTypeAdd.vue
Normal file
@@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>库区类型信息</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-card class="box-card">
|
||||
|
||||
<div class="item">
|
||||
<span class="item_text">库区类型名称：</span>
|
||||
<el-input v-model="formobj.warehouseAreaTypeName" placeholder="库区类型名称" class="item_input" clearable />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="item_text">库区类型备注：</span>
|
||||
<el-input v-model="formobj.remarks" placeholder="库区类型备注" class="item_input" clearable />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/baseinfo/warehouseAreaType/warehouseAreaType.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sid: '',
|
||||
warehouseAreaTypeName: '',
|
||||
remarks: '',
|
||||
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
req.saveWarehousearea(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
remarks: '',
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
req.initWarehousearea(row.sid)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = row
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.box-card {
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
min-width: 70%;
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
.item_text {
|
||||
flex: 0.8;
|
||||
font-size: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item_input {
|
||||
flex: 4;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.item_left_input {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.item_left_text {
|
||||
height: 30px;
|
||||
margin-left: 20px;
|
||||
line-height: 30px;
|
||||
color: #018AD2;
|
||||
padding: 0px 15px;
|
||||
border: 1.5px solid #018AD2;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.item_right {
|
||||
flex: 1;
|
||||
justify-items: center;
|
||||
|
||||
.item_right_list_text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.item_right_list_delect {
|
||||
color: #5E94FF;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
223
src/views/carryover/carryforwardrecord.vue
Normal file
223
src/views/carryover/carryforwardrecord.vue
Normal file
@@ -0,0 +1,223 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--列表页面-->
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar view-title="结转记录查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
|
||||
<!--Start查询列表部分-->
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
|
||||
<el-form-item label="门店">
|
||||
<el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="结转日期">
|
||||
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
<span style="padding: 0 8px">至</span>
|
||||
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
<div class="listtop">
|
||||
<div class="tit">结转记录查询列表</div>
|
||||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--Start 主页面主要部分 -->
|
||||
<div class="">
|
||||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
|
||||
<el-table-column fixed type="selection" align="center" width="50"/>
|
||||
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
|
||||
<el-table-column prop="useOrgName" label="门店" align="center" />
|
||||
<el-table-column prop="createTime" label="结转日期" align="center" />
|
||||
<el-table-column prop="createByName" label="结转人" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!--End 主页面主要部分-->
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import req from '@/api/carryover/carryover'
|
||||
|
||||
export default {
|
||||
name: 'CarryForwardRecord',
|
||||
components: {
|
||||
Pagination,
|
||||
pageye,
|
||||
ButtonBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
btnList: [
|
||||
{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
|
||||
tableKey: 0,
|
||||
list: [],
|
||||
sids: [], // 用于导出的时候保存已选择的SIDs
|
||||
FormLoading: false,
|
||||
listLoading: false,
|
||||
// 翻页
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
useOrgName: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 初始化变量
|
||||
this.getList()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey)
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
// 表中序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
// 信息条数 获取点击时当前的sid
|
||||
handleSelectionChange(row) {
|
||||
const aa = []
|
||||
row.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
},
|
||||
// 查询列表信息
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
req.carryForwardList(this.listQuery).then(response => {
|
||||
this.listLoading = false
|
||||
if (response.success) {
|
||||
this.list = response.data.records
|
||||
this.listQuery.total = response.data.total
|
||||
} else {
|
||||
this.list = []
|
||||
this.listQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
// 查询按钮
|
||||
handleFilter() {
|
||||
this.listQuery.current = 1
|
||||
this.getList()
|
||||
},
|
||||
// 点击重置
|
||||
handleReset() {
|
||||
this.listQuery = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
useOrgName: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
doDel() {
|
||||
if (this.sids.length === 0) {
|
||||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
|
||||
return
|
||||
}
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then(resp => {
|
||||
if (resp.success) {
|
||||
this.$message({ type: 'success', message: resp.msg, showClose: true })
|
||||
}
|
||||
this.getList()
|
||||
loading.close()
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
227
src/views/carryover/carryoverstock.vue
Normal file
227
src/views/carryover/carryoverstock.vue
Normal file
@@ -0,0 +1,227 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--列表页面-->
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar view-title="结转库存查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
|
||||
<!--Start查询列表部分-->
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="listQuery.params.goodsSpuName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="零件号">
|
||||
<el-input v-model="listQuery.params.goodsSkuCode" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="结算日期">
|
||||
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
<span style="padding: 0 8px">至</span>
|
||||
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
<div class="listtop">
|
||||
<div class="tit">结转库存查询列表</div>
|
||||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--Start 主页面主要部分 -->
|
||||
<div class="">
|
||||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;">
|
||||
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品" align="center" width="150"/>
|
||||
<el-table-column prop="goodsSkuCode" label="零件号" align="center"/>
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格型号" align="center" width="100" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center"/>
|
||||
<el-table-column prop="warehouseArea" label="库区" align="center"/>
|
||||
<el-table-column prop="warehouseRackName" label="货架" align="center"/>
|
||||
<el-table-column prop="preBalance" label="上期结存" align="center" width="100" />
|
||||
<el-table-column prop="currentBalance" label="本期结存" align="center"/>
|
||||
<el-table-column prop="settleType" label="库存结算类型" align="center"/>
|
||||
<el-table-column prop="createTime" label="结算日期" align="center" width="120"/>
|
||||
</el-table>
|
||||
</div>
|
||||
<!--End 主页面主要部分-->
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import req from '@/api/carryover/carryover'
|
||||
|
||||
export default {
|
||||
name: 'CarryoverStock',
|
||||
components: {
|
||||
Pagination,
|
||||
pageye,
|
||||
ButtonBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
btnList: [
|
||||
{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'doExport',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
|
||||
tableKey: 0,
|
||||
list: [],
|
||||
sids: [], // 用于导出的时候保存已选择的SIDs
|
||||
FormLoading: false,
|
||||
listLoading: false,
|
||||
// 翻页
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
warehouseName: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 初始化变量
|
||||
this.getList()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey)
|
||||
switch (btnKey) {
|
||||
case 'doExport':
|
||||
this.doExport()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
// 表中序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
// 查询列表信息
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
req.listPage(this.listQuery).then(response => {
|
||||
this.listLoading = false
|
||||
if (response.success) {
|
||||
this.list = response.data.records
|
||||
this.listQuery.total = response.data.total
|
||||
} else {
|
||||
this.list = []
|
||||
this.listQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
// 查询按钮
|
||||
handleFilter() {
|
||||
this.listQuery.current = 1
|
||||
this.getList()
|
||||
},
|
||||
// 点击重置
|
||||
handleReset() {
|
||||
this.listQuery = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
warehouseName: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
doExport() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.exportExcel(this.listQuery.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '结转库存查询表' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
432
src/views/deliveryNotice/index.vue
Normal file
432
src/views/deliveryNotice/index.vue
Normal file
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="预期到货通知单管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="外部编号">
|
||||
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务类型">
|
||||
<el-select v-model="queryParams.params.busTypeKey" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="预期到货日期">
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateStart"type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
至
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateEnd" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态">
|
||||
<el-select v-model="queryParams.params.reviewStatus" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in reviewStatusList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">预期到货通知单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" width="150"/>
|
||||
<el-table-column prop="createTime" label="单据日期" align="center" width="150"/>
|
||||
<el-table-column prop="createByName" label="制单人" align="center" width="150"/>
|
||||
<el-table-column prop="sourceBillNo" label="外部单号" align="center" width="150"/>
|
||||
<el-table-column prop="busTypeValue" label="业务类型" align="center" width="150"/>
|
||||
<el-table-column prop="supplierName" label="供应商" align="center" width="150"/>
|
||||
<el-table-column prop="contact" label="联系人" align="center" width="150"/>
|
||||
<el-table-column prop="mobile" label="联系人手机" align="center" width="150"/>
|
||||
<el-table-column prop="deliveryDate" label="预计到货日期" align="center" width="150"/>
|
||||
<el-table-column prop="billState" label="单据状态" align="center" width="150" />
|
||||
<el-table-column prop="reviewStatus" label="审核状态" align="center" width="150"/>
|
||||
<el-table-column prop="refuseReason" label="拒绝原因" align="center" width="150"/>
|
||||
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
<el-dialog title="审核单据" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
<el-form ref="dataForm" class="formadd" style="margin-top: -40px;" :model="formobj">
|
||||
<el-row class="first_row" >
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">审核结果</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-radio-group v-model="formobj.reviewStatus" size="small" @change="changeTheme">
|
||||
<el-radio :label="1" >合格</el-radio>
|
||||
<el-radio :label="2">不合格</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">审核意见</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.remarks" placeholder="请填写审核意见" class="addinputw"
|
||||
style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
|
||||
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
|
||||
<el-button type="primary" style="margin-top: 20px;" @click="saveExamine">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/deliveryNotice/deliveryNotice.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './receiptAdd.vue'
|
||||
import divInfo from './receiptInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
formobj: {
|
||||
sid: "",
|
||||
reviewStatus: "",
|
||||
remarks: ''
|
||||
},
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAudit',
|
||||
btnLabel: '审核'
|
||||
}, {
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '收货'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
busTypeList:[
|
||||
{
|
||||
name :"业务类型1",
|
||||
sid:"1"
|
||||
},
|
||||
{
|
||||
name :"业务类型2",
|
||||
sid:"2"
|
||||
}
|
||||
],
|
||||
billStateList:[
|
||||
{
|
||||
name :"新建",
|
||||
sid:"0"
|
||||
},
|
||||
{
|
||||
name :"完成",
|
||||
sid:"1"
|
||||
}
|
||||
],
|
||||
reviewStatusList:[
|
||||
{
|
||||
name :"通过",
|
||||
sid:"1"
|
||||
},
|
||||
{
|
||||
name :"不通过",
|
||||
sid:"2"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
saveExamine(){
|
||||
|
||||
},
|
||||
changeTheme(){
|
||||
|
||||
},
|
||||
toAudit(){
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.dialogVisible = true
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
selectTime1() {
|
||||
|
||||
},
|
||||
selectTime2() {
|
||||
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAudit':
|
||||
this.toAudit()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if(this.selectionList[0].billState=='完成'){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "此记录已完成,不可操作。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
772
src/views/deliveryNotice/receiptAdd.vue
Normal file
772
src/views/deliveryNotice/receiptAdd.vue
Normal file
@@ -0,0 +1,772 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>【新增】收货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submintdate">确认</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.busTypeValue}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">供应商</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.supplierName}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.dateEnd" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">到货日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.goodsOwner}}</span> -->
|
||||
<el-date-picker v-model="formobj.deliveryDate" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.supplierName}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
<div class="span" @click="batchAddAll()">批次收货</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" wid align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="doGoods(scope.row)">删除</el-button>
|
||||
<el-button type="primary" size="mini" @click="doAddBatch(scope.row)">批次+</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseName" placeholder="请选择" clearable
|
||||
@change="selectWarehouseName(scope.row,$event)">
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="库位" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseRackName" :disabled="scope.row.warehouseName==''" clearable
|
||||
@focus="getWarehouseAreaList(scope.row.warehouseSid)" placeholder="请选择"
|
||||
@change="selectWarehouseAreaCode">
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="预约数量" prop="orderCount" align="center" width="120" />
|
||||
<el-table-column label="实收数量" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" @input="commodityComputeYHAndXSJE(scope.row,$event)"
|
||||
v-model="scope.row.actualInCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="拒收数量" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.rejectCount" clearable placeholder=""
|
||||
@input="commodityComputeYHAndXSJE2(scope.row,$event)"
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="拒收原因" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.rejectReason" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否质检" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.isQuality" size="small" @change="changeTheme">
|
||||
<el-radio :label="0">需要</el-radio>
|
||||
<el-radio :label="1">不需要</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="质检状态" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.qualityState" size="small" @change="changeTheme2">
|
||||
<el-radio :label="0">合格</el-radio>
|
||||
<el-radio :label="1">不合格</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="载具说明" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.packageRemark" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="入库价" prop="cost" align="center" width="100" />
|
||||
<el-table-column label="税额" prop="taxAmount" align="center" width="100" />
|
||||
<el-table-column label="含税单价" prop="taxPrice" align="center" width="100" />
|
||||
<el-table-column label="入库金额" prop="amount" align="center" width="100" />
|
||||
</el-table>
|
||||
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品-批次</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.pcList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" wid align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="doGoodsBatch(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品列表序号" prop="xh" align="center" width="120" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="unit" align="center" width="150" />
|
||||
<el-table-column label="库位" prop="unit" align="center" width="150" />
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" width="300" />
|
||||
<el-table-column label="生产日期" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker v-model="scope.row.manufactureDate" type="date" style="width:100%"
|
||||
value-format="yyyy-MM-dd" placeholder="选择日期" @change="manufactureDateChange(scope.row,$event)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="有效期" prop="expirationDate" align="center" width="180" />
|
||||
<el-table-column label="数量" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.batchCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/deliveryNotice/deliveryNotice.js'
|
||||
import req2 from '@/api/warehouse/allocation/allocation.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
activeNames: ['1'],
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
sourceBillNo: "",
|
||||
busTypeKey: "",
|
||||
busTypeValue: "",
|
||||
createByName: "",
|
||||
billState: 0,
|
||||
reviewStatus: "",
|
||||
refuseReason: "",
|
||||
contact: "",
|
||||
mobile: "",
|
||||
supplierSid: "",
|
||||
supplierName: "",
|
||||
goodsOwnerSid: "",
|
||||
goodsOwner: "",
|
||||
deliveryDate: "",
|
||||
list: [],
|
||||
pcList: []
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
warehouseList: [],
|
||||
warehouseRackList: []
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
|
||||
getWarehouseList() {
|
||||
req2.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req2.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(row, val) {
|
||||
console.log("selectWarehouseName", row);
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
row.warehouseName = choose[0].warehouseName
|
||||
row.warehouseSid = choose[0].sid
|
||||
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
row.warehouseRackName = choose[0].areaCode
|
||||
row.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
batchAddAll() {
|
||||
|
||||
for (var i = 0; i < this.formobj.list.length; i++) {
|
||||
var item = this.formobj.list[i]
|
||||
|
||||
var info = {
|
||||
xh: i + 1,
|
||||
goodsSkuSid: item.goodsSkuSid,
|
||||
goodsSkuTitle: item.goodsSkuTitle,
|
||||
goodsSkuCode: item.goodsSkuCode,
|
||||
goodsSkuOwnSpec: item.goodsSkuOwnSpec,
|
||||
unit: item.unit,
|
||||
warehouseSid: item.warehouseSid,
|
||||
warehouseName: item.warehouseName,
|
||||
warehouseRackSid: item.warehouseRackSid,
|
||||
warehouseRackName: item.warehouseRackName,
|
||||
shelfLife: item.shelfLife,
|
||||
orderCount: item.orderCount,
|
||||
batchNumber: '',
|
||||
manufactureDate: '',
|
||||
batchCount: 0,
|
||||
}
|
||||
|
||||
this.formobj.pcList.push(info)
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
doGoods(row) {
|
||||
console.log("doGoodsDel》》》》", row)
|
||||
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.list.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.list.splice(index, 1)
|
||||
|
||||
for (var i = this.formobj.pcList.length - 1; i >= 0; i--) {
|
||||
if (this.formobj.pcList[i].number === (index + 1)) {
|
||||
this.formobj.pcList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
doGoodsBatch(row) {
|
||||
console.log("doGoodsDel》》》》", row)
|
||||
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.pcList.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.pcList.splice(index, 1)
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
manufactureDateChange(row, val) {
|
||||
|
||||
console.log("manufactureDateChange》》》》", val)
|
||||
|
||||
row.manufactureDate = val
|
||||
row.expirationDate = this.addDate(val, row.shelfLife)
|
||||
|
||||
let reg = new RegExp('-', 'g') //g代表全部
|
||||
|
||||
row.batchNumber = this.formobj.deliveryDate.replace(reg, '') + " - " + row.expirationDate.replace(reg, '')
|
||||
|
||||
|
||||
|
||||
this.$forceUpdate(); // 强制更新
|
||||
console.log("manufactureDateChange》》》》", row)
|
||||
|
||||
},
|
||||
|
||||
addDate(date, days) {
|
||||
var dates = new Date(date)
|
||||
dates.setDate(dates.getDate() + days)
|
||||
var year = dates.getFullYear()
|
||||
var month = dates.getMonth() + 1
|
||||
var day = dates.getDate()
|
||||
if (month < 9) {
|
||||
month = "0" + month
|
||||
}
|
||||
if (day < 9) {
|
||||
day = "0" + day
|
||||
}
|
||||
var time = year + '-' + month + '-' + day
|
||||
return time
|
||||
},
|
||||
|
||||
doAddBatch(row) {
|
||||
const index = (this.formobj.list.findIndex((item) => item === row)) + 1
|
||||
console.log("doAddBatch》》》》", index)
|
||||
console.log("doAddBatch》》》》", row)
|
||||
|
||||
var info = {
|
||||
xh: index,
|
||||
goodsSkuSid: row.goodsSkuSid,
|
||||
goodsSkuTitle: row.goodsSkuTitle,
|
||||
goodsSkuCode: row.goodsSkuCode,
|
||||
goodsSkuOwnSpec: row.goodsSkuOwnSpec,
|
||||
unit: row.unit,
|
||||
warehouseSid: row.warehouseSid,
|
||||
warehouseName: row.warehouseName,
|
||||
warehouseRackSid: row.warehouseRackSid,
|
||||
warehouseRackName: row.warehouseRackName,
|
||||
shelfLife: row.shelfLife,
|
||||
orderCount: row.orderCount,
|
||||
batchNumber: '',
|
||||
manufactureDate: '',
|
||||
batchCount: 0,
|
||||
}
|
||||
|
||||
console.log("aaaaaaaaaaa", info);
|
||||
|
||||
this.formobj.pcList.push(info)
|
||||
|
||||
},
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
if (Number(row.actualInCount) > Number(row.orderCount)) {
|
||||
row.actualInCount = row.orderCount
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
commodityComputeYHAndXSJE2(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
if ((Number(row.rejectCount) + Number(row.actualInCount)) > Number(row.orderCount)) {
|
||||
row.rejectCount = Number(row.orderCount) - Number(row.actualInCount)
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
changeTheme() {
|
||||
|
||||
},
|
||||
|
||||
changeTheme2() {
|
||||
|
||||
},
|
||||
|
||||
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
if (this.formobj.deliveryDate == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '到货日期不能为空'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
for (var i = 0; i < this.formobj.pcList.length; i++) {
|
||||
var item = this.formobj.pcList[i]
|
||||
|
||||
if (item.manufactureDate == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '生产日期不能为空'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if (Number(item.batchCount) == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '商品批次数量不能为0'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
for (var i = 0; i < this.formobj.list.length; i++) {
|
||||
var index = i
|
||||
var num = 0
|
||||
const choose = this.formobj.pcList.filter((item) => Number(item.xh) == (index + 1))
|
||||
for (var j = 0; j < choose.length; j++) {
|
||||
|
||||
num += Number(choose[j].batchCount)
|
||||
|
||||
}
|
||||
|
||||
console.log('>>>>>>>>>saveOrUpdate', num)
|
||||
|
||||
if (num > Number(this.formobj.list[i].actualInCount)) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '商品批次数量不能大于商品实收数量'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submintdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
|
||||
for (var i = 0; i < this.formobj.pcList.length; i++) {
|
||||
var item = this.formobj.pcList[i]
|
||||
|
||||
if (item.manufactureDate == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '生产日期不能为空'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if (Number(item.batchCount) == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '商品批次数量不能为0'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
for (var i = 0; i < this.formobj.list.length; i++) {
|
||||
var index = i
|
||||
var num = 0
|
||||
const choose = this.formobj.pcList.filter((item) => Number(item.xh) == (index + 1))
|
||||
for (var j = 0; j < choose.length; j++) {
|
||||
|
||||
num += Number(choose[j].batchCount)
|
||||
|
||||
}
|
||||
|
||||
console.log('>>>>>>>>>saveOrUpdate', num)
|
||||
|
||||
if (num > Number(this.formobj.list[i].actualInCount)) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '商品批次数量不能大于商品实收数量'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sourceBillNo: "",
|
||||
busTypeKey: "",
|
||||
busTypeValue: "",
|
||||
createByName: "",
|
||||
billState: 0,
|
||||
reviewStatus: "",
|
||||
refuseReason: "",
|
||||
contact: "",
|
||||
mobile: "",
|
||||
supplierSid: "",
|
||||
supplierName: "",
|
||||
goodsOwnerSid: "",
|
||||
goodsOwner: "",
|
||||
deliveryDate: "",
|
||||
list: [],
|
||||
pcList: []
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
this.getWarehouseList()
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.getInitDetails(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
275
src/views/deliveryNotice/receiptInfo.vue
Normal file
275
src/views/deliveryNotice/receiptInfo.vue
Normal file
@@ -0,0 +1,275 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>预期到货通知单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodSpuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodSpuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.busTypeValue}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">供应商</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.supplierName}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">预期到货日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.deliveryDate}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">审核状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.reviewStatus}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">拒绝原因</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.refuseReason}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80" />
|
||||
<el-table-column fixed label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" width="120" />
|
||||
<el-table-column label="库位" prop="warehouseRack" align="center" width="120" />
|
||||
<el-table-column label="预约数量" prop="orderCount" align="center" width="120" />
|
||||
<el-table-column label="待收货数量" prop="waitInCount" align="center" width="120" />
|
||||
<el-table-column label="已收货数量" prop="actualInCount" align="center" width="100" />
|
||||
<el-table-column label="入库价" prop="cost" align="center" width="100" />
|
||||
<el-table-column label="税额" prop="taxAmount" align="center" width="100" />
|
||||
<el-table-column label="含税单价" prop="taxPrice" align="center" width="100" />
|
||||
<el-table-column label="采购金额" prop="amount" align="center" width="100" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/deliveryNotice/deliveryNotice.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
51
src/views/index.vue
Normal file
51
src/views/index.vue
Normal file
@@ -0,0 +1,51 @@
|
||||
<template>
|
||||
<div class="imgDemo">
|
||||
<!--<el-button type="primary" @click="getToken()">token</el-button>
|
||||
<div style="width: 200px;">{{token}}</div>-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {login1} from '@/api/system/user/login.js'
|
||||
export default {
|
||||
name: '',
|
||||
data() {
|
||||
return {
|
||||
token1:'',
|
||||
token2:''
|
||||
}
|
||||
|
||||
},
|
||||
created() {
|
||||
this.token1 = window.sessionStorage.getItem('tokenName');
|
||||
this.token2 = window.sessionStorage.getItem('tokenValue');
|
||||
console.log("tokenName2222", this.token1)
|
||||
console.log("tokenValue222222", this.token2)
|
||||
},
|
||||
methods:{
|
||||
// getToken(){
|
||||
// let params = {
|
||||
// password: "329653",
|
||||
// roleSid: "",
|
||||
// token: "",
|
||||
// userName: "15097329653",
|
||||
// verifyCode: ""
|
||||
// }
|
||||
// login1(params).then(res => {
|
||||
// this.token = res.data.token
|
||||
// window.sessionStorage.setItem('token', res.data.token)
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.imgDemo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(#fff,#f5f7f4, #fff);
|
||||
}
|
||||
canvas {
|
||||
}
|
||||
</style>
|
||||
448
src/views/inventory/inventory.vue
Normal file
448
src/views/inventory/inventory.vue
Normal file
@@ -0,0 +1,448 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="库存列表" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">库存列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" width="200" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toEdit(scope.row)">修改</el-button>
|
||||
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
|
||||
<el-button type="primary" size="mini" @click="toSendOrReceive(scope.row)">收发存</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="count" label="库存" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseArea" label="货位" align="center" />
|
||||
<el-table-column prop="freePrice" label="三包价" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<inventoryAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList" />
|
||||
<!-- 详情 -->
|
||||
<inventoryInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
|
||||
<!-- 收发存 -->
|
||||
<el-dialog :visible.sync="sendOrReceiveVisible" width="70%">
|
||||
<div>
|
||||
<el-form ref="multipleTable" :inline="true" :model="sendOrReceiveQuery" class="vinNoForm" label-width="100px">
|
||||
<el-form-item label="日期">
|
||||
<el-date-picker v-model="sendOrReceiveQuery.params.createTimeStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
<span style="padding: 0 8px">至</span>
|
||||
<el-date-picker v-model="sendOrReceiveQuery.params.createTimeEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="selectSendOrReceive">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table :key="sendOrReceiveKey" v-loading="sendOrReceiveLoading" :data="sendOrReceiveList" border fit highlight-current-row style="width: 100%;">
|
||||
<el-table-column :index="SendOrReceiveIndexMethod" align="center" label="序号" type="index" width="80"/>
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuTitle" label="商品标题" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格型号" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackName" label="货架" align="center" />
|
||||
<el-table-column prop="cost" label="单位成本" align="center" />
|
||||
</el-table>
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="sendOrReceiveList.length > 0" :limit.sync="sendOrReceiveQuery.size" :page.sync="sendOrReceiveQuery.current" :total="sendOrReceiveQuery.total" class="pagination" @pagination="getsendOrReceiveList"/>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 结转 -->
|
||||
<el-dialog :visible.sync="carryOverVisible" width="70%">
|
||||
<el-form :model="formobj" class="formaddcopy02">
|
||||
<el-row style="border-top: 1px solid #e0e3eb">
|
||||
<el-col :span="12">
|
||||
<div class="span-sty">创建人</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="span-sty">创建时间</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<div class="span-sty">库存结算状态</div>
|
||||
<el-form-item>
|
||||
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.settleState">
|
||||
<el-radio label="1">进行中</el-radio>
|
||||
<el-radio label="2">已完成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="span-sty">库存结算类型</div>
|
||||
<el-form-item>
|
||||
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.settleState">
|
||||
<el-radio label="1">月结</el-radio>
|
||||
<el-radio label="2">年结</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" size="small" @click="handleConfirm()">确定</el-button>
|
||||
<el-button size="small" @click="carryOverVisible = false">关闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/inventory/inventory.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import inventoryAdd from './inventoryAdd.vue'
|
||||
import inventoryInfo from './inventoryInfo.vue'
|
||||
|
||||
export default {
|
||||
name: 'Inventory',
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
inventoryAdd,
|
||||
inventoryInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: '',
|
||||
btnKey: 'carryOver',
|
||||
btnLabel: '结转'
|
||||
},
|
||||
{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'doExport',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsSpuName: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
sendOrReceiveVisible: false, // 查看收发存
|
||||
sendOrReceiveKey: 2,
|
||||
sendOrReceiveQuery: {
|
||||
current: 1,
|
||||
size: 5,
|
||||
total: 0,
|
||||
params: {
|
||||
createTimeStart: '',
|
||||
createTimeEnd: '',
|
||||
busTypeKey: '',
|
||||
sid: ''
|
||||
}
|
||||
},
|
||||
sendOrReceiveList: [],
|
||||
sendOrReceiveLoading: false,
|
||||
carryOverVisible: false,
|
||||
formobj: {
|
||||
createTime: '',
|
||||
createBySid: '',
|
||||
createByName: '',
|
||||
settleState: '',
|
||||
settleType: '',
|
||||
settleStartTime: '',
|
||||
settleEndTime: '',
|
||||
useOrgSid: '',
|
||||
createOrgSid: '',
|
||||
sids: []
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'carryOver':
|
||||
this.carryOver()
|
||||
break
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'doExport':
|
||||
this.doExport()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
// 信息条数 获取点击时当前的sid
|
||||
handleSelectionChange(row) {
|
||||
const aa = []
|
||||
row.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
},
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsSpuName: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toEdit(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divAdd'].showEdit(row)
|
||||
},
|
||||
toInfo(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divInfo'].showInfo(row)
|
||||
},
|
||||
// 结转
|
||||
carryOver() {
|
||||
if (this.sids.length === 0) {
|
||||
this.$message({ showClose: true, type: 'error', message: '请至少勾选一条记录进行操作' })
|
||||
return
|
||||
}
|
||||
this.carryOverVisible = true
|
||||
this.formobj = {
|
||||
createTime: '',
|
||||
createBySid: '',
|
||||
createByName: '',
|
||||
settleState: '',
|
||||
settleType: '',
|
||||
settleStartTime: '',
|
||||
settleEndTime: '',
|
||||
useOrgSid: '',
|
||||
createOrgSid: '',
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
handleConfirm() {
|
||||
this.formobj.sids = this.sids
|
||||
req.saveSettlebill(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.carryOverVisible = false
|
||||
this.$message({ showClose: true, type: 'success', message: '结转成功' })
|
||||
this.loadList()
|
||||
}
|
||||
})
|
||||
},
|
||||
doDel() {
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({ type: 'success', message: resp.msg, showClose: true })
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {
|
||||
})
|
||||
} else {
|
||||
this.$message({ showClose: true, message: '请至少选择一条记录进行删除操作' })
|
||||
}
|
||||
},
|
||||
doExport() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '库存查询' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
toSendOrReceive(row) {
|
||||
this.sendOrReceiveVisible = true
|
||||
this.sendOrReceiveQuery.params.sid = row.sid
|
||||
this.getsendOrReceiveList()
|
||||
},
|
||||
// 收发存
|
||||
SendOrReceiveIndexMethod(index) {
|
||||
var pagestart = (this.sendOrReceiveQuery.current - 1) * this.sendOrReceiveQuery.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
// 收发存--加载列表
|
||||
getsendOrReceiveList() {
|
||||
this.sendOrReceiveLoading = true
|
||||
req.getBillList(this.sendOrReceiveQuery).then(response => {
|
||||
this.sendOrReceiveLoading = false
|
||||
if (response.success) {
|
||||
this.sendOrReceiveList = response.data.records
|
||||
this.sendOrReceiveQuery.total = response.data.total
|
||||
} else {
|
||||
this.sendOrReceiveList = []
|
||||
this.sendOrReceiveQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
// 收发存
|
||||
selectSendOrReceive() {
|
||||
this.sendOrReceiveQuery.current = 1
|
||||
this.getsendOrReceiveList()
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.span-sty {
|
||||
width: 130px !important;
|
||||
}
|
||||
.addinputInfo {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
|
||||
margin-left: 120px !important;
|
||||
width: calc(100% - 115px);
|
||||
}
|
||||
</style>
|
||||
194
src/views/inventory/inventoryAdd.vue
Normal file
194
src/views/inventory/inventoryAdd.vue
Normal file
@@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<div class="tab-header webtop">
|
||||
<div>{{ viewTitle }}</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
||||
<el-collapse v-model="activeNames">
|
||||
<el-collapse-item title="商品信息" name="1">
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="库存信息" name="2">
|
||||
<el-row style="border-top: 1px solid #e0e3eb">
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">仓库</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.warehouseName }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">供应商</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.billObjName }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">数量</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.count }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格1</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.price1" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格2</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.price2" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格3</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.price3" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格4</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.price4" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格5</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.price5" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售底价</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.minimumPrice" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">货位</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.warehouseArea" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">折扣标志</div>
|
||||
<el-form-item>
|
||||
<el-switch class="addinputInfo" v-model="formobj.isShowDiscount" active-color="#13ce66" inactive-color="#ff4949" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">三包价格</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.freePrice" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">首保价格</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.firstMaintainPrice" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">排序</div>
|
||||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.sortNo" clearablea placeholder="" /></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/inventory/inventory'
|
||||
|
||||
export default {
|
||||
name: 'InventoryAdd',
|
||||
data() {
|
||||
return {
|
||||
viewTitle: '',
|
||||
viewState: 1,
|
||||
submitdisabled: false,
|
||||
activeNames: '2',
|
||||
formobj: {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
billObjName: '',
|
||||
count: '',
|
||||
price1: '',
|
||||
price2: '',
|
||||
price3: '',
|
||||
price4: '',
|
||||
price5: '',
|
||||
minimumPrice: '',
|
||||
warehouseArea: '',
|
||||
isShowDiscount: '',
|
||||
freePrice: '',
|
||||
firstMaintainPrice: '',
|
||||
sortNo: ''
|
||||
},
|
||||
rules: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showEdit(row) {
|
||||
this.viewTitle = '【编辑】'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
req.fetchBySid({ sid: row.sid }).then((res) => {
|
||||
if (res.success) {
|
||||
this.formobj = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
saveOrUpdate() {
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.saveOrUpdate(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({ showClose: true, type: 'success', message: '保存成功' })
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
billObjName: '',
|
||||
count: '',
|
||||
price1: '',
|
||||
price2: '',
|
||||
price3: '',
|
||||
price4: '',
|
||||
price5: '',
|
||||
minimumPrice: '',
|
||||
warehouseArea: '',
|
||||
isShowDiscount: '',
|
||||
freePrice: '',
|
||||
firstMaintainPrice: '',
|
||||
sortNo: ''
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.$refs['form_obj'].resetFields()
|
||||
this.$emit('doback')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.span-sty {
|
||||
width: 130px !important;
|
||||
}
|
||||
.addinputInfo {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
|
||||
margin-left: 120px !important;
|
||||
width: calc(100% - 115px);
|
||||
}
|
||||
</style>
|
||||
173
src/views/inventory/inventoryInfo.vue
Normal file
173
src/views/inventory/inventoryInfo.vue
Normal file
@@ -0,0 +1,173 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<div class="tab-header webtop">
|
||||
<div>{{ viewTitle }}</div>
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
||||
<el-collapse v-model="activeNames">
|
||||
<el-collapse-item title="商品信息" name="1">
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="库存信息" name="2">
|
||||
<el-row style="border-top: 1px solid #e0e3eb">
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">仓库</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.warehouseName }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">供应商</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.billObjName }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">数量</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.count }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格1</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.price1 }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格2</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.price2 }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格3</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.price3 }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格4</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.price4 }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售价格5</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.price5 }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">销售底价</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.minimumPrice }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">货位</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.warehouseArea }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">折扣标志</div>
|
||||
<el-form-item>
|
||||
<el-switch class="addinputInfo" v-model="formobj.isShowDiscount" active-color="#13ce66" inactive-color="#ff4949" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">三包价格</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.freePrice }}</span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">首保价格</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.firstMaintainPrice }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="span-sty">排序</div>
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.sortNo }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/inventory/inventory'
|
||||
|
||||
export default {
|
||||
name: 'InventoryInfo',
|
||||
data() {
|
||||
return {
|
||||
viewTitle: '',
|
||||
viewState: 1,
|
||||
activeNames: '2',
|
||||
formobj: {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
billObjName: '',
|
||||
count: '',
|
||||
price1: '',
|
||||
price2: '',
|
||||
price3: '',
|
||||
price4: '',
|
||||
price5: '',
|
||||
minimumPrice: '',
|
||||
warehouseArea: '',
|
||||
isShowDiscount: '',
|
||||
freePrice: '',
|
||||
firstMaintainPrice: '',
|
||||
sortNo: ''
|
||||
},
|
||||
rules: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showInfo(row) {
|
||||
this.viewTitle = '详情'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
req.fetchBySid({ sid: row.sid }).then((res) => {
|
||||
if (res.success) {
|
||||
this.formobj = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
handleReturn() {
|
||||
this.formobj = {
|
||||
sid: '',
|
||||
warehouseName: '',
|
||||
billObjName: '',
|
||||
count: '',
|
||||
price1: '',
|
||||
price2: '',
|
||||
price3: '',
|
||||
price4: '',
|
||||
price5: '',
|
||||
minimumPrice: '',
|
||||
warehouseArea: '',
|
||||
isShowDiscount: '',
|
||||
freePrice: '',
|
||||
firstMaintainPrice: '',
|
||||
sortNo: ''
|
||||
}
|
||||
this.$refs['form_obj'].resetFields()
|
||||
this.$emit('doback')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.span-sty {
|
||||
width: 130px !important;
|
||||
}
|
||||
.addinputInfo {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
|
||||
margin-left: 120px !important;
|
||||
width: calc(100% - 115px);
|
||||
}
|
||||
</style>
|
||||
279
src/views/login/login.vue
Normal file
279
src/views/login/login.vue
Normal file
@@ -0,0 +1,279 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<div class="logoTitle" style="margin-left: 50px;margin-top: 50px;">
|
||||
<!-- <img src="../../assets/loginImg/shgf.png"
|
||||
style="width: 50px;height: 50px; margin-right: 10px;" /><span>汇融惠享</span>
|
||||
<p class="title" style="margin-top: 5px;">汇融惠享管理平台</p> -->
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="content">
|
||||
<el-form ref="loginForm" :model="loginForm" class="login-form">
|
||||
<h3 class="title1">用户登录</h3>
|
||||
<el-form-item>
|
||||
<el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号" prefix-icon="el-icon-user">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码" prefix-icon="el-icon-lock"
|
||||
show-password>
|
||||
</el-input>
|
||||
<!-- <span class="nopsw register" @click="forgetPwd = true">忘记密码 ？</span> -->
|
||||
</el-form-item>
|
||||
<el-form-item v-show="showMsg" style="margin-bottom:0;">
|
||||
<span class="text-danger">提示：用户名或密码错误，请重试！</span>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" class="login-btn" v-loading="loading" @click="login">登 录</el-button>
|
||||
<!-- <el-popover placement="top" width="400" trigger="click" v-model="loginCode" @show="codeShow">
|
||||
<imgCodeRole @login="login" ref="imgCodeRole"></imgCodeRole>
|
||||
<el-button slot="reference" type="primary" class="login-btn" v-loading="loading">登 录</el-button>
|
||||
</el-popover> -->
|
||||
<!--<router-link :to="{name: 'registUser'}" target="_blank" tag="a" class="register fl">个人注册</router-link>
|
||||
<router-link :to="{name: 'registOrg'}" target="_blank" tag="a" class="register fr">单位注册</router-link>-->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog title="忘记密码" :visible.sync="forgetPwd">
|
||||
<el-form :model="nopassword">
|
||||
<el-form-item label="手机号">
|
||||
<el-input v-model="nopassword.userPhone" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户名">
|
||||
<el-input v-model="nopassword.userName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="forgetPwd = false">取 消</el-button>
|
||||
<el-button type="primary" @click="reGetPwd()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
doLogin,
|
||||
getUserById,
|
||||
imgCode
|
||||
} from '@/api/user.js'
|
||||
import user from '@/api/User/login.js'
|
||||
import {
|
||||
setToken,
|
||||
getToken,
|
||||
setSession
|
||||
} from '@/utils/auth'
|
||||
import imgCodeRole from '@/components/imgCodeRole/index.vue'
|
||||
import qs from 'qs'
|
||||
export default {
|
||||
components: {
|
||||
imgCodeRole
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loginForm: {
|
||||
userName: '',
|
||||
password: '',
|
||||
},
|
||||
imgCode: '',
|
||||
loading: false,
|
||||
loginCode: false,
|
||||
showMsg: false,
|
||||
forgetPwd: false,
|
||||
nopassword: {
|
||||
userPhone: '',
|
||||
userName: '',
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
login() {
|
||||
console.log(66222222222222222222222222222);
|
||||
// doLogin(this.loginForm).then((response) => {
|
||||
// if (response.code == 200) {
|
||||
this.$router.push({
|
||||
path: '/index'
|
||||
})
|
||||
this.loading = true
|
||||
// // this.getUserInfo(response.data.loginId)
|
||||
// window.sessionStorage.setItem('tokenName', response.data.tokenName)
|
||||
// window.sessionStorage.setItem('tokenValue', response.data.tokenValue)
|
||||
// }
|
||||
|
||||
// }).catch(() => {
|
||||
// this.loading = true
|
||||
// })
|
||||
|
||||
},
|
||||
getUserInfo(id) {
|
||||
getUserById(id).then((response) => {
|
||||
if (response.code == 200) {
|
||||
console.log(" response", response)
|
||||
let user = response.data
|
||||
// 结果存入缓存
|
||||
window.sessionStorage.setItem('staffSid', user.staffSid)
|
||||
window.sessionStorage.setItem('sid', user.sid)
|
||||
window.sessionStorage.setItem('userName', user.userName)
|
||||
}
|
||||
|
||||
}).catch(() => {
|
||||
})
|
||||
|
||||
},
|
||||
codeShow() {
|
||||
if (this.loginForm.password == '' || this.loginForm.userName == '') {
|
||||
this.loginCode = false
|
||||
this.showMsg = true
|
||||
return
|
||||
}
|
||||
this.$refs.imgCodeRole.getCodeImage()
|
||||
},
|
||||
reGetPwd() {
|
||||
user.reGetPwd(this.nopassword).then((res) => {})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
.login {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: 100% 100%;
|
||||
background-image: url(../../assets/home/bj.jpg);
|
||||
background-position: center;
|
||||
overflow: hidden;
|
||||
|
||||
.logoTitle {
|
||||
margin: 30px;
|
||||
|
||||
img {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 40px;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 25px;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
color: #191919;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 30%;
|
||||
/*height: 640px;*/
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15);
|
||||
opacity: 0.8;
|
||||
border-radius: 20px;
|
||||
position: absolute;
|
||||
right: 15%;
|
||||
top:35%;
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
/*.title-h3{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: -65px;
|
||||
|
||||
}*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-form {
|
||||
padding: 30px 50px;
|
||||
|
||||
.title1 {
|
||||
margin: 0px auto 30px auto;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #191919;
|
||||
font-size: 23px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.code {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 5px;
|
||||
width: 35%;
|
||||
height: 35px;
|
||||
cursor: pointer;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.nopsw {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
right: 5px;
|
||||
color: #018ad2;
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.register {
|
||||
color: #EE640C;
|
||||
}
|
||||
|
||||
.register:hover,
|
||||
.nopsw:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-eye {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
margin: 10px 0 10px 0;
|
||||
width: 100%;
|
||||
background-color: #EE640C;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.login-btn:hover {
|
||||
background-color: #EE640C;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.el-input--prefix .el-input__inner {
|
||||
border: 1px solid #EE640C;
|
||||
background: transparent;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
427
src/views/receivingGoods/index.vue
Normal file
427
src/views/receivingGoods/index.vue
Normal file
@@ -0,0 +1,427 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="收货单管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="来源单号">
|
||||
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务类型">
|
||||
<el-select v-model="queryParams.params.busTypeKey" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="到货日期">
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
至
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">收货单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toEdit(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createTime" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人" align="center" />
|
||||
<el-table-column prop="sourceBillNo" label="来源单号" align="center" />
|
||||
<el-table-column prop="busTypeValue" label="业务类型" align="center" />
|
||||
<el-table-column prop="supplierName" label="供应商" align="center" />
|
||||
<el-table-column prop="deliveryDate" label="到货日期" align="center" />
|
||||
<el-table-column prop="billState" label="单据状态" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
<divAddupShelfRecord v-show="viewState == 5" ref="divAddupShelfRecord" @doback="resetState"
|
||||
@reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/receivingGoods/receivingGoods.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './receivingGoodsAdd.vue'
|
||||
import divInfo from './receivingGoodsInfo.vue'
|
||||
import divAddupShelfRecord from './upShelfAddRecord.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo,
|
||||
divAddupShelfRecord
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
formobj: {
|
||||
sid: "",
|
||||
reviewStatus: "",
|
||||
remarks: ''
|
||||
},
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAudit',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增上架单'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
billStateList: [{
|
||||
name: "新建",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "完成",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
saveExamine() {
|
||||
|
||||
},
|
||||
changeTheme() {
|
||||
|
||||
},
|
||||
toAudit() {
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
|
||||
},
|
||||
selectTime1() {
|
||||
|
||||
},
|
||||
selectTime2() {
|
||||
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAudit':
|
||||
this.toAudit()
|
||||
break
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
toAdd() {
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.selectionList[0].billState == '完成') {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "此记录已完成,不可操作。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
|
||||
this.viewState = 5
|
||||
this.$refs['divAddupShelfRecord'].showEdit(this.selectionList[0])
|
||||
},
|
||||
toEdit(row) {
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
1143
src/views/receivingGoods/receivingGoodsAdd.vue
Normal file
1143
src/views/receivingGoods/receivingGoodsAdd.vue
Normal file
File diff suppressed because it is too large
Load Diff
308
src/views/receivingGoods/receivingGoodsInfo.vue
Normal file
308
src/views/receivingGoods/receivingGoodsInfo.vue
Normal file
@@ -0,0 +1,308 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>收货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.busTypeValue}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">供应商</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.supplierName}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.dateEnd" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">到货日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.deliveryDate}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.deliveryDate" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" width="180" />
|
||||
<el-table-column label="库位" prop="warehouseRackName" align="center" width="180" />
|
||||
<el-table-column label="预约数量" prop="orderCount" align="center" width="120" />
|
||||
<el-table-column label="实收数量" prop="actualInCount" align="center" width="120" />
|
||||
<el-table-column label="拒收数量" prop="rejectCount" align="center" width="120" />
|
||||
<el-table-column label="拒收原因" prop="rejectReason" align="center" width="180" />
|
||||
<el-table-column label="是否质检" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.isQuality" :disabled="true" size="small">
|
||||
<el-radio :label="0">需要</el-radio>
|
||||
<el-radio :label="1">不需要</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="质检状态" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.qualityState" :disabled="true" size="small">
|
||||
<el-radio :label="0">合格</el-radio>
|
||||
<el-radio :label="1">不合格</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="载具说明" prop="packageRemark" align="center" width="180" />
|
||||
<el-table-column label="入库价" prop="cost" align="center" width="100" />
|
||||
<el-table-column label="税额" prop="taxAmount" align="center" width="100" />
|
||||
<el-table-column label="含税单价" prop="taxPrice" align="center" width="100" />
|
||||
<el-table-column label="入库金额" prop="amount" align="center" width="100" />
|
||||
</el-table>
|
||||
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品-批次</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.pcList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品列表序号" prop="xh" align="center" width="120" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" width="150" />
|
||||
<el-table-column label="库位" prop="warehouseRackName" align="center" width="150" />
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" width="300" />
|
||||
<el-table-column label="生产日期" prop="manufactureDate" align="center" width="180" />
|
||||
<el-table-column label="有效期" prop="expirationDate" align="center" width="180" />
|
||||
<el-table-column label="数量" prop="batchCount" align="center" width="120" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/receivingGoods/receivingGoods.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
541
src/views/receivingGoods/upShelfAddRecord.vue
Normal file
541
src/views/receivingGoods/upShelfAddRecord.vue
Normal file
@@ -0,0 +1,541 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>【新增】上架单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createByName}}</span> -->
|
||||
<el-input v-model="formobj.createByName" placeholder="" class="addinputw" style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createTime}}</span> -->
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.supplierName}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="1" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.pcList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" wid align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="doGoodsBatch(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseName" placeholder="请选择" clearable
|
||||
@change="selectWarehouseName(scope.row,$event)">
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="库位" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseRackName" :disabled="scope.row.warehouseName==''" clearable
|
||||
@focus="getWarehouseAreaList(scope.row.warehouseSid)" placeholder="请选择"
|
||||
@change="selectWarehouseAreaCode">
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" width="300" />
|
||||
<el-table-column label="上架数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.actualCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="载具编号" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.packageNo" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/receivingGoods/receivingGoods.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createTime": "",
|
||||
"sourceBillNo": "",
|
||||
"sourceBillSid": "",
|
||||
"billState": "新建",
|
||||
"list": [
|
||||
|
||||
],
|
||||
"remarks": ""
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
supplierList: [],
|
||||
warehouseList: [],
|
||||
warehouseRackList: []
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
|
||||
methods: {
|
||||
doGoodsDel(sid) {
|
||||
console.log("doGoodsDel》》》》", sid)
|
||||
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.list.findIndex((item) => item.goodSpuSid === sid)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.list.splice(index, 1)
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
this.submitdisabled = true
|
||||
req.saveUpShelf(this.formobj)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.submitdisabled = false
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: resp.msg
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createTime": "",
|
||||
"sourceBillNo": "",
|
||||
"sourceBillSid": "",
|
||||
"billState": "新建",
|
||||
"list": [
|
||||
|
||||
],
|
||||
"remarks": ""
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
busTypeSelect(val) {
|
||||
|
||||
},
|
||||
supplierNameSelect(val) {
|
||||
|
||||
},
|
||||
getWarehouseList() {
|
||||
req2.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req2.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(row, val) {
|
||||
console.log("selectWarehouseName", row);
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
row.warehouseName = choose[0].warehouseName
|
||||
row.warehouseSid = choose[0].sid
|
||||
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
row.warehouseRackName = choose[0].areaCode
|
||||
row.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
batchAddAll() {
|
||||
|
||||
for (var i = 0; i < this.formobj.list.length; i++) {
|
||||
var item = this.formobj.list[i]
|
||||
|
||||
var info = {
|
||||
xh: i + 1,
|
||||
goodsSkuSid: item.goodsSkuSid,
|
||||
goodsSkuTitle: item.goodsSkuTitle,
|
||||
goodsSkuCode: item.goodsSkuCode,
|
||||
goodsSkuOwnSpec: item.goodsSkuOwnSpec,
|
||||
unit: item.unit,
|
||||
warehouseSid: item.warehouseSid,
|
||||
warehouseName: item.warehouseName,
|
||||
warehouseRackSid: item.warehouseRackSid,
|
||||
warehouseRackName: item.warehouseRackName,
|
||||
shelfLife: item.shelfLife,
|
||||
orderCount: item.orderCount,
|
||||
batchNumber: '',
|
||||
manufactureDate: '',
|
||||
batchCount: 0,
|
||||
}
|
||||
|
||||
this.formobj.pcList.push(info)
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
doGoods(row) {
|
||||
console.log("doGoodsDel》》》》", row)
|
||||
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.list.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.list.splice(index, 1)
|
||||
|
||||
for (var i = this.formobj.pcList.length - 1; i >= 0; i--) {
|
||||
if (this.formobj.pcList[i].number === (index + 1)) {
|
||||
this.formobj.pcList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
doGoodsBatch(row) {
|
||||
console.log("doGoodsDel》》》》", row)
|
||||
|
||||
this.$confirm("是否确定删除此商品批次？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.pcList.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.pcList.splice(index, 1)
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
manufactureDateChange(row, val) {
|
||||
|
||||
console.log("manufactureDateChange》》》》", val)
|
||||
|
||||
row.manufactureDate = val
|
||||
row.expirationDate = this.addDate(val, row.shelfLife)
|
||||
|
||||
let reg = new RegExp('-', 'g') //g代表全部
|
||||
|
||||
row.batchNumber = this.formobj.deliveryDate.replace(reg, '') + " - " + row.expirationDate.replace(reg, '')
|
||||
|
||||
|
||||
|
||||
this.$forceUpdate(); // 强制更新
|
||||
console.log("manufactureDateChange》》》》", row)
|
||||
|
||||
},
|
||||
|
||||
addDate(date, days) {
|
||||
var dates = new Date(date)
|
||||
dates.setDate(dates.getDate() + days)
|
||||
var year = dates.getFullYear()
|
||||
var month = dates.getMonth() + 1
|
||||
var day = dates.getDate()
|
||||
if (month < 9) {
|
||||
month = "0" + month
|
||||
}
|
||||
if (day < 9) {
|
||||
day = "0" + day
|
||||
}
|
||||
var time = year + '-' + month + '-' + day
|
||||
return time
|
||||
},
|
||||
|
||||
doAddBatch(row) {
|
||||
const index = (this.formobj.list.findIndex((item) => item === row)) + 1
|
||||
console.log("doAddBatch》》》》", index)
|
||||
console.log("doAddBatch》》》》", row)
|
||||
|
||||
var info = {
|
||||
xh: index,
|
||||
goodsSkuSid: row.goodsSkuSid,
|
||||
goodsSkuTitle: row.goodsSkuTitle,
|
||||
goodsSkuCode: row.goodsSkuCode,
|
||||
goodsSkuOwnSpec: row.goodsSkuOwnSpec,
|
||||
unit: row.unit,
|
||||
warehouseSid: row.warehouseSid,
|
||||
warehouseName: row.warehouseName,
|
||||
warehouseRackSid: row.warehouseRackSid,
|
||||
warehouseRackName: row.warehouseRackName,
|
||||
shelfLife: row.shelfLife,
|
||||
orderCount: row.orderCount,
|
||||
batchNumber: '',
|
||||
manufactureDate: '',
|
||||
batchCount: 0,
|
||||
}
|
||||
|
||||
console.log("aaaaaaaaaaa", info);
|
||||
|
||||
this.formobj.pcList.push(info)
|
||||
|
||||
},
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
if (Number(row.actualInCount) > Number(row.orderCount)) {
|
||||
row.actualInCount = row.orderCount
|
||||
|
||||
}
|
||||
row.amount = (Number(row.actualInCount) * Number(row.taxPrice)).toFixed(2)
|
||||
},
|
||||
|
||||
commodityComputeYHAndXSJE2(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
if ((Number(row.rejectCount) + Number(row.actualInCount)) > Number(row.orderCount)) {
|
||||
row.rejectCount = Number(row.orderCount) - Number(row.actualInCount)
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
commodityComputeYHAndXSJE3(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
row.taxPrice = (Number(row.cost) * Number(row.taxAmount)).toFixed(2)
|
||||
row.amount = (Number(row.actualInCount) * Number(row.taxPrice)).toFixed(2)
|
||||
},
|
||||
|
||||
commodityComputeYHAndXSJE4(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
row.taxPrice = (Number(row.cost) * Number(row.taxAmount)).toFixed(2)
|
||||
row.amount = (Number(row.actualInCount) * Number(row.taxPrice)).toFixed(2)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
236
src/views/storageage/storageage.vue
Normal file
236
src/views/storageage/storageage.vue
Normal file
@@ -0,0 +1,236 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--列表页面-->
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar view-title="库龄查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
|
||||
<!--Start查询列表部分-->
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="listQuery.params.goodsSpuName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="零件号">
|
||||
<el-input v-model="listQuery.params.goodsSkuCode" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="入库日期">
|
||||
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
<span style="padding: 0 8px">至</span>
|
||||
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="库龄">
|
||||
<el-date-picker v-model="listQuery.params.ageStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
<span style="padding: 0 8px">至</span>
|
||||
<el-date-picker v-model="listQuery.params.ageEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
<div class="listtop">
|
||||
<div class="tit">库龄查询列表</div>
|
||||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--Start 主页面主要部分 -->
|
||||
<div class="">
|
||||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;">
|
||||
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品" align="center" width="150"/>
|
||||
<el-table-column prop="goodsSkuCode" label="零件号" align="center"/>
|
||||
<el-table-column prop="unit" label="计量单位" align="center" width="100" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center"/>
|
||||
<el-table-column prop="warehouseArea" label="库区" align="center"/>
|
||||
<el-table-column prop="count" label="库存数量" align="center" width="100" />
|
||||
<el-table-column prop="billNo" label="入库单号" align="center"/>
|
||||
<el-table-column prop="firstInDate" label="入库日期" align="center" width="120"/>
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格型号" align="center"/>
|
||||
<el-table-column prop="warehouseRackName" label="货架" align="center"/>
|
||||
</el-table>
|
||||
</div>
|
||||
<!--End 主页面主要部分-->
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
</div>
|
||||
<!--End查询列表部分-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import req from '@/api/storageage/storageage'
|
||||
|
||||
export default {
|
||||
name: 'StorageAge',
|
||||
components: {
|
||||
Pagination,
|
||||
pageye,
|
||||
ButtonBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
btnList: [
|
||||
{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'doExport',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
|
||||
tableKey: 0,
|
||||
list: [],
|
||||
sids: [], // 用于导出的时候保存已选择的SIDs
|
||||
FormLoading: false,
|
||||
listLoading: false,
|
||||
// 翻页
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
warehouseName: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
ageStart: '',
|
||||
ageEnd: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 初始化变量
|
||||
this.getList()
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey)
|
||||
switch (btnKey) {
|
||||
case 'doExport':
|
||||
this.doExport()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
// 表中序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
// 查询列表信息
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
req.listPage(this.listQuery).then(response => {
|
||||
this.listLoading = false
|
||||
if (response.success) {
|
||||
this.list = response.data.records
|
||||
this.listQuery.total = response.data.total
|
||||
} else {
|
||||
this.list = []
|
||||
this.listQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
// 查询按钮
|
||||
handleFilter() {
|
||||
this.listQuery.current = 1
|
||||
this.getList()
|
||||
},
|
||||
// 点击重置
|
||||
handleReset() {
|
||||
this.listQuery = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
warehouseName: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
ageStart: '',
|
||||
ageEnd: '',
|
||||
useOrgSid: ''
|
||||
}
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
doExport() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.exportExcel(this.listQuery.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '库龄查询表' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
333
src/views/upShelf/index.vue
Normal file
333
src/views/upShelf/index.vue
Normal file
@@ -0,0 +1,333 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="上架单管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="来源单号">
|
||||
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">上架单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createTime" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人" align="center" />
|
||||
<el-table-column prop="sourceBillNo" label="来源单号" align="center" />
|
||||
<el-table-column prop="billState" label="单据状态" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/upShelf/upShelf.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './upShelfAdd.vue'
|
||||
import divInfo from './upShelfInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formobj: {
|
||||
sid: "",
|
||||
reviewStatus: "",
|
||||
remarks: ''
|
||||
},
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toPrintLabel',
|
||||
btnLabel: '打印标签'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '上架'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
billStateList: [{
|
||||
name: "新建",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "完成",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
toPrintLabel() {
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toPrintLabel':
|
||||
this.toPrintLabel()
|
||||
break
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
doDel() {
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd(row) {
|
||||
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.selectionList[0].billState == '完成') {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "此记录已完成,不可操作。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
412
src/views/upShelf/upShelfAdd.vue
Normal file
412
src/views/upShelf/upShelfAdd.vue
Normal file
@@ -0,0 +1,412 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>{{title}}上架单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createByName}}</span> -->
|
||||
<el-input v-model="formobj.createByName" placeholder="" class="addinputw" style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createTime}}</span> -->
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.supplierName}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="1" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" wid align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="doGoodsBatch(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseName" placeholder="请选择" clearable
|
||||
@change="selectWarehouseName(scope.row,$event)">
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="库位" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.warehouseRackName" :disabled="scope.row.warehouseName==''" clearable
|
||||
@focus="getWarehouseAreaList(scope.row.warehouseSid)" placeholder="请选择"
|
||||
@change="selectWarehouseAreaCode">
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" width="300" />
|
||||
<el-table-column label="上架数量" align="center" width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.actualCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="载具编号" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.packageNo" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/upShelf/upShelf.js'
|
||||
import req2 from '@/api/warehouse/allocation/allocation.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
title: "【新增】",
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createTime": "",
|
||||
"sourceBillNo": "",
|
||||
"sourceBillSid": "",
|
||||
"billState": "新建",
|
||||
"list": [
|
||||
|
||||
],
|
||||
"remarks": ""
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
supplierList: [],
|
||||
warehouseList: [],
|
||||
warehouseRackList: [],
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
isUpdata: false
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
|
||||
methods: {
|
||||
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
if (this.formobj.createByName == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '制单人姓名不能为空'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.createTime == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '单据日期不能为空'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.list.length == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '请添加商品'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
for (var i = 0; i < this.formobj.list.length; i++) {
|
||||
var item = this.formobj.list[i]
|
||||
if (item.actualCount == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '商品上架数量不能为0'
|
||||
})
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createTime": "",
|
||||
"sourceBillNo": "",
|
||||
"sourceBillSid": "",
|
||||
"billState": "新建",
|
||||
"list": [
|
||||
|
||||
],
|
||||
"remarks": ""
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
this.title = "【新增】"
|
||||
this.getWarehouseList()
|
||||
},
|
||||
showEdit(row) {
|
||||
this.getWarehouseList()
|
||||
this.title = "【修改】"
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
getWarehouseList() {
|
||||
req2.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req2.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(row, val) {
|
||||
console.log("selectWarehouseName", row);
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
row.warehouseName = choose[0].warehouseName
|
||||
row.warehouseSid = choose[0].sid
|
||||
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
row.warehouseRackName = choose[0].areaCode
|
||||
row.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
220
src/views/upShelf/upShelfInfo.vue
Normal file
220
src/views/upShelf/upShelfInfo.vue
Normal file
@@ -0,0 +1,220 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>上架单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">来源单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodSpuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodSpuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80" />
|
||||
<el-table-column fixed label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" />
|
||||
<el-table-column label="库位" prop="warehouseRackName" align="center" />
|
||||
<el-table-column label="需上架数量" prop="count" align="center" />
|
||||
<el-table-column label="已上架数量" prop="actualCount" align="center" />
|
||||
<el-table-column label="载具编号" prop="packageNo" align="center" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/upShelf/upShelf.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
470
src/views/warehouse/allocation/allocationAdd.vue
Normal file
470
src/views/warehouse/allocation/allocationAdd.vue
Normal file
@@ -0,0 +1,470 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<div class="tab-header webtop">
|
||||
<div>{{ viewTitle }}</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="settle()">调拨</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
||||
<div style="display: flex;flex-direction: row;align-items: center;padding: 10px;">
|
||||
|
||||
<div>
|
||||
<span>调出门店：</span>
|
||||
<el-select v-model="commodityQuery.params.inOrg" placeholder="请选择" @change="selectOutOrg">
|
||||
<el-option v-for="(item,i) in orgList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div style="margin-left: 30px;">
|
||||
<span>调入门店：</span>
|
||||
<el-select v-model="commodityQuery.params.outOrg" placeholder="请选择" @change="selectInOrg">
|
||||
<el-option v-for="(item,i) in orgList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 10px;">
|
||||
<div>商品列表</div>
|
||||
<div v-if="formobj.billNo!=''">单号：{{formobj.billNo}}</div>
|
||||
</div>
|
||||
|
||||
|
||||
<el-table :key="commodityKey" :data="formobj.wmsInventoryAllocateBillDetailNewList" :index="index" border
|
||||
style="width: 100%;">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
|
||||
<el-table-column align="center" width="70" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="型号" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
|
||||
<el-table-column prop="count" label="库存数量" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSpuName"
|
||||
@input="commodityInput(scope.row.goodsSpuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="型号" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseArea" label="库位" align="center" />
|
||||
<el-table-column prop="stockCount" label="库存数量" align="center" />
|
||||
<el-table-column label="调入仓库" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.inWarehouseName" placeholder="请选择" @change="selectWarehouseName">
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="调入库位" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.inWarehouseRackCode" placeholder="请选择" @change="selectWarehouseAreaCode">
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="调拨数量" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input @input="commodityComputeYHAndXSJE(scope.row,$event)" v-model="scope.row.count" clearable
|
||||
placeholder="" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="amount" label="调拨金额" align="center" width="100" />
|
||||
</el-table>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item><span>调拨数量：{{ totalQuantity }} , 调拨金额：{{ materialCost }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<el-form-item><span>备注</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="23">
|
||||
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="请填写备注..." /></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/allocation/allocation.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
viewTitle: '',
|
||||
viewState: 1,
|
||||
submitdisabled: false,
|
||||
settleVisible: false, //
|
||||
activeNames: '1',
|
||||
index: 0,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createDate": "",
|
||||
"createUserSid": "",
|
||||
"outOrgSid": "",
|
||||
"inOrgSid": "",
|
||||
"count": "",
|
||||
"amount": "",
|
||||
"confirmSid": "",
|
||||
"confirmName": "",
|
||||
"finishTime": "",
|
||||
"useOrgSid": "",
|
||||
"createOrgName": "",
|
||||
"wmsInventoryAllocateBillDetailNewList": []
|
||||
},
|
||||
rules: {},
|
||||
orgList: [{
|
||||
name: "撒记得",
|
||||
sid: "123"
|
||||
},
|
||||
{
|
||||
name: "阿萨德",
|
||||
sid: "12323"
|
||||
},
|
||||
{
|
||||
name: "我饿请问请问",
|
||||
sid: "23423"
|
||||
},
|
||||
{
|
||||
name: "特尔味道",
|
||||
sid: "1234"
|
||||
},
|
||||
{
|
||||
name: "提问额外撒大声地",
|
||||
sid: "12324233"
|
||||
}
|
||||
],
|
||||
warehouseList: [],
|
||||
warehouseRackList: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 调拨数量
|
||||
totalQuantity() {
|
||||
let quantity = 0
|
||||
if (this.formobj.wmsInventoryAllocateBillDetailNewList.length > 0) {
|
||||
this.formobj.wmsInventoryAllocateBillDetailNewList.forEach((e) => {
|
||||
quantity += Number(e.count)
|
||||
})
|
||||
}
|
||||
|
||||
this.formobj.count = quantity
|
||||
|
||||
return quantity
|
||||
},
|
||||
// 调拨金额
|
||||
materialCost() {
|
||||
let material = 0
|
||||
if (this.formobj.wmsInventoryAllocateBillDetailNewList.length > 0) {
|
||||
this.formobj.wmsInventoryAllocateBillDetailNewList.forEach((e) => {
|
||||
material += Number((Number(e.count) * Number(e.taxPrice)))
|
||||
})
|
||||
}
|
||||
|
||||
this.formobj.amount = material.toFixed(2)
|
||||
|
||||
return material.toFixed(2)
|
||||
},
|
||||
|
||||
},
|
||||
methods: {
|
||||
selectInOrg(val) {
|
||||
console.log("selectInOrg", val);
|
||||
|
||||
const choose = this.orgList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectInOrg', choose)
|
||||
this.formobj.inOrgSid = choose[0].sid
|
||||
this.formobj.inOrgName = choose[0].name
|
||||
},
|
||||
|
||||
selectOutOrg(val) {
|
||||
console.log("selectOutOrg", val);
|
||||
this.formobj.inOrgSid = val
|
||||
|
||||
const choose = this.orgList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectOutOrg', choose)
|
||||
this.formobj.outOrgSid = choose[0].sid
|
||||
this.formobj.outOrgName = choose[0].name
|
||||
|
||||
},
|
||||
|
||||
getWarehouseList() {
|
||||
req.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(val) {
|
||||
console.log("selectWarehouseName", val);
|
||||
|
||||
this.getWarehouseAreaList(val)
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
},
|
||||
showAdd() {
|
||||
this.viewTitle = '【新增】调拨记录'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
this.getWarehouseList()
|
||||
},
|
||||
showEdit(row) {
|
||||
this.viewTitle = '【修改】调拨记录'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
req.init(row.sid).then((res) => {
|
||||
if (res.success) {
|
||||
this.formobj = res.data
|
||||
|
||||
this.commodityQuery.params.inOrg = this.formobj.inOrgName
|
||||
this.commodityQuery.params.outOrg = this.formobj.outOrgName
|
||||
}
|
||||
})
|
||||
this.getWarehouseList()
|
||||
},
|
||||
// 在头部标题上添加“新增”图标
|
||||
commodityHeader(h, {
|
||||
column
|
||||
}) {
|
||||
return h(
|
||||
'div',
|
||||
[
|
||||
h('span', column.label),
|
||||
h('i', {
|
||||
class: 'add-btn-icon el-icon-plus',
|
||||
style: 'color: red;font-size:20px',
|
||||
on: {
|
||||
click: this.commodityAdd // 点击执行函数
|
||||
}
|
||||
})
|
||||
]
|
||||
)
|
||||
},
|
||||
commodityAdd() {
|
||||
this.formobj.wmsInventoryAllocateBillDetailNewList.push({
|
||||
"sid": "",
|
||||
"billSid": "",
|
||||
"inventorySid": "",
|
||||
"goodsSpuName": "",
|
||||
"goodsSkuCode": "",
|
||||
"goodsSkuOwnSpec": "",
|
||||
"carModel": "",
|
||||
"unit": "",
|
||||
"warehouseSid": "",
|
||||
"warehouseName": "",
|
||||
"warehouseAreasid": "",
|
||||
"warehouseArea": "",
|
||||
"taxPrice": "",
|
||||
"stockCount": "",
|
||||
"inWarehouseSid": "",
|
||||
"inWarehouseName": "",
|
||||
"inWarehouseRackSid": "",
|
||||
"inWarehouseRackCode": "",
|
||||
"count": "",
|
||||
"amount": ""
|
||||
})
|
||||
},
|
||||
commodityInput(value) {
|
||||
this.commodityQuery.params.name = value
|
||||
this.commodityLoading = true
|
||||
req.getGoods(this.commodityQuery).then((response) => {
|
||||
if (response.success) {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = response.data.records
|
||||
this.commodityQuery.total = response.data.total
|
||||
} else {
|
||||
this.serviceLoading = false
|
||||
this.commodityData = []
|
||||
this.commodityQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
commodityDelete(index) {
|
||||
this.formobj.wmsInventoryAllocateBillDetailNewList.splice(index, 1)
|
||||
},
|
||||
commodityCurrentChange(value, row) {
|
||||
row.inventorySid = value.sid
|
||||
row.goodsSpuName = value.goodsSpuName
|
||||
row.goodsSkuCode = value.goodsSkuCode
|
||||
row.goodsSkuOwnSpec = value.goodsSkuOwnSpec
|
||||
row.unit = value.unit
|
||||
row.warehouseName = value.warehouseName
|
||||
row.warehouseSid = value.warehouseSid
|
||||
row.warehouseArea = value.warehouseRackCode
|
||||
row.warehouseAreasid = value.warehouseRackSid
|
||||
row.taxPrice = value.taxPrice
|
||||
row.stockCount = value.count
|
||||
row.count = ''
|
||||
row.amount = ''
|
||||
document.body.click()
|
||||
},
|
||||
// 计算优惠、销售金额
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
|
||||
console.log("aaaaaaaaa", row);
|
||||
console.log("aaaaaaaaa", val);
|
||||
Number()
|
||||
if (Number(row.stockCount) < Number(row.count)) {
|
||||
row.count = ''
|
||||
row.amount = ''
|
||||
} else {
|
||||
|
||||
row.amount = (Number(row.count) * Number(row.taxPrice)).toFixed(2)
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
saveOrUpdate() {
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
settle() {
|
||||
this.settleVisible = true
|
||||
this.formobj.settlementVo.receivableAmount = this.amountReceivable
|
||||
},
|
||||
confirm() {
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.settlement(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '结算成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"billNo": "",
|
||||
"createBySid": "",
|
||||
"createDate": "",
|
||||
"createUserSid": "",
|
||||
"outOrgSid": "",
|
||||
"inOrgSid": "",
|
||||
"count": "",
|
||||
"amount": "",
|
||||
"confirmSid": "",
|
||||
"confirmName": "",
|
||||
"finishTime": "",
|
||||
"useOrgSid": "",
|
||||
"createOrgName": "",
|
||||
"wmsInventoryAllocateBillDetailNewList": []
|
||||
}
|
||||
this.commodityQuery.params.inOrg = ''
|
||||
this.commodityQuery.params.outOrg = ''
|
||||
this.submitdisabled = false
|
||||
this.settleVisible = false
|
||||
this.$emit('doback')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.span-sty {
|
||||
width: 130px !important;
|
||||
}
|
||||
|
||||
.addinputInfo {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
|
||||
margin-left: 120px !important;
|
||||
width: calc(100% - 115px);
|
||||
}
|
||||
</style>
|
||||
324
src/views/warehouse/allocation/index.vue
Normal file
324
src/views/warehouse/allocation/index.vue
Normal file
@@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="调拨列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker v-model="queryParams.params.createDateStart" @change="selectTime1" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期">
|
||||
<el-date-picker v-model="queryParams.params.createDateEnd" @change="selectTime2" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="制单人">
|
||||
<el-input v-model="queryParams.params.createByName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="库管操作人">
|
||||
<el-input v-model="queryParams.params.warehouseManager" placeholder="" clearable />
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">调拨列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createDate" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人姓名" align="center" />
|
||||
<el-table-column prop="state" label="完成标志" align="center" />
|
||||
<el-table-column prop="finishTime" label="完成时间" align="center" />
|
||||
<el-table-column prop="outOrg" label="调出门店" align="center" />
|
||||
<el-table-column prop="inOrg" label="调入门店" align="center" />
|
||||
<el-table-column prop="count" label="调拨数量" align="center" />
|
||||
<el-table-column prop="amount" label="调拨金额" align="center" />
|
||||
<el-table-column prop="createOrgName" label="门店" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/allocation/allocation.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './allocationAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'edit',
|
||||
btnKey: 'toEdit',
|
||||
btnLabel: '编辑'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"createDateStart": "",
|
||||
"createDateEnd": "",
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList:[]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'toEdit':
|
||||
this.toEdit()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
selectTime1() {
|
||||
|
||||
},
|
||||
selectTime2() {
|
||||
|
||||
},
|
||||
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"createDateStart": "",
|
||||
"createDateEnd": "",
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
|
||||
},
|
||||
toEdit(){
|
||||
if(this.selectionList.length!=1){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
},
|
||||
|
||||
toBuild() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '出入库明细_' + this.queryParams.params.createDateStart + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
317
src/views/warehouse/distribution/distributionAdd.vue
Normal file
317
src/views/warehouse/distribution/distributionAdd.vue
Normal file
@@ -0,0 +1,317 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>【修改】配货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">确认</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.createByName" placeholder="" class="addinputw" style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createTime}}</span> -->
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.supplierName}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="1" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSpuName" align="center" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" />
|
||||
<el-table-column label="库位" prop="warehouseRackCode" align="center" />
|
||||
<el-table-column label="配货数量" prop="distributeCount" align="center" />
|
||||
<el-table-column label="已配货数量" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.deliveryCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/distribution/distribution.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sourceBillSid": "",
|
||||
"sourceBillNo": "",
|
||||
"billNo": "",
|
||||
"createByName": "",
|
||||
"billState": "",
|
||||
"createOrgSid": "",
|
||||
"useOrgSid": "",
|
||||
"sid": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
for (var i = 0; i < this.formobj.detailsList.length; i++) {
|
||||
var item = this.formobj.detailsList[i]
|
||||
if (Number(item.deliveryCount) > Number(item.distributeCount)) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '已配货数量不能大于配货数量'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
|
||||
for (var i = 0; i < this.formobj.detailsList.length; i++) {
|
||||
var item = this.formobj.detailsList[i]
|
||||
if (Number(item.deliveryCount) > Number(item.distributeCount)) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '已配货数量不能大于配货数量'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sourceBillSid": "",
|
||||
"sourceBillNo": "",
|
||||
"billNo": "",
|
||||
"createByName": "",
|
||||
"billState": "",
|
||||
"createOrgSid": "",
|
||||
"useOrgSid": "",
|
||||
"sid": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
218
src/views/warehouse/distribution/distributionInfo.vue
Normal file
218
src/views/warehouse/distribution/distributionInfo.vue
Normal file
@@ -0,0 +1,218 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>配货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSpuName" align="center" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" />
|
||||
<el-table-column label="库位" prop="warehouseRackCode" align="center" />
|
||||
<el-table-column label="配货数量" prop="distributeCount" align="center" />
|
||||
<el-table-column label="已配货数量" prop="deliveryCount" align="center" />
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/distribution/distribution.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
354
src/views/warehouse/distribution/index.vue
Normal file
354
src/views/warehouse/distribution/index.vue
Normal file
@@ -0,0 +1,354 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="配货单管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="外部单号">
|
||||
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="挂起状态">
|
||||
<el-select v-model="queryParams.params.suspendState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in suspendStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="优先级">
|
||||
<el-select v-model="queryParams.params.priorityState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in priorityStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">配货单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" width="180" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toRelevancy(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createTime" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人" align="center" />
|
||||
<el-table-column prop="sourceBillNo" label="外部单号" align="center" />
|
||||
<el-table-column prop="billState" label="单据状态" align="center" />
|
||||
<el-table-column prop="priority" label="优先级" align="center" />
|
||||
<el-table-column prop="isHandUp" label="挂起状态" align="center" />
|
||||
<el-table-column prop="actualDeliveTime" label="发货时间" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState==4" ref="divInfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/distribution/distribution.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './distributionAdd.vue'
|
||||
import divInfo from './distributionInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '配货'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
billStateList: [{
|
||||
name: "新建",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "完成",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
suspendStateList: [{
|
||||
name: "挂起",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "执行",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
priorityStateList: [{
|
||||
name: "高",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "中",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "低",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'toADistribution':
|
||||
this.toADistribution()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
toADistribution() {
|
||||
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toInfo(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divInfo'].showEdit(row)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
396
src/views/warehouse/inOutStorage/index.vue
Normal file
396
src/views/warehouse/inOutStorage/index.vue
Normal file
@@ -0,0 +1,396 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="出入库查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品ID">
|
||||
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-select v-model="queryParams.params.warehouseName" placeholder="请选择" @change='selectWarehouseName'>
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-select v-model="queryParams.params.warehouseRackCode" placeholder="请选择"
|
||||
@change='selectWarehouseAreaCode'>
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-select v-model="queryParams.params.billObjName" placeholder="请选择" @change='supplierNameSelect'>
|
||||
<el-option v-for="(item,i) in supplierList" :key="i" :label="item.supplierName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="批次号">
|
||||
<el-input v-model="queryParams.params.batchNumber" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="来源单号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据类型">
|
||||
<el-select v-model="queryParams.params.billType" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务类型">
|
||||
<el-select v-model="queryParams.params.busTypeValue" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发生时间">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">商品出入库列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed prop="goodsID" label="商品ID" align="center" width="120"/>
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" width="120"/>
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" width="120"/>
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" width="120"/>
|
||||
<el-table-column prop="unit" label="单位" align="center"width="80"/>
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center"width="100"/>
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" width="100"/>
|
||||
<el-table-column prop="billNo" label="来源单号" align="center" width="120"/>
|
||||
<el-table-column prop="billType" label="单据类型" align="center"width="120"/>
|
||||
<el-table-column prop="createTime" label="发生时间" align="center" width="120"/>
|
||||
<el-table-column prop="busTypeValue" label="业务类型" align="center" width="120"/>
|
||||
<el-table-column prop="billObjName" label="客户/供应商" align="center" width="150"/>
|
||||
<el-table-column prop="batchNumber" label="批次号" align="center" width="100"/>
|
||||
<el-table-column prop="count" label="数量" align="center" width="80"/>
|
||||
<el-table-column prop="currentCount" label="出入库后的库存" align="center" width="150"/>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<!-- <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/inOutStorage/inOutStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
// import divAdd from './brandsAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
// divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'build',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"goodsID": "",
|
||||
"billNo": "",
|
||||
"billType": "",
|
||||
"busTypeValue": "",
|
||||
"billObjName": "",
|
||||
"batchNumber": "",
|
||||
"goodsSpuName": "",
|
||||
"goodsSkuCode": "",
|
||||
"warehouseName": "",
|
||||
"warehouseRackCode": "",
|
||||
"createTimeStart": "",
|
||||
"createTimeEnd": ""
|
||||
}
|
||||
},
|
||||
billTypeList: [{
|
||||
name: "单据类型1",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "单据类型2",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
warehouseList: [],
|
||||
warehouseRackList: [],
|
||||
supplierList: [],
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
this.getsupplierLust()
|
||||
this.getWarehouseList()
|
||||
},
|
||||
methods: {
|
||||
supplierNameSelect(val) {
|
||||
|
||||
console.log("supplierNameSelect", val);
|
||||
const choose = this.supplierList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>supplierNameSelect', choose)
|
||||
this.queryParams.params.billObjName = choose[0].supplierName
|
||||
this.queryParams.params.billObjSid = choose[0].sid
|
||||
|
||||
},
|
||||
getsupplierLust() {
|
||||
var params = {
|
||||
createOrgSid: ""
|
||||
}
|
||||
req.choiceSupplier(params).then((res) => {
|
||||
if (res.success) {
|
||||
this.supplierList = res.data
|
||||
|
||||
console.log("aaaaaa", this.supplierList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseList() {
|
||||
req.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(val) {
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
this.queryParams.params.warehouseName = choose[0].warehouseName
|
||||
this.queryParams.params.warehouseSid = choose[0].sid
|
||||
|
||||
this.getWarehouseAreaList(choose[0].sid)
|
||||
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
this.queryParams.params.warehouseRackName = choose[0].areaCode
|
||||
this.queryParams.params.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
|
||||
},
|
||||
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'build':
|
||||
// this.toBuild()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"goodsID": "",
|
||||
"billNo": "",
|
||||
"billType": "",
|
||||
"busTypeValue": "",
|
||||
"billObjName": "",
|
||||
"batchNumber": "",
|
||||
"goodsSpuName": "",
|
||||
"goodsSkuCode": "",
|
||||
"warehouseName": "",
|
||||
"warehouseRackCode": "",
|
||||
"createTimeStart": "",
|
||||
"createTimeEnd": ""
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
|
||||
toBuild() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '出入库明细_' + this.queryParams.params.createDateStart + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
1143
src/views/warehouse/inStorage/inStorageAdd.vue
Normal file
1143
src/views/warehouse/inStorage/inStorageAdd.vue
Normal file
File diff suppressed because it is too large
Load Diff
308
src/views/warehouse/inStorage/inStorageInfo.vue
Normal file
308
src/views/warehouse/inStorage/inStorageInfo.vue
Normal file
@@ -0,0 +1,308 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>收货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.busTypeValue}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">供应商</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.supplierName}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.dateEnd" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">到货日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.deliveryDate}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.deliveryDate" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" width="180" />
|
||||
<el-table-column label="库位" prop="warehouseRackName" align="center" width="180" />
|
||||
<el-table-column label="预约数量" prop="orderCount" align="center" width="120" />
|
||||
<el-table-column label="实收数量" prop="actualInCount" align="center" width="120" />
|
||||
<el-table-column label="拒收数量" prop="rejectCount" align="center" width="120" />
|
||||
<el-table-column label="拒收原因" prop="rejectReason" align="center" width="180" />
|
||||
<el-table-column label="是否质检" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.isQuality" :disabled="true" size="small">
|
||||
<el-radio :label="0">需要</el-radio>
|
||||
<el-radio :label="1">不需要</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="质检状态" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-radio-group v-model="scope.row.qualityState" :disabled="true" size="small">
|
||||
<el-radio :label="0">合格</el-radio>
|
||||
<el-radio :label="1">不合格</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="载具说明" prop="packageRemark" align="center" width="180" />
|
||||
<el-table-column label="入库价" prop="cost" align="center" width="100" />
|
||||
<el-table-column label="税额" prop="taxAmount" align="center" width="100" />
|
||||
<el-table-column label="含税单价" prop="taxPrice" align="center" width="100" />
|
||||
<el-table-column label="入库金额" prop="amount" align="center" width="100" />
|
||||
</el-table>
|
||||
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品-批次</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.pcList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品列表序号" prop="xh" align="center" width="120" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" width="150" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" />
|
||||
<el-table-column label="单位" prop="unit" align="center" width="120" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" width="150" />
|
||||
<el-table-column label="库位" prop="warehouseRackName" align="center" width="150" />
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" width="300" />
|
||||
<el-table-column label="生产日期" prop="manufactureDate" align="center" width="180" />
|
||||
<el-table-column label="有效期" prop="expirationDate" align="center" width="180" />
|
||||
<el-table-column label="数量" prop="batchCount" align="center" width="120" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/receivingGoods/receivingGoods.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
241
src/views/warehouse/inStorage/index.vue
Normal file
241
src/views/warehouse/inStorage/index.vue
Normal file
@@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="入库列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">入库列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
|
||||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="billType" label="单据类型" align="center" />
|
||||
<el-table-column prop="createDate" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人姓名" align="center" />
|
||||
<el-table-column prop="busTypeValue" label="业务类型" align="center" />
|
||||
<el-table-column prop="warehouseManager" label="库管操作人" align="center" />
|
||||
<el-table-column prop="outTime" label="实际入库时间" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState==4" ref="divInfo" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/inStorage/inStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './inStorageAdd.vue'
|
||||
import divInfo from './inStorageInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
326
src/views/warehouse/inventory/index.vue
Normal file
326
src/views/warehouse/inventory/index.vue
Normal file
@@ -0,0 +1,326 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="库存管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品ID">
|
||||
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-select v-model="queryParams.params.warehouseName" placeholder="请选择" @change='selectWarehouseName'>
|
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-select v-model="queryParams.params.warehouseRackCode" placeholder="请选择" @change='selectWarehouseAreaCode'>
|
||||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-select v-model="queryParams.params.supplierName" placeholder="请选择" @change='supplierNameSelect'>
|
||||
<el-option v-for="(item,i) in supplierList" :key="i" :label="item.supplierName" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="批次号">
|
||||
<el-input v-model="queryParams.params.batchNumber" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">库存列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">出入库</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsID" label="商品ID" align="center" />
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
|
||||
<el-table-column prop="count" label="现有库存" align="center" />
|
||||
<el-table-column prop="allocateCount" label="分配库存" align="center" />
|
||||
<el-table-column prop="useCount" label="可用库存" align="center" />
|
||||
<el-table-column prop="batchNumber" label="批次号" align="center" />
|
||||
<el-table-column prop="firstInDate" label="首次入库日期" width="130" align="center" />
|
||||
<el-table-column prop="dateAge" label="库龄" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divInfo v-show="viewState==4" ref="divInfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/inventory/inventory.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divInfo from './inventoryInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'build',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsID: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
warehouseName: '',
|
||||
warehouseRackCode: '',
|
||||
supplierName: '',
|
||||
batchNumber: '',
|
||||
}
|
||||
},
|
||||
warehouseList: [],
|
||||
warehouseRackList: [],
|
||||
supplierList: [],
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
this.getsupplierLust()
|
||||
this.getWarehouseList()
|
||||
},
|
||||
methods: {
|
||||
supplierNameSelect(val) {
|
||||
|
||||
console.log("supplierNameSelect", val);
|
||||
const choose = this.supplierList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>supplierNameSelect', choose)
|
||||
this.queryParams.params.supplierName = choose[0].supplierName
|
||||
this.queryParams.params.supplierSid = choose[0].sid
|
||||
|
||||
},
|
||||
getsupplierLust() {
|
||||
var params = {
|
||||
createOrgSid: ""
|
||||
}
|
||||
req.choiceSupplier(params).then((res) => {
|
||||
if (res.success) {
|
||||
this.supplierList = res.data
|
||||
|
||||
console.log("aaaaaa", this.supplierList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseList() {
|
||||
req.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
selectWarehouseName(val) {
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
this.queryParams.params.warehouseName = choose[0].warehouseName
|
||||
this.queryParams.params.warehouseSid = choose[0].sid
|
||||
|
||||
this.getWarehouseAreaList( choose[0].sid)
|
||||
|
||||
},
|
||||
selectWarehouseAreaCode(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
this.queryParams.params.warehouseRackName = choose[0].areaCode
|
||||
this.queryParams.params.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'build':
|
||||
this.toBuild()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsID: '',
|
||||
goodsSpuName: '',
|
||||
goodsSkuCode: '',
|
||||
warehouseName: '',
|
||||
warehouseRackCode: '',
|
||||
supplierName: '',
|
||||
batchNumber: '',
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
|
||||
toBuild() {
|
||||
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divInfo'].showEdit(row)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
142
src/views/warehouse/inventory/inventoryInfo.vue
Normal file
142
src/views/warehouse/inventory/inventoryInfo.vue
Normal file
@@ -0,0 +1,142 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>出入库记录</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<el-row class="first_row">
|
||||
<el-col>
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.info}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>出入库记录</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="来源单号" prop="billNo" align="center" />
|
||||
<el-table-column label="单据类型" prop="billType" align="center" />
|
||||
<el-table-column label="发生时间" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="业务类型" prop="busTypeValue" align="center" />
|
||||
<el-table-column label="客户/供应商" prop="billObjName" align="center" />
|
||||
<el-table-column label="批次号" prop="batchNumber" align="center" />
|
||||
<el-table-column label="数量" prop="count" align="center" />
|
||||
<el-table-column label="出入库的库存" prop="currentCount" align="center" />
|
||||
|
||||
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/inventory/inventory.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
formobj: {
|
||||
info: "",
|
||||
detailsList: []
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
formobj: {}
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {},
|
||||
showEdit(row) {
|
||||
|
||||
this.formobj.info = row.goodsID + " - " + row.goodsSpuName + " - " + row.goodsSkuCode
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj.detailsList = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
323
src/views/warehouse/oldPartsCope/index.vue
Normal file
323
src/views/warehouse/oldPartsCope/index.vue
Normal file
@@ -0,0 +1,323 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件处理申请管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="分公司">
|
||||
<el-input v-model="queryParams.params.useOrgName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请部门">
|
||||
<el-input v-model="queryParams.params.createDeptName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请人">
|
||||
<el-input v-model="queryParams.params.createByName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createStartTime" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createEndTime" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="办结日期">
|
||||
<el-date-picker v-model="queryParams.params.finishStartTime" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
至
|
||||
<el-date-picker v-model="queryParams.params.finishEndTime" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="处理方式">
|
||||
<el-select v-model="queryParams.params.handleModeKey" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">旧件处理申请列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toEdit(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nodeState" label="流程状态" align="center" />
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="useOrgName" label="分公司" align="center" />
|
||||
<el-table-column prop="createDeptName" label="申请部门" align="center" />
|
||||
<el-table-column prop="createByName" label="申请人" align="center" />
|
||||
<el-table-column prop="createTime" label="申请日期" align="center" />
|
||||
<el-table-column prop="finishTime" label="办结日期" align="center" />
|
||||
<el-table-column prop="handleModeValue" label="处理方式" width="180"align="center" />
|
||||
<el-table-column prop="handleReasonValue" label="处理原因" width="180"align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsCope/oldPartsCope.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './oldPartsCopeAdd.vue'
|
||||
import divInfo from './oldPartsCopeInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
formobj: {
|
||||
sid: "",
|
||||
reviewStatus: "",
|
||||
remarks: ''
|
||||
},
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
billStateList: [{
|
||||
name: "新建",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "完成",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toAdd() {
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
|
||||
},
|
||||
|
||||
toEdit(row) {
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
595
src/views/warehouse/oldPartsCope/oldPartsCopeAdd.vue
Normal file
595
src/views/warehouse/oldPartsCope/oldPartsCopeAdd.vue
Normal file
@@ -0,0 +1,595 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>{{title}}旧件处理申请</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-date-picker v-model="formobj.createTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请部门</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createDeptName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">处理方式</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-select v-model="formobj.handleModeValue" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in handleModeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">处理原因</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-select v-model="formobj.handleReasonValue" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in handleReasonList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<upload style="margin-top: 20px;margin-bottom: 20px;" class="addinputw" ref="uploadImg2" v-model="imgList"
|
||||
:limit="9" @change="backData" bucket="map" :upload-data="{ type: '0001' }"></upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>待处理旧件列表</div>
|
||||
<el-button type="primary" size="mini" @click="importDetail()">选择旧件</el-button>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.asOldparthandleList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- <el-table-column align="center" width="100" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="厂家" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSkuName"
|
||||
@input="commodityInput(scope.row.goodsSkuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="vinNo" label="车架号" align="center" />
|
||||
<el-table-column prop="goodsSkuId" label="商品ID" align="center" />
|
||||
<el-table-column prop="goodsSkuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" align="center" />
|
||||
<el-table-column prop="unit" label="供应商" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
|
||||
<el-table-column label="数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.count" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
<el-dialog title="选择旧件商品" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
|
||||
<el-form :inline="true" class="tab-header" style="margin-top: -30px;">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-input v-model="queryParams.params.warehouseName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-input v-model="queryParams.params.areaName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div class="btn" style="text-align: center; margin-top: 20px;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%;margin-top: 20px;"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="goodsID" label="商品ID" align="center" />
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" width="120" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" width="100" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="100"align="center" />
|
||||
<el-table-column prop="unit" label="单位" width="100"align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" width="120"align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" width="120"align="center" />
|
||||
<el-table-column prop="supplierName" label="供应商"width="120" align="center" />
|
||||
<el-table-column prop="count" label="库存数量" width="100" align="center" />
|
||||
</el-table>
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
|
||||
<div class="btn" style="text-align: center; margin-top: 20px;">
|
||||
<el-button type="primary" size="mini" @click="addDialogList()">确认</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleClose()">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsCope/oldPartsCope.js'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
upload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
title: '【新增】',
|
||||
orderInfo: {},
|
||||
tableLoading:false,
|
||||
loadList:false,
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": [
|
||||
|
||||
]
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
isUpdata: false,
|
||||
imgList: [],
|
||||
handleModeList: [{
|
||||
name: '处理方式1',
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: '处理方式2',
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
handleReasonList: [{
|
||||
name: '处理原因1',
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: '处理原因2',
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
selectionList: [],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"goodsName": "",
|
||||
"goodsSkuCode": "",
|
||||
"warehouseName": "",
|
||||
"areaName": "",
|
||||
"supplierName": "",
|
||||
}
|
||||
},
|
||||
dataList: []
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.importDetail()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"goodsName": "",
|
||||
"goodsSkuCode": "",
|
||||
"warehouseName": "",
|
||||
"areaName": "",
|
||||
"supplierName": "",
|
||||
}
|
||||
}
|
||||
this.importDetail()
|
||||
},
|
||||
|
||||
importDetail() {
|
||||
this.tableLoading = true
|
||||
req.handleGoodsListPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
this.dialogVisible = true
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
this.selectionList = val
|
||||
|
||||
},
|
||||
addDialogList() {
|
||||
for (var i = 0; i < this.selectionList.length; i++) {
|
||||
this.formobj.asOldpartreturnList.push(this.selectionList[i])
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
|
||||
if (this.formobj.createTime == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '申请日期不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.handleModeKey == '' ||
|
||||
this.formobj.handleReasonValue == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '处理方式不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.handleReasonKey == '' || this.formobj.handleReasonValue == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '处理原因不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.asOldparthandleList.length == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '旧件申请列表不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
for (var i = 0; i < this.formobj.asOldparthandleList.length; i++) {
|
||||
if (Number(this.formobj.asOldparthandleList[i].count) == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '旧件数量不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.imgList = []
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": []
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.isUpdata = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
this.title = "【新增】"
|
||||
this.isUpdata = false
|
||||
},
|
||||
showEdit(row) {
|
||||
this.title = "【修改】"
|
||||
this.isUpdata = true
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
|
||||
for (var i = 0; i < resp.data.filePaths.length; i++) {
|
||||
this.imgList.push({
|
||||
url: resp.data.filePaths[i].url
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
|
||||
backData() {
|
||||
console.log('backData》》》》', value)
|
||||
console.log('imgList', this.imgList)
|
||||
|
||||
this.formobj.filePaths = this.imgList
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
296
src/views/warehouse/oldPartsCope/oldPartsCopeInfo.vue
Normal file
296
src/views/warehouse/oldPartsCope/oldPartsCopeInfo.vue
Normal file
@@ -0,0 +1,296 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>旧件处理申请</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请部门</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createDeptName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">处理方式</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.handleModeValue}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">处理原因</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.handleReasonValue}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px;"
|
||||
v-for="(item,index) in formobj.filePaths" :src="item.url" :preview-src-list="[item.url]">
|
||||
</el-image>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>待处理旧件列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.asOldparthandleList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="vinNo" label="车架号" align="center" />
|
||||
<el-table-column prop="goodsSkuId" label="商品ID" align="center" />
|
||||
<el-table-column prop="goodsSkuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="supplierName" label="供应商" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
|
||||
<el-table-column prop="count" label="数量" align="center" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsCope/oldPartsCope.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": [
|
||||
|
||||
]
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
imgList: [],
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.imgList = []
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": []
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
},
|
||||
showEdit(row) {
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
|
||||
for (var i = 0; i < resp.data.filePaths.length; i++) {
|
||||
this.imgList.push({
|
||||
url: resp.data.filePaths[i].url
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
425
src/views/warehouse/oldPartsFactory/index.vue
Normal file
425
src/views/warehouse/oldPartsFactory/index.vue
Normal file
@@ -0,0 +1,425 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件返厂管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="分公司">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请部门">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="办结日期">
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
至
|
||||
<el-date-picker v-model="queryParams.params.deliveryDateEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="厂家确认结果">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in confirmResultsList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">旧件返厂列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toEdit(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nodeState" label="流程状态" align="center" />
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="useOrgName" label="分公司" align="center" />
|
||||
<el-table-column prop="createDeptName" label="申请部门" align="center" />
|
||||
<el-table-column prop="createByName" label="申请人" align="center" />
|
||||
<el-table-column prop="createTime" label="申请日期" align="center" />
|
||||
<el-table-column prop="needReturnCount" label="应返厂数量合计" align="center" />
|
||||
<el-table-column prop="actualReturnCount" label="实际返厂数量合计" width="180" align="center" />
|
||||
<el-table-column label="附件" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<div style="color: #1890FF; text-decoration: underline ;" @click="showAdjunct(scope.row.filePaths)">查看
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="厂家确认结果" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="color: #1890FF; text-decoration: underline ;" @click="showResult(scope.row.sid)">
|
||||
{{ scope.row.confirmResult }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
|
||||
<el-dialog title="附件" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -30px;">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="24" class="trightb">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px; background: #f0f;"
|
||||
v-for="(item,index) in fileList" :src="item" :preview-src-list="[item]">
|
||||
</el-image>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<el-dialog title="确认结果详情" :visible.sync="dialogVisible2" :before-close="handleClose2">
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -40px;" :model="orderInfo">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">返件数量确认</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-radio-group v-model="orderInfo.isUnanimous" size="small" :disabled="true">
|
||||
<el-radio :label="0">一致</el-radio>
|
||||
<el-radio :label="1">不一致</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-form-item class="trightb_item">
|
||||
<span class="addinputw" style="width:100%">{{orderInfo.remarks}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px; "
|
||||
v-for="(item,index) in orderInfo.filePaths" :src="item" :preview-src-list="[item]">
|
||||
</el-image>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsFactory/oldPartsFactory.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './oldPartsFactoryAdd.vue'
|
||||
import divInfo from './oldPartsFactoryInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
dialogVisible2: false,
|
||||
fileList: [],
|
||||
orderInfo: {},
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
}, {
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
confirmResultsList: [{
|
||||
name: "一致",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "不一致",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
pathList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
handleClose2() {
|
||||
this.dialogVisible2 = false
|
||||
},
|
||||
showAdjunct(paths) {
|
||||
this.fileList = paths
|
||||
this.dialogVisible = true
|
||||
},
|
||||
showResult(sid) {
|
||||
|
||||
req.fetchDetailsByMainSid(sid).then((resp) => {
|
||||
|
||||
console.log("fetchDetailsByMainSid", resp);
|
||||
|
||||
this.orderInfo = resp.data
|
||||
|
||||
this.dialogVisible2 = true
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toAdd() {
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
|
||||
},
|
||||
|
||||
toEdit(row) {
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
575
src/views/warehouse/oldPartsFactory/oldPartsFactoryAdd.vue
Normal file
575
src/views/warehouse/oldPartsFactory/oldPartsFactoryAdd.vue
Normal file
@@ -0,0 +1,575 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>{{title}}旧件返厂申请</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="importDetail">导入厂家返件明细</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">分公司</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.useOrgName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请部门</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createDeptName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">流程状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.nodeState}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<upload style="margin-top: 20px;margin-bottom: 20px;" class="addinputw" ref="uploadImg2" v-model="imgList"
|
||||
:limit="9" @change="backData" bucket="map" :upload-data="{ type: '0001' }"></upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>返厂旧件列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.asOldpartreturnList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column align="center" width="100" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="厂家" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSkuName"
|
||||
@input="commodityInput(scope.row.goodsSkuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column label="需返厂数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.needReturnCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="实际返厂数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.actualReturnCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="差异说明" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.remarks" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 导入 -->
|
||||
<el-dialog :visible.sync="dialogVisible" width="60%" :show-close="false">
|
||||
<div style="margin-top: -40px;">
|
||||
<el-button size="medium" type="text" style="font-weight: bold" @click="downLoad">下载导入厂家返厂明细模板</el-button>
|
||||
</div>
|
||||
<el-card class="box-card">
|
||||
<div>
|
||||
<el-upload ref="upload" class="upload-demo" accept=".xls,.xlsx" name="file" :action="updateAction"
|
||||
:on-success="handleSuccess" :file-list="fileList" :auto-upload="false" :multiple="false" :limit="1"
|
||||
:data="uploadData" :headers="headers">
|
||||
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||||
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div>
|
||||
<h3>文件上传结果</h3>
|
||||
<el-card class="box-card">
|
||||
<div>{{ uploadResultMesssage }}</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-card>
|
||||
<div slot="footer" class="dialog-footer" style="text-align: center">
|
||||
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
|
||||
<el-button size="small" @click="dialogVisible = false">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsFactory/oldPartsFactory.js'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
upload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
updateAction: process.env.VUE_APP_BASE_API + '/as/v1/asoldpartreturnapply/getExcelInfo',
|
||||
fileList: [],
|
||||
uploadSuccess: false,
|
||||
uploadResultMesssage: '',
|
||||
uploadData: {
|
||||
sid: ''
|
||||
},
|
||||
headers: {
|
||||
token: window.sessionStorage.getItem('token')
|
||||
},
|
||||
title: '【新增】',
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": [
|
||||
|
||||
]
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
isUpdata: false,
|
||||
imgList: []
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
commodityInput(value) {
|
||||
this.commodityQuery.params.name = value
|
||||
this.commodityLoading = true
|
||||
req.getGoodsListPage(this.commodityQuery).then((response) => {
|
||||
if (response.success) {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = response.data.records
|
||||
this.commodityQuery.total = response.data.total
|
||||
} else {
|
||||
this.serviceLoading = false
|
||||
this.commodityData = []
|
||||
this.commodityQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
commodityDelete(index) {
|
||||
this.formobj.asOldpartreturnList.splice(index, 1)
|
||||
},
|
||||
commodityCurrentChange(value, row) {
|
||||
console.log("commodityCurrentChange》》》》", value)
|
||||
console.log("commodityCurrentChange》》》》", row)
|
||||
row.sid = ''
|
||||
row.remarks = ''
|
||||
row.mainSid = ''
|
||||
row.manufacturerName = value.goodsSkuOwnSpec
|
||||
row.goodsSkuName = value.goodsSpuName
|
||||
row.goodsSkuCode = value.goodsSkuCode
|
||||
row.goodsSkuOwnSpec = value.goodsSkuOwnSpec
|
||||
row.unit = value.unit
|
||||
row.needReturnCount = 0
|
||||
row.actualReturnCount = 0
|
||||
document.body.click()
|
||||
},
|
||||
|
||||
// 在头部标题上添加“新增”图标
|
||||
commodityHeader(h, {
|
||||
column
|
||||
}) {
|
||||
return h(
|
||||
'div',
|
||||
[
|
||||
h('span', column.label),
|
||||
h('i', {
|
||||
class: 'add-btn-icon el-icon-plus',
|
||||
style: 'color: red;font-size:20px',
|
||||
on: {
|
||||
click: this.commodityAdd // 点击执行函数
|
||||
}
|
||||
})
|
||||
]
|
||||
)
|
||||
},
|
||||
commodityAdd() {
|
||||
this.formobj.asOldpartreturnList.push({
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"mainSid": "",
|
||||
"manufacturerName": "",
|
||||
"goodsSkuName": "",
|
||||
"goodsSkuCode": "",
|
||||
"goodsSkuOwnSpec": "",
|
||||
"unit": "",
|
||||
"needReturnCount": 0,
|
||||
"actualReturnCount": 0
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
doGoodsDel(sid) {
|
||||
console.log("doGoodsDel》》》》", sid)
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.asOldpartreturnList.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.asOldpartreturnList.splice(index, 1)
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
importDetail() {
|
||||
this.dialogVisible = true
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.imgList = []
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": []
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.isUpdata = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
this.title = "【新增】"
|
||||
this.isUpdata = false
|
||||
},
|
||||
showEdit(row) {
|
||||
this.title = "【修改】"
|
||||
this.isUpdata = true
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
|
||||
for (var i = 0; i < resp.data.filePaths.length; i++) {
|
||||
this.imgList.push({
|
||||
url: resp.data.filePaths[i].url
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
|
||||
downLoad() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.downloadExcel().then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '导入厂家返厂明细模版' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
submitUpload() {
|
||||
this.$refs.upload.submit()
|
||||
},
|
||||
handleSuccess(resp, file, fileList) {
|
||||
const _this = this
|
||||
_this.uploadResultMesssage = resp.msg
|
||||
_this.uploadSuccess = resp.success
|
||||
|
||||
if (resp.success) {
|
||||
|
||||
for (var i = 0; i < resp.data.length; i++) {
|
||||
this.formobj.asOldpartreturnList.push(resp.data[i])
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
handleConfirm() {
|
||||
if (!this.uploadSuccess) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '请先上传导入厂家返件明细'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.dialogVisible = false
|
||||
},
|
||||
backData() {
|
||||
console.log('backData》》》》', value)
|
||||
console.log('imgList', this.imgList)
|
||||
|
||||
this.formobj.filePaths = this.imgList
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
249
src/views/warehouse/oldPartsFactory/oldPartsFactoryInfo.vue
Normal file
249
src/views/warehouse/oldPartsFactory/oldPartsFactoryInfo.vue
Normal file
@@ -0,0 +1,249 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>旧件返厂</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">分公司</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.useOrgName}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请部门</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createDeptName}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">流程状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.nodeState}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.dateEnd" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px;"
|
||||
v-for="(item,index) in formobj.filePaths" :src="item.url" :preview-src-list="[item.url]">
|
||||
</el-image>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.asOldpartreturnList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSkuName" align="center" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="厂家" prop="manufacturerName" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="需返厂数量" prop="needReturnCount" align="center" />
|
||||
<el-table-column label="实际返厂数量" prop="actualReturnCount" align="center" />
|
||||
<el-table-column label="差异说明" prop="remarks" align="center" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsFactory/oldPartsFactory.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
438
src/views/warehouse/oldPartsInAndOutStorage/index.vue
Normal file
438
src/views/warehouse/oldPartsInAndOutStorage/index.vue
Normal file
@@ -0,0 +1,438 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件出入库查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品ID">
|
||||
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-select v-model="queryParams.params.warehouseName" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="warehouseNameSelect">
|
||||
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName"
|
||||
:value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-select v-model="queryParams.params.warehouseRackCode" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="warehouseRackCodeSelect">
|
||||
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="厂家">
|
||||
<el-select v-model="queryParams.params.manufacturerName" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="manufacturerNameSelect">
|
||||
<el-option v-for="item in manufacturerList" :key="item.sid" :label="item.manufacturerName"
|
||||
:value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="车架号">
|
||||
<el-input v-model="queryParams.params.vinNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="来源单号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据类型">
|
||||
<el-select v-model="queryParams.params.billType" filterable clearable placeholder="请选择"
|
||||
style="width:100%">
|
||||
<el-option v-for="item in busTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务类型">
|
||||
<el-select v-model="queryParams.params.busTypeValue" filterable clearable placeholder="请选择"
|
||||
style="width:100%">
|
||||
<el-option v-for="item in billStateList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发生时间">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">旧件出入库记录</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="goodsID" label="商品ID" width="120" align="center" />
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" width="120" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" width="120" align="center" />
|
||||
<el-table-column prop="vinNo" label="车架号" width="120" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" width="180" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="120" align="center" />
|
||||
<el-table-column prop="unit" label="单位" width="120" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" width="150" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" width="150" align="center" />
|
||||
<el-table-column prop="billNo" label="来源单号" width="150" align="center" />
|
||||
<el-table-column prop="billType" label="单据类型" width="150" align="center" />
|
||||
<el-table-column prop="createTime" label="发生时间" width="150" align="center" />
|
||||
<el-table-column prop="busTypeValue" label="业务类型" width="150" align="center" />
|
||||
<el-table-column prop="count" label="数量" width="150" align="center" />
|
||||
<el-table-column prop="currentCount" label="出入库后的库存" width="180" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<!-- <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
<!-- <divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsInAndOutStorage/oldPartsInAndOutStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
// import divAdd from './oldPartsInStorageAdd.vue'
|
||||
// import divInfo from './oldPartsInvertoryInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
// divAdd,
|
||||
// divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'toBuild',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
manufacturerList: [],
|
||||
warehouseList: [],
|
||||
warehouseRackList: [],
|
||||
busTypeList: [{
|
||||
name: "单据类型1",
|
||||
sid: "1"
|
||||
},
|
||||
{
|
||||
name: "单据类型2",
|
||||
sid: "2"
|
||||
}
|
||||
],
|
||||
billStateList: [{
|
||||
name: "业务类型1",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
this.getWarehouseList()
|
||||
this.getManufacturerList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
// this.doDel()
|
||||
this.toRelevancy()
|
||||
break
|
||||
case 'toBuild':
|
||||
this.toBuild()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toBuild() {
|
||||
if (this.sids.length > 0) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '旧件出入库记录' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toRelevancy() {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showAdd()
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
manufacturerNameSelect(val) {
|
||||
|
||||
console.log("supplierNameSelect", val);
|
||||
const choose = this.manufacturerList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>supplierNameSelect', choose)
|
||||
this.queryParams.params.manufacturerName = choose[0].manufacturerName
|
||||
this.queryParams.params.manufacturerSid = choose[0].sid
|
||||
|
||||
},
|
||||
getManufacturerList() {
|
||||
var params = {
|
||||
createOrgSid: ""
|
||||
}
|
||||
req.choiceManufacturer(params).then((res) => {
|
||||
if (res.success) {
|
||||
this.manufacturerList = res.data
|
||||
|
||||
console.log("aaaaaa", this.manufacturerList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseList() {
|
||||
req.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
warehouseNameSelect(val) {
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
this.queryParams.params.warehouseName = choose[0].warehouseName
|
||||
this.queryParams.params.warehouseSid = choose[0].sid
|
||||
|
||||
this.getWarehouseAreaList(choose[0].sid)
|
||||
|
||||
},
|
||||
warehouseRackCodeSelect(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
this.queryParams.params.warehouseRackCode = choose[0].areaCode
|
||||
this.queryParams.params.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
329
src/views/warehouse/oldPartsInStorage/index.vue
Normal file
329
src/views/warehouse/oldPartsInStorage/index.vue
Normal file
@@ -0,0 +1,329 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件入库" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="维修工单号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="车牌号">
|
||||
<el-input v-model="queryParams.params.vehMark" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">待入库旧件列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<!-- <el-table-column fixed label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toEdit(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="goodsID" label="商品ID" width="120" align="center" />
|
||||
<el-table-column prop="goodsSkuTitle" label="商品名称"width="120" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" width="120"align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" width="120"align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="120"align="center" />
|
||||
<el-table-column prop="unit" label="单位" width="120"align="center" />
|
||||
<el-table-column prop="count" label="数量" width="120"align="center" />
|
||||
<el-table-column prop="inCount" label="已入库数量" width="120" align="center" />
|
||||
<el-table-column prop="billNo" label="维修工单号" width="180" align="center" />
|
||||
<el-table-column prop="customerName" label="客户名称" width="100" align="center" />
|
||||
<el-table-column prop="vehMark" label="车牌号" width="100" align="center" />
|
||||
<el-table-column prop="vinNo" label="车架号" width="100" align="center" />
|
||||
<el-table-column prop="shortss" label="旧件回收说明" width="280" align="center" />
|
||||
<el-table-column label="旧件照片" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<div style="color: #1890FF; text-decoration: underline ;" @click="showImage(scope.row.photosList)">
|
||||
查看
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<!-- <divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
|
||||
|
||||
<el-dialog title="旧件说明" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -30px;">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="24" class="trightb">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px; background: #f0f;"
|
||||
v-for="(item,index) in fileList" :src="item" :preview-src-list="[item]">
|
||||
</el-image>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsInStorage/oldPartsInStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './oldPartsInStorageAdd.vue'
|
||||
// import divInfo from './oldPartsFactoryInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
// divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
fileList: [],
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '入库'
|
||||
},
|
||||
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
|
||||
pathList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
showImage(paths) {
|
||||
this.fileList = paths
|
||||
this.dialogVisible = true
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toAdd() {
|
||||
|
||||
if(this.selectionList.length!=1){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
|
||||
},
|
||||
|
||||
toEdit(row) {
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
335
src/views/warehouse/oldPartsInStorage/oldPartsInStorageAdd.vue
Normal file
335
src/views/warehouse/oldPartsInStorage/oldPartsInStorageAdd.vue
Normal file
@@ -0,0 +1,335 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>旧件入库</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<!-- <div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div> -->
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">维修工单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品名称</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsSpuName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品编码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsSkuCode}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">车架号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.vinNo}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">厂家</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.manufacturerName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">规格</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsSkuOwnSpec}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">仓库</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.warehouseName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库位</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.warehouseRackCode}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单位</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.unit}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">未入库数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.notInCount}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">入库数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input @input="commodityComputeYHAndXSJE(formobj,$event)" v-model="formobj.count" clearable
|
||||
placeholder="" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsInStorage/oldPartsInStorage.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
// 计算优惠、销售金额
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
|
||||
console.log("aaaaaaaaa", row);
|
||||
console.log("aaaaaaaaa", val);
|
||||
|
||||
if (Number(val) > Number(row.notInCount)) {
|
||||
row.count = row.notInCount
|
||||
}
|
||||
|
||||
},
|
||||
saveOrUpdate() {
|
||||
|
||||
if (Number(this.formobj.count) == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '请输入入库数量'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (Number(this.formobj.count) > Number(this.formobj.notInCount)) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '入库数量不能大于待入库数量'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
432
src/views/warehouse/oldPartsInvertory/index.vue
Normal file
432
src/views/warehouse/oldPartsInvertory/index.vue
Normal file
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件库存查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="商品ID">
|
||||
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品名称">
|
||||
<el-input v-model="queryParams.params.goodsSpuName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品编码">
|
||||
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库">
|
||||
<el-select v-model="queryParams.params.warehouseName" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="warehouseNameSelect">
|
||||
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName"
|
||||
:value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-select v-model="queryParams.params.warehouseRackCode" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="warehouseRackCodeSelect">
|
||||
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.areaCode" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="厂家">
|
||||
<el-select v-model="queryParams.params.manufacturerName" filterable clearable placeholder="请选择"
|
||||
style="width:100%" @change="manufacturerNameSelect">
|
||||
<el-option v-for="item in manufacturerList" :key="item.sid" :label="item.manufacturerName"
|
||||
:value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="车架号">
|
||||
<el-input v-model="queryParams.params.vinNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">旧件库存列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsID" label="商品ID" width="120" align="center" />
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" width="150" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" width="120" align="center" />
|
||||
<el-table-column prop="vinNo" label="车架号" width="150" align="center" />
|
||||
<el-table-column prop="vehMark" label="车牌号" width="150" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" width="180" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="120" align="center" />
|
||||
<el-table-column prop="unit" label="单位" width="120" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" width="150" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" width="120" align="center" />
|
||||
<el-table-column prop="inventoryCount" label="库存数量" width="120" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<!-- <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsInvertory/oldPartsInvertory.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
// import divAdd from './oldPartsInStorageAdd.vue'
|
||||
import divInfo from './oldPartsInvertoryInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
// divAdd,
|
||||
divInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
|
||||
{
|
||||
type: 'success',
|
||||
size: 'small',
|
||||
icon: 'export',
|
||||
btnKey: 'toBuild',
|
||||
btnLabel: '导出'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsID: '',
|
||||
goodsSpuName: "",
|
||||
goodsSkuCode: "",
|
||||
warehouseName: "",
|
||||
warehouseRackCode: "",
|
||||
manufacturerName: "",
|
||||
vinNo: "",
|
||||
createBySid: "",
|
||||
orgPath: "",
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
manufacturerList: [],
|
||||
warehouseList: [],
|
||||
warehouseRackList: [],
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
this.getWarehouseList()
|
||||
this.getManufacturerList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toBuild':
|
||||
this.toBuild()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
goodsID: '',
|
||||
goodsSpuName: "",
|
||||
goodsSkuCode: "",
|
||||
warehouseName: "",
|
||||
warehouseRackCode: "",
|
||||
manufacturerName: "",
|
||||
vinNo: "",
|
||||
createBySid: "",
|
||||
orgPath: "",
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
for (var i = 0; i < this.selectionList.length; i++) {
|
||||
if (this.selectionList[i].inventoryCount != 0) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "只有库存数量为0的，才可以删除",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toBuild() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '旧件库存' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
type:"warning",
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toRelevancy(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showAdd(row)
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
manufacturerNameSelect(val) {
|
||||
|
||||
console.log("supplierNameSelect", val);
|
||||
const choose = this.manufacturerList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>supplierNameSelect', choose)
|
||||
this.queryParams.params.manufacturerName = choose[0].manufacturerName
|
||||
this.queryParams.params.manufacturerSid = choose[0].sid
|
||||
|
||||
},
|
||||
getManufacturerList() {
|
||||
var params = {
|
||||
createOrgSid: ""
|
||||
}
|
||||
req.choiceManufacturer(params).then((res) => {
|
||||
if (res.success) {
|
||||
this.manufacturerList = res.data
|
||||
|
||||
console.log("aaaaaa", this.manufacturerList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseList() {
|
||||
req.getWarehouses().then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getWarehouseAreaList(sid) {
|
||||
var query = {
|
||||
ckSid: sid
|
||||
}
|
||||
req.getWarehouseareas(query).then((res) => {
|
||||
if (res.success) {
|
||||
this.warehouseRackList = res.data
|
||||
|
||||
console.log("aaaaaa", this.warehouseRackList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
warehouseNameSelect(val) {
|
||||
console.log("selectWarehouseName", val);
|
||||
const choose = this.warehouseList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseName', choose)
|
||||
this.queryParams.params.warehouseName = choose[0].warehouseName
|
||||
this.queryParams.params.warehouseSid = choose[0].sid
|
||||
|
||||
this.getWarehouseAreaList(choose[0].sid)
|
||||
|
||||
},
|
||||
warehouseRackCodeSelect(val) {
|
||||
console.log("selectWarehouseAreaCode", val);
|
||||
|
||||
const choose = this.warehouseRackList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose)
|
||||
this.queryParams.params.warehouseRackCode = choose[0].areaCode
|
||||
this.queryParams.params.warehouseRackSid = choose[0].sid
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
221
src/views/warehouse/oldPartsInvertory/oldPartsInvertoryInfo.vue
Normal file
221
src/views/warehouse/oldPartsInvertory/oldPartsInvertoryInfo.vue
Normal file
@@ -0,0 +1,221 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>库存出入库记录</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品名称</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsSpuName}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品编码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsSkuCode}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">车架号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.vinNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">厂家</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.manufacturerName}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">仓库</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.warehouseName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">库位</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.warehouseRackCode}}</span>
|
||||
<!-- <el-date-picker v-model="formobj.dateEnd" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>出入库记录列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="来源单号" prop="billNo" align="center" />
|
||||
<el-table-column label="单据类型" prop="billType" align="center" />
|
||||
<el-table-column label="发生时间" prop="createTime" align="center" />
|
||||
<el-table-column label="业务类型" prop="busTypeValue" align="center" />
|
||||
<el-table-column label="数量" prop="count" align="center" />
|
||||
<el-table-column label="出入库后的库存" prop="currentCount" align="center" />
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsInvertory/oldPartsInvertory.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
showEdit() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
402
src/views/warehouse/oldPartsRecovery/index.vue
Normal file
402
src/views/warehouse/oldPartsRecovery/index.vue
Normal file
@@ -0,0 +1,402 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="旧件回收登记管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="维修工单编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="工单创建日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="车牌号">
|
||||
<el-input v-model="queryParams.params.vehMark" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">维修工单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<!-- <el-table-column fixed label="操作" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" :disabled="scope.row.billState=='完成'"
|
||||
@click="toEdit(scope.row)">办理</el-button>
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="维修工单编号" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="color: #1890FF; text-decoration: underline ;" @click="showOrder(scope.row)">
|
||||
{{ scope.row.billNo }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billTime" label="工单创建日期" align="center" />
|
||||
<el-table-column prop="customerName" label="客户名称" align="center" />
|
||||
<el-table-column prop="vehMark" label="车牌号" align="center" />
|
||||
<el-table-column prop="vinNo" label="车架号" align="center" />
|
||||
<el-table-column prop="shortss" label="旧件回收说明" align="center" />
|
||||
<el-table-column label="旧件照片" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div style="color: #1890FF; text-decoration: underline ;" @click="showImage(scope.row.photos)">
|
||||
查看
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="旧件照片" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-for="(item,index) in scope.row.photos" :key="index">
|
||||
<el-popover placement="left" trigger="click" width="300">
|
||||
<img :src="item" width="100%" />
|
||||
<img slot="reference" :src="item" :alt="item" style="height: 50px;width: 50px; padding: 5px" />
|
||||
</el-popover>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
<el-dialog title="旧件照片" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -30px;">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="24" class="trightb">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px; background: #f0f;"
|
||||
v-for="(item,index) in fileList" :src="item.url" :preview-src-list="[item]">
|
||||
</el-image>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="旧件回收登记" :visible.sync="dialogVisible2" :before-close="handleClose2">
|
||||
<el-form ref="dataForm1" class="formadd" style="margin-top: -40px;" :model="orderInfo">
|
||||
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">维修工单编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{orderInfo.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">旧件回收说明</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="orderInfo.shortss" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">旧件照片</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<upload ref="uploadImg" v-model="imgList" style="" class="item_input" :limit="9" bucket="map"
|
||||
:upload-data="{ type: '0001' }" @change="backData" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
|
||||
<el-button type="primary" style="margin-top: 20px;" @click="saveExamine">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsRecovery/oldPartsRecovery.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './oldPartsRecoveryAdd.vue'
|
||||
import divInfo from './oldPartsRecoveryInfo.vue'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo,
|
||||
upload,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
dialogVisible2: false,
|
||||
orderInfo: {},
|
||||
fileList: [],
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '回收登记'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: [],
|
||||
imgList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
backData(value) {
|
||||
console.log('backData》》》》', value)
|
||||
console.log('imgList', this.imgList)
|
||||
|
||||
this.orderInfo.photos = this.imgList
|
||||
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
|
||||
toAdd() {
|
||||
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '请选择一条记录操作.'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
req.getOneByBillNo(this.selectionList[0].billNo).then((resp) => {
|
||||
|
||||
this.orderInfo = resp.data
|
||||
|
||||
|
||||
for (var i = 0; i < resp.data.photos.length; i++) {
|
||||
this.imgList.push({
|
||||
url: resp.data.photos[i].url
|
||||
})
|
||||
}
|
||||
|
||||
this.dialogVisible2 = true
|
||||
|
||||
}).catch(() => {})
|
||||
|
||||
|
||||
},
|
||||
|
||||
showImage(paths) {
|
||||
this.fileList = paths
|
||||
this.dialogVisible = true
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
|
||||
saveExamine() {
|
||||
|
||||
console.log('saveExamine》》》》', this.orderInfo)
|
||||
|
||||
if (this.orderInfo.shortss == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '旧件回收说明不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.orderInfo.photos.length == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '旧件照片不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
req.save(this.orderInfo).then((resp) => {
|
||||
|
||||
this.loadList()
|
||||
this.dialogVisible2 = false
|
||||
}).catch(() => {})
|
||||
|
||||
},
|
||||
handleClose2() {
|
||||
this.imgList = []
|
||||
this.dialogVisible2 = false
|
||||
},
|
||||
|
||||
showOrder(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divinfo'].showEdit(row)
|
||||
},
|
||||
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
555
src/views/warehouse/oldPartsRecovery/oldPartsRecoveryAdd.vue
Normal file
555
src/views/warehouse/oldPartsRecovery/oldPartsRecoveryAdd.vue
Normal file
@@ -0,0 +1,555 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>旧件回收登记</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">维修工单编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">分公司</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.useOrgName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请部门</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createDeptName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">流程状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.nodeState}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">附件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<upload style="margin-top: 20px;margin-bottom: 20px;" class="addinputw" ref="uploadImg2" v-model="imgList"
|
||||
:limit="9" @change="backData" bucket="map" :upload-data="{ type: '0001' }"></upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>返厂旧件列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.asOldpartreturnList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column align="center" width="100" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="厂家" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSkuName"
|
||||
@input="commodityInput(scope.row.goodsSkuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="manufacturerName" label="厂家" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column label="需返厂数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.needReturnCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="实际返厂数量" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.actualReturnCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="差异说明" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.remarks" clearable placeholder="" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 导入 -->
|
||||
<el-dialog :visible.sync="dialogVisible" width="60%" :show-close="false">
|
||||
<div style="margin-top: -40px;">
|
||||
<el-button size="medium" type="text" style="font-weight: bold" @click="downLoad">下载导入厂家返厂明细模板</el-button>
|
||||
</div>
|
||||
<el-card class="box-card">
|
||||
<div>
|
||||
<el-upload ref="upload" class="upload-demo" accept=".xls,.xlsx" name="file" :action="updateAction"
|
||||
:on-success="handleSuccess" :file-list="fileList" :auto-upload="false" :multiple="false" :limit="1"
|
||||
:data="uploadData" :headers="headers">
|
||||
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||||
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div>
|
||||
<h3>文件上传结果</h3>
|
||||
<el-card class="box-card">
|
||||
<div>{{ uploadResultMesssage }}</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-card>
|
||||
<div slot="footer" class="dialog-footer" style="text-align: center">
|
||||
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
|
||||
<el-button size="small" @click="dialogVisible = false">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsFactory/oldPartsFactory.js'
|
||||
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
|
||||
export default {
|
||||
components: {
|
||||
upload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
updateAction: process.env.VUE_APP_BASE_API + '/as/v1/asoldpartreturnapply/getExcelInfo',
|
||||
fileList: [],
|
||||
uploadSuccess: false,
|
||||
uploadResultMesssage: '',
|
||||
uploadData: {
|
||||
sid: ''
|
||||
},
|
||||
headers: {
|
||||
token: window.sessionStorage.getItem('token')
|
||||
},
|
||||
title: '【新增】',
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": [
|
||||
|
||||
]
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
isUpdata: false,
|
||||
imgList: []
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
commodityInput(value) {
|
||||
this.commodityQuery.params.name = value
|
||||
this.commodityLoading = true
|
||||
req.getGoodsListPage(this.commodityQuery).then((response) => {
|
||||
if (response.success) {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = response.data.records
|
||||
this.commodityQuery.total = response.data.total
|
||||
} else {
|
||||
this.serviceLoading = false
|
||||
this.commodityData = []
|
||||
this.commodityQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
commodityDelete(index) {
|
||||
this.formobj.asOldpartreturnList.splice(index, 1)
|
||||
},
|
||||
commodityCurrentChange(value, row) {
|
||||
console.log("commodityCurrentChange》》》》", value)
|
||||
console.log("commodityCurrentChange》》》》", row)
|
||||
row.sid = ''
|
||||
row.remarks = ''
|
||||
row.mainSid = ''
|
||||
row.manufacturerName = value.goodsSkuOwnSpec
|
||||
row.goodsSkuName = value.goodsSpuName
|
||||
row.goodsSkuCode = value.goodsSkuCode
|
||||
row.goodsSkuOwnSpec = value.goodsSkuOwnSpec
|
||||
row.unit = value.unit
|
||||
row.needReturnCount = 0
|
||||
row.actualReturnCount = 0
|
||||
document.body.click()
|
||||
},
|
||||
|
||||
// 在头部标题上添加“新增”图标
|
||||
commodityHeader(h, {
|
||||
column
|
||||
}) {
|
||||
return h(
|
||||
'div',
|
||||
[
|
||||
h('span', column.label),
|
||||
h('i', {
|
||||
class: 'add-btn-icon el-icon-plus',
|
||||
style: 'color: red;font-size:20px',
|
||||
on: {
|
||||
click: this.commodityAdd // 点击执行函数
|
||||
}
|
||||
})
|
||||
]
|
||||
)
|
||||
},
|
||||
commodityAdd() {
|
||||
this.formobj.asOldpartreturnList.push({
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"mainSid": "",
|
||||
"manufacturerName": "",
|
||||
"goodsSkuName": "",
|
||||
"goodsSkuCode": "",
|
||||
"goodsSkuOwnSpec": "",
|
||||
"unit": "",
|
||||
"needReturnCount": 0,
|
||||
"actualReturnCount": 0
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
doGoodsDel(sid) {
|
||||
console.log("doGoodsDel》》》》", sid)
|
||||
this.$confirm("是否确定删除此商品？", '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const index = this.formobj.asOldpartreturnList.findIndex((item) => item === row)
|
||||
console.log("index》》》》", index)
|
||||
this.formobj.asOldpartreturnList.splice(index, 1)
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
importDetail() {
|
||||
this.dialogVisible = true
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createByName": "",
|
||||
"createDeptSid": "",
|
||||
"createDeptName": "",
|
||||
"createTime": "",
|
||||
"billNo": "",
|
||||
"filePaths": [],
|
||||
"useOrgSid": "",
|
||||
"useOrgName": "",
|
||||
"orgSidPath": "",
|
||||
"procDefId": "",
|
||||
"nodeId": "",
|
||||
"procInstId": "",
|
||||
"nodeState": "",
|
||||
"taskId": "",
|
||||
"finishTime": "",
|
||||
"asOldpartreturnList": []
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.isUpdata = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
this.title = "【新增】"
|
||||
this.isUpdata = false
|
||||
},
|
||||
showEdit(row) {
|
||||
this.title = "【修改】"
|
||||
this.isUpdata = true
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
|
||||
downLoad() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.downloadExcel().then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '导入厂家返厂明细模版' + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
submitUpload() {
|
||||
this.$refs.upload.submit()
|
||||
},
|
||||
handleSuccess(resp, file, fileList) {
|
||||
const _this = this
|
||||
_this.uploadResultMesssage = resp.msg
|
||||
_this.uploadSuccess = resp.success
|
||||
|
||||
},
|
||||
handleConfirm() {
|
||||
if (!this.uploadSuccess) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'error',
|
||||
message: '请先上传导入厂家返件明细'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.dialogVisible = false
|
||||
this.getList()
|
||||
},
|
||||
backData() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
227
src/views/warehouse/oldPartsRecovery/oldPartsRecoveryInfo.vue
Normal file
227
src/views/warehouse/oldPartsRecovery/oldPartsRecoveryInfo.vue
Normal file
@@ -0,0 +1,227 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>旧件回收登记</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<!-- <div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div> -->
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">维修工单编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">申请人</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billTime}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">客户名称</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.customerName}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">车牌号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.vehMark}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">车架号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.vinNo}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">旧件回收说明</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.shortss}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">旧件照片</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-image style="width: 120px;height: 120px; margin: 10px;"
|
||||
v-for="(item,index) in formobj.photos" :src="item.url" :preview-src-list="[item.url]">
|
||||
</el-image>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/oldPartsRecovery/oldPartsRecovery.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.getOneByBillNo(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
291
src/views/warehouse/outStorage/distributionAdd.vue
Normal file
291
src/views/warehouse/outStorage/distributionAdd.vue
Normal file
@@ -0,0 +1,291 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>【新增】配货单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createTime}}</span> -->
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.remarks}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="1" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" width="80" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toDel(scope.$index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="goodsSpuName" align="center" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" />
|
||||
<el-table-column label="库位" prop="warehouseRackCode" align="center" />
|
||||
<el-table-column label="配货数量" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.distributeCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/outStorage/outStorage.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sourceBillSid": "",
|
||||
"sourceBillNo": "",
|
||||
"billNo": "",
|
||||
"createByName": "",
|
||||
"billState": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sourceBillSid": "",
|
||||
"sourceBillNo": "",
|
||||
"billNo": "",
|
||||
"createByName": "",
|
||||
"billState": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
}
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.initDistribution(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
toDel(index) {
|
||||
const tip = '请确认是否删除所选商品?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.formobj.detailsList.splice(index, 1)
|
||||
|
||||
|
||||
}).catch(() => {})
|
||||
},
|
||||
saveOrUpdate(){
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.saveDistribution(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
335
src/views/warehouse/outStorage/index.vue
Normal file
335
src/views/warehouse/outStorage/index.vue
Normal file
@@ -0,0 +1,335 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="出库单管理" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据日期">
|
||||
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>至
|
||||
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期"
|
||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="外部单号">
|
||||
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务类型">
|
||||
<el-select v-model="queryParams.params.busTypeValue" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据状态">
|
||||
<el-select v-model="queryParams.params.billState" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">出库单列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column fixed label="操作" width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createTime" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人" align="center" />
|
||||
<el-table-column prop="sourceBillNo" label="外部单号" align="center" />
|
||||
<el-table-column prop="busTypeValue" label="业务类型" align="center" />
|
||||
<el-table-column prop="billState" label="单据状态" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
<divInfo v-show="viewState==4" ref="divInfo" @doback="resetState" @reloadlist="loadList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/outStorage/outStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './outStorageAdd.vue'
|
||||
import divInfo from './outStorageInfo.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd,
|
||||
divInfo,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'danger',
|
||||
size: 'small',
|
||||
icon: 'del',
|
||||
btnKey: 'doDel',
|
||||
btnLabel: '删除'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'edit',
|
||||
btnKey: 'toEdit',
|
||||
btnLabel: '编辑'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"billNo": "",
|
||||
"sourceBillNo": "",
|
||||
"busTypeValue": "",
|
||||
"billState": "",
|
||||
"createTimeStart": "",
|
||||
"createTimeEnd": ""
|
||||
}
|
||||
},
|
||||
billStateList: [{
|
||||
name: "新建",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "完成",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
const aa = []
|
||||
val.forEach(element => {
|
||||
aa.push(element.sid)
|
||||
})
|
||||
this.sids = aa
|
||||
|
||||
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'doDel':
|
||||
this.doDel()
|
||||
break
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'toEdit':
|
||||
this.toEdit()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
doDel() {
|
||||
|
||||
if (this.sids.length > 0) {
|
||||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteBySids(this.sids).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条记录进行删除操作'
|
||||
})
|
||||
}
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
toEdit() {
|
||||
|
||||
if (this.selectionList.length != 1) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
|
||||
// this.viewState = 5
|
||||
// this.$refs['distributionAdd'].showEdit(this.selectionList[0])
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toInfo(row) {
|
||||
this.viewState = 4
|
||||
this.$refs['divInfo'].showEdit(row)
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
529
src/views/warehouse/outStorage/outStorageAdd.vue
Normal file
529
src/views/warehouse/outStorage/outStorageAdd.vue
Normal file
@@ -0,0 +1,529 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>{{title}}出库单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">确认</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<el-input v-model="formobj.createByName" placeholder="" class="addinputw" style="width:100%" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.createTime}}</span> -->
|
||||
<el-date-picker v-model="formobj.createTime" type="date" style="width:100%" value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.busTypeValue}}</span> -->
|
||||
<el-select v-model="formobj.busTypeValue" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="busTypeSelect">
|
||||
<el-option v-for="item in busTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item class="trightb_item">
|
||||
<!-- <span slot="label">{{formobj.supplierName}}</span> -->
|
||||
<el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column align="center" width="100" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSpuName"
|
||||
@input="commodityInput(scope.row.goodsSpuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="仓库" prop="warehouseName" align="center" />
|
||||
<el-table-column label="库位" prop="warehouseRackCode" align="center" />
|
||||
<el-table-column label="销售单价" prop="money" align="center" />
|
||||
<el-table-column label="出库数量" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" v-model="scope.row.outCount"
|
||||
@input="commodityComputeYHAndXSJE(scope.row,$event)" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" prop="moneyAll" align="center" />
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/outStorage/outStorage.js'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
title: '【新增】',
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {
|
||||
"sourceBillNo": "",
|
||||
"createByName": "",
|
||||
"busTypeKey": "",
|
||||
"busTypeValue": "",
|
||||
"billState": '新建',
|
||||
"createOrgSid": "",
|
||||
"useOrgSid": "",
|
||||
"sid": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
},
|
||||
hideUploadBtn: false,
|
||||
busTypeList: [{
|
||||
name: "业务类型1",
|
||||
sid: "0"
|
||||
},
|
||||
{
|
||||
name: "业务类型2",
|
||||
sid: "1"
|
||||
}
|
||||
],
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
inOrg: "",
|
||||
outOrg: ""
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
isUpdata: false
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
commodityInput(value) {
|
||||
this.commodityQuery.params.name = value
|
||||
this.commodityLoading = true
|
||||
req.getGoodsListPage(this.commodityQuery).then((response) => {
|
||||
if (response.success) {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = response.data.records
|
||||
this.commodityQuery.total = response.data.total
|
||||
} else {
|
||||
this.serviceLoading = false
|
||||
this.commodityData = []
|
||||
this.commodityQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
commodityDelete(index) {
|
||||
this.formobj.detailsList.splice(index, 1)
|
||||
},
|
||||
commodityCurrentChange(value, row) {
|
||||
console.log("commodityCurrentChange》》》》", value)
|
||||
console.log("commodityCurrentChange》》》》", row)
|
||||
row.inventorySid = value.inventorySid
|
||||
row.goodSpuSid = value.goodSpuSid
|
||||
row.goodsSkuSid = value.goodsSkuSid
|
||||
row.goodsSkuTitle = value.goodsSkuTitle
|
||||
row.goodsSpuName = value.goodsSpuName
|
||||
row.goodsSkuCode = value.goodsSkuCode
|
||||
row.goodsSkuOwnSpec = value.goodsSkuOwnSpec
|
||||
row.unit = value.unit
|
||||
row.warehouseSid = value.warehouseSid
|
||||
row.warehouseName = value.warehouseName
|
||||
row.warehouseRackSid = value.warehouseRackSid
|
||||
row.warehouseRackCode = value.warehouseRackCode
|
||||
row.money = value.money
|
||||
row.moneyAll = 0
|
||||
row.outCount = 0
|
||||
document.body.click()
|
||||
},
|
||||
|
||||
// 在头部标题上添加“新增”图标
|
||||
commodityHeader(h, {
|
||||
column
|
||||
}) {
|
||||
return h(
|
||||
'div',
|
||||
[
|
||||
h('span', column.label),
|
||||
h('i', {
|
||||
class: 'add-btn-icon el-icon-plus',
|
||||
style: 'color: red;font-size:20px',
|
||||
on: {
|
||||
click: this.commodityAdd // 点击执行函数
|
||||
}
|
||||
})
|
||||
]
|
||||
)
|
||||
},
|
||||
commodityAdd() {
|
||||
this.formobj.detailsList.push({
|
||||
"inventorySid": "",
|
||||
"goodSpuSid": "",
|
||||
"goodsSpuName": "",
|
||||
"goodsSkuSid": "",
|
||||
"goodsSkuTitle": "",
|
||||
"goodsSkuCode": "",
|
||||
"goodsSkuOwnSpec": "",
|
||||
"unit": "",
|
||||
"warehouseSid": "",
|
||||
"warehouseName": "",
|
||||
"warehouseRackSid": "",
|
||||
"warehouseRackCode": "",
|
||||
"money": 0,
|
||||
"moneyAll": 0,
|
||||
"outCount": 0
|
||||
})
|
||||
},
|
||||
indexMethod(index) {
|
||||
return Number(index) + 1
|
||||
},
|
||||
saveOrUpdate() {
|
||||
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
|
||||
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
|
||||
if (this.formobj.createByName == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '制单人不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.createTime == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '单据日期不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.busTypeKey == '' || this.formobj.busTypeValue == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '单据类型不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (this.formobj.detailsList.length == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '商品列表不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
for (var i = 0; i < this.formobj.detailsList.length; i++) {
|
||||
var item = this.formobj.detailsList[i]
|
||||
|
||||
|
||||
if (item.goodSpuSid == '' || item.goodsSpuName == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '商品名称不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (item.goodsSkuCode == '') {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '商品编码不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (item.outCount == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'warning',
|
||||
message: '出库数量不能为0'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.submit(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sourceBillNo": "",
|
||||
"createByName": "",
|
||||
"busTypeKey": "",
|
||||
"busTypeValue": "",
|
||||
"billState": '新建',
|
||||
"createOrgSid": "",
|
||||
"useOrgSid": "",
|
||||
"sid": "",
|
||||
"createBySid": "",
|
||||
"createTime": "",
|
||||
"remarks": "",
|
||||
"detailsList": [
|
||||
|
||||
]
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.isUpdata = false
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
this.title = "【新增】"
|
||||
this.isUpdata = false
|
||||
},
|
||||
showEdit(row) {
|
||||
this.title = "【修改】"
|
||||
this.isUpdata = true
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
},
|
||||
busTypeSelect(val) {
|
||||
const choose = this.busTypeList.filter((item) => item.sid == val)
|
||||
console.log('>>>>>>>>>busTypeSelect', choose)
|
||||
this.formobj.busTypeKey = choose[0].sid
|
||||
this.formobj.busTypeValue = choose[0].name
|
||||
|
||||
},
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
row.moneyAll = (Number(row.money) * Number(row.outCount)).toFixed(2)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
231
src/views/warehouse/outStorage/outStorageInfo.vue
Normal file
231
src/views/warehouse/outStorage/outStorageInfo.vue
Normal file
@@ -0,0 +1,231 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="tab-header webtop">
|
||||
<!-- 标题 -->
|
||||
<div>出库单</div>
|
||||
<!-- start 添加修改按钮 -->
|
||||
<div>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
<!-- end 添加修改按钮 -->
|
||||
<!-- end 详情按钮 -->
|
||||
</div>
|
||||
|
||||
<div class="listconadd">
|
||||
|
||||
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="190px" class="formadd">
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
||||
<div>基础信息</div>
|
||||
</div>
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据编号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billNo}}</span>
|
||||
<!-- <el-input v-model="formobj.name" placeholder="" class="addinputw" style="width:100%" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">制单人姓名</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createByName}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">外部单号</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.sourceBillNo}}</span>
|
||||
<!-- <el-form-item class="trightb_item">
|
||||
<el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="orderTypeSelect">
|
||||
<el-option v-for="item in orderTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据日期</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.createTime}}</span>
|
||||
<!-- <el-select v-model="GiftBagGood.goodsSkuSid" filterable clearable placeholder="请选择" style="width:100%"
|
||||
@change="businessTypeSelect">
|
||||
<el-option v-for="item in businessTypeList" :key="item.sid" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">业务类型</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.busTypeValue}}</span>
|
||||
<!-- <el-input v-model="formobj.preferentialPrice" placeholder="" class="addinputw" style="width:100%"
|
||||
clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">单据状态</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.billState}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
<!-- <el-input v-model="formobj.remarks" placeholder="" class="addinputw"
|
||||
style="width: 100%; padding-bottom: 5px;" type="textarea" :rows="4" clearable /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<div class="title"
|
||||
style="display: flex;align-items: center;justify-content: space-between;height:40px;margin-top: 10px;">
|
||||
<div>商品列表</div>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="formobj.detailsList" border style="width: 100%;"
|
||||
:row-style="{height: '40px'}">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="商品名称" prop="goodsSpuName" align="center" />
|
||||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" />
|
||||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" />
|
||||
<el-table-column label="单位" prop="unit" align="center" />
|
||||
<el-table-column label="出库数量" prop="outCount" align="center" />
|
||||
</el-table>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/outStorage/outStorage.js'
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
submitdisabled: false,
|
||||
formobj: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
indexMethod(index) {
|
||||
return index + 1
|
||||
},
|
||||
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.$emit('doback')
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
|
||||
},
|
||||
showEdit(row) {
|
||||
|
||||
var params = {
|
||||
sid: row.sid
|
||||
}
|
||||
req.init(params)
|
||||
.then(resp => {
|
||||
if (resp.success) {
|
||||
this.formobj = resp.data
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.formobj = {}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
// 隐藏上传组件
|
||||
|
||||
::v-deep .hide {
|
||||
.el-upload--picture-card {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.trightb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.trightb_item {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.span {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 50px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
border: 1px #fff solid;
|
||||
padding: 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
background-color: #0294d7;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
511
src/views/warehouse/reservationInStorage/index.vue
Normal file
511
src/views/warehouse/reservationInStorage/index.vue
Normal file
@@ -0,0 +1,511 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="预约入库" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header" :model="queryParams">
|
||||
<el-form-item label="入库类型">
|
||||
<el-select v-model="queryParams.params.documentType" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in documentTypeList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="外部编号">
|
||||
<el-input v-model="queryParams.params.externalCode" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="单据编号">
|
||||
<el-input v-model="queryParams.params.name" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库状态">
|
||||
<el-select v-model="queryParams.params.handoverStatus" placeholder="请选择">
|
||||
<el-option v-for="(item,i) in handoverStatusList" :key="i" :label="item.name" :value="item.sid">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商">
|
||||
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="运单号">
|
||||
<el-input v-model="queryParams.params.waybillNumber" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="库位">
|
||||
<el-input v-model="queryParams.params.areaName" placeholder="" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请开始日期">
|
||||
<el-date-picker v-model="queryParams.params.startDate" @change="selectTime1" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请结束日期">
|
||||
<el-date-picker v-model="queryParams.params.endDate" @change="selectTime2" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">预约入库列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column label="操作" fixed align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">商品明细</el-button>
|
||||
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">操作记录</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="applicant" width="180" label="申请人" align="center" />
|
||||
<el-table-column prop="applyDate" width="180" label="申请时间" align="center" />
|
||||
<el-table-column prop="reservationDate" width="180" label="预约时间" align="center" />
|
||||
<el-table-column prop="externalCode" width="180" label="外部编号" align="center" />
|
||||
<el-table-column prop="documentCode" width="200" label="单据编号" align="center" />
|
||||
<el-table-column prop="documentValue" width="180" label="单据类型" align="center" />
|
||||
<el-table-column prop="handoverValue" width="180" label="交接状态" align="center" />
|
||||
<el-table-column prop="handoverTime" width="180" label="交接时间" align="center" />
|
||||
<el-table-column prop="state" width="180" label="状态" align="center" />
|
||||
<el-table-column prop="warehouseName" width="200" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseAreaName" width="180" label="入库库位" align="center" />
|
||||
<el-table-column prop="supplierName" width="200" label="供应商" align="center" />
|
||||
<el-table-column prop="waybillNumber" width="180" label="运单号" align="center" />
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<!-- <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> -->
|
||||
|
||||
|
||||
<el-dialog title="商品明细" :visible.sync="dialogVisible" :before-close="handleClose">
|
||||
<el-form ref="dataForm" class="formadd" style="margin-top: -40px;" :model="formobj">
|
||||
<el-row class="first_row">
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品名称</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsName}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品编码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.goodsCode}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品条码</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.barCode}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品单位</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.unit}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品规格</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.skuCode}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">商品单价</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.price}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">预约数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.appointmentQuantity}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">实际数量</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.actualQuantity}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">预约金额</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.appointmentAmount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">实际金额</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.actualAmount}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">运费</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.freight}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">备注</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" class="trightb">
|
||||
<el-form-item class="trightb_item">
|
||||
<span slot="label">{{formobj.remarks}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
|
||||
<el-button type="primary" style="margin-top: 20px;" @click="handleClose">关 闭</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/reservationInStorage/reservationInStorage.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
// import divAdd from './brandsAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
// divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [
|
||||
// {
|
||||
// type: 'primary',
|
||||
// size: 'small',
|
||||
// icon: 'plus',
|
||||
// btnKey: 'toAdd',
|
||||
// btnLabel: '新增'
|
||||
// },
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: '',
|
||||
documentType: "",
|
||||
handoverStatus: "",
|
||||
supplierName: "",
|
||||
externalCode: "",
|
||||
documentCode: "",
|
||||
waybillNumber: "",
|
||||
areaName: "",
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
//入库类型 1 采购入库 2调拨入库 3其他入库
|
||||
documentTypeList: [{
|
||||
sid: "1",
|
||||
name: "采购入库"
|
||||
},
|
||||
{
|
||||
sid: "2",
|
||||
name: "调拨入库"
|
||||
},
|
||||
{
|
||||
sid: "3",
|
||||
name: "其他入库"
|
||||
}
|
||||
],
|
||||
//入库状态 1在途 2部分收货 3收货完成 4关闭
|
||||
handoverStatusList: [{
|
||||
sid: "1",
|
||||
name: "在途"
|
||||
},
|
||||
{
|
||||
sid: "2",
|
||||
name: "部分收货"
|
||||
},
|
||||
{
|
||||
sid: "3",
|
||||
name: "收货完成"
|
||||
},
|
||||
{
|
||||
sid: "4",
|
||||
name: "关闭"
|
||||
}
|
||||
],
|
||||
dialogVisible: false,
|
||||
formobj: {}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
toRelevancy(row) {
|
||||
// this.viewState = 3
|
||||
// this.$refs['divadd'].showEdit(row)
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.selByReservationSid(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
this.formobj = resp.data
|
||||
|
||||
this.dialogVisible = true
|
||||
}).catch(e => {
|
||||
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
loading.close()
|
||||
})
|
||||
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
selectionLineChangeHandle() {
|
||||
|
||||
},
|
||||
selectTime1() {
|
||||
|
||||
},
|
||||
selectTime2() {
|
||||
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
322
src/views/warehouse/stocktaking/index.vue
Normal file
322
src/views/warehouse/stocktaking/index.vue
Normal file
@@ -0,0 +1,322 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar ref="btnbar" view-title="盘点列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||||
{{ searchxianshitit }}
|
||||
</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form :inline="true" class="tab-header">
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker v-model="queryParams.params.createDateStart" @change="selectTime1" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期">
|
||||
<el-date-picker v-model="queryParams.params.createDateEnd" @change="selectTime2" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn" style="text-align: center;">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start 项目列表头部 -->
|
||||
<div class="listtop">
|
||||
<div class="tit">盘点列表</div>
|
||||
</div>
|
||||
<!-- End 项目列表头部 -->
|
||||
<!-- Start 项目列表 -->
|
||||
<div class="">
|
||||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
|
||||
@selection-change="selectionLineChangeHandle">
|
||||
<el-table-column fixed width="50" type="selection" align="center" />
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
|
||||
<el-table-column prop="billNo" label="单据编号" align="center" />
|
||||
<el-table-column prop="createDate" label="单据日期" align="center" />
|
||||
<el-table-column prop="createByName" label="制单人姓名" align="center" />
|
||||
<el-table-column prop="checkStateName" label="盘点状态" align="center" />
|
||||
<el-table-column prop="completeDate" label="完成时间" align="center" />
|
||||
<el-table-column prop="createOrgName" label="门店" align="center" />
|
||||
<el-table-column prop="profitCount" label="盘盈数量" align="center" />
|
||||
<el-table-column prop="profitAmount" label="盘盈金额" align="center" />
|
||||
<el-table-column prop="lossCount" label="盘亏数量" align="center" />
|
||||
<el-table-column prop="lossAmount" label="盈亏金额" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- End 项目列表 -->
|
||||
<div class="pages">
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
|
||||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End 查询和其列表部分 -->
|
||||
<!-- 新增修改部分组件 -->
|
||||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/stocktaking/stocktaking.js'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import divAdd from './stocktakingAdd.vue'
|
||||
export default {
|
||||
components: {
|
||||
ButtonBar,
|
||||
Pagination,
|
||||
pageye,
|
||||
divAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
tableLoading: false,
|
||||
dataList: [],
|
||||
btnList: [{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
},
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'edit',
|
||||
btnKey: 'toEdit',
|
||||
btnLabel: '编辑'
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"createDateStart": "",
|
||||
"createDateEnd": "",
|
||||
}
|
||||
},
|
||||
sids: [],
|
||||
selectionList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
},
|
||||
created() {
|
||||
this.loadList()
|
||||
},
|
||||
methods: {
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
}
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'toEdit':
|
||||
this.toEdit()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
this.tableLoading = true
|
||||
req.listPage(this.queryParams).then((resp) => {
|
||||
this.tableLoading = false
|
||||
if (resp.success) {
|
||||
const data = resp.data
|
||||
this.queryParams.total = data.total
|
||||
this.dataList = data.records
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
this.dataList = []
|
||||
this.queryParams.total = 0
|
||||
}
|
||||
}).catch(() => {
|
||||
this.tableLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
},
|
||||
selectTime1() {
|
||||
|
||||
},
|
||||
selectTime2() {
|
||||
|
||||
},
|
||||
|
||||
dosearch() {
|
||||
this.queryParams.current = 1
|
||||
this.loadList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
"createDateStart": "",
|
||||
"createDateEnd": "",
|
||||
}
|
||||
}
|
||||
this.loadList()
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
},
|
||||
selectionLineChangeHandle(val) {
|
||||
console.log("val", val);
|
||||
|
||||
this.selectionList = val
|
||||
|
||||
},
|
||||
toEdit(){
|
||||
if(this.selectionList.length!=1){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "请选择一条数据。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if(this.selectionList[0].checkState!=1){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: "此记录已完成,不可重复编辑。",
|
||||
showClose: true
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(this.selectionList[0])
|
||||
},
|
||||
toBuild() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
|
||||
req.exportExcel(this.queryParams.params).then((resp) => {
|
||||
loading.close()
|
||||
const blob = new Blob([resp], {
|
||||
type: 'application/vnd.ms-excel'
|
||||
})
|
||||
const fileName = '出入库明细_' + this.queryParams.params.createDateStart + '.xls'
|
||||
const elink = document.createElement('a')
|
||||
elink.download = fileName
|
||||
elink.style.display = 'nonde'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
}).catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
toRelevancy(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
},
|
||||
toRelevancyInfo(row) {
|
||||
const tip = '请确认是否删除所选品牌?'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
req.deleteGoods(row.sid).then((resp) => {
|
||||
loading.close()
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: resp.msg,
|
||||
showClose: true
|
||||
})
|
||||
this.loadList()
|
||||
} else {
|
||||
// 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
loading.close()
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
},
|
||||
enableChange(sid, state) {
|
||||
console.log('sid', sid)
|
||||
console.log('state', state)
|
||||
req.updateIsEnable(sid, state).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '状态已更新',
|
||||
showClose: true
|
||||
})
|
||||
} else { // 根据resp.code进行异常情况处理
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
412
src/views/warehouse/stocktaking/stocktakingAdd.vue
Normal file
412
src/views/warehouse/stocktaking/stocktakingAdd.vue
Normal file
@@ -0,0 +1,412 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<div class="tab-header webtop">
|
||||
<div>{{ viewTitle }}</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="settle()">盘点</el-button>
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="listconadd">
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
||||
<div
|
||||
style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 10px;">
|
||||
<div>商品列表</div>
|
||||
<div v-if="formobj.billNo!=''">单号：{{formobj.billNo}}</div>
|
||||
</div>
|
||||
|
||||
<el-table :key="commodityKey" :data="formobj.wmsInventoryCheckbillDetailList" :index="index" border
|
||||
style="width: 100%;">
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
|
||||
<el-table-column align="center" width="70" :render-header="commodityHeader">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-delete" @click="commodityDelete(scope.$index)"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" align="center" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-popover placement="right" width="900" trigger="click">
|
||||
<div>
|
||||
<el-table :data="commodityData" v-loading="commodityLoading" highlight-current-row
|
||||
@current-change="commodityCurrentChange($event, scope.row)">
|
||||
<el-table-column fixed prop="goodsSpuName" label="商品名称" align="center" />
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="型号" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
|
||||
<el-table-column prop="count" label="账面数量" align="center" />
|
||||
</el-table>
|
||||
<el-pagination :page.sync="commodityQuery.current" :page-size="commodityQuery.size"
|
||||
layout="total, pager" :total="commodityQuery.total" />
|
||||
</div>
|
||||
<el-input slot="reference" v-model="scope.row.goodsSpuName"
|
||||
@input="commodityInput(scope.row.goodsSpuName)" clearable placeholder="商品名称" />
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" />
|
||||
<el-table-column prop="carModel" label="型号" align="center" />
|
||||
<el-table-column prop="unit" label="单位" align="center" />
|
||||
<el-table-column prop="warehouseName" label="仓库" align="center" />
|
||||
<el-table-column prop="warehouseRackCode" label="货位" align="center" />
|
||||
<el-table-column prop="taxPrice" label="单价" align="center" />
|
||||
<el-table-column prop="bookCount" label="账面数量" align="center" />
|
||||
<el-table-column label="实盘数量" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input ref="focusAssumptionInput" @input="commodityComputeYHAndXSJE(scope.row,$event)"
|
||||
v-model="scope.row.realCount" clearable placeholder=""
|
||||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="state" label="状态" align="center" width="100" />
|
||||
<el-table-column prop="profitandlossNumber" label="盈亏数" align="center" width="100" />
|
||||
<el-table-column prop="profitandlossAmount" label="盈亏金额" align="center" width="100" />
|
||||
</el-table>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item><span>盘盈数量：{{ profitandNumber }} , 盘盈金额：{{ profitandPrice }} , 盘亏数量：{{ lossNumber }} ,
|
||||
盘库金额：{{ lossPrice }}</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<el-form-item><span>备注</span></el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="23">
|
||||
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="请填写备注..." /></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import req from '@/api/warehouse/stocktaking/stocktaking.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
viewTitle: '',
|
||||
viewState: 1,
|
||||
submitdisabled: false,
|
||||
settleVisible: false, //
|
||||
activeNames: '1',
|
||||
index: 0,
|
||||
|
||||
// commodity商品
|
||||
commodityKey: 1,
|
||||
commodityLoading: false,
|
||||
commodityQuery: {
|
||||
current: 1,
|
||||
size: 2,
|
||||
total: 0,
|
||||
params: {
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
commodityData: [],
|
||||
formobj: {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createDate": "",
|
||||
"createUserSid": "",
|
||||
"createByName": "",
|
||||
"checkType": "",
|
||||
"checkState": "",
|
||||
"profitCount": "",
|
||||
"profitAmount": "",
|
||||
"lossCount": "",
|
||||
"lossAmount": "",
|
||||
"useOrgSid": "",
|
||||
"createOrgName": "",
|
||||
"createOrgSid": "",
|
||||
"wmsInventoryCheckbillDetailList": []
|
||||
},
|
||||
rules: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 计算盘盈数量
|
||||
profitandNumber() {
|
||||
let quantity = 0
|
||||
if (this.formobj.wmsInventoryCheckbillDetailList.length > 0) {
|
||||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => {
|
||||
if (Number(e.bookCount) < Number(e.realCount)) {
|
||||
quantity += e.realCount - e.bookCount
|
||||
}
|
||||
})
|
||||
}
|
||||
this.formobj.profitCount = quantity
|
||||
return quantity
|
||||
},
|
||||
// 计算盘盈金额
|
||||
profitandPrice() {
|
||||
let material = 0
|
||||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => {
|
||||
if (Number(e.bookCount) < Number(e.realCount)) {
|
||||
material += (e.realCount - e.bookCount) * e.taxPrice
|
||||
}
|
||||
})
|
||||
this.formobj.profitAmount = material.toFixed(2)
|
||||
return material.toFixed(2)
|
||||
},
|
||||
// 计算盘亏数量
|
||||
lossNumber() {
|
||||
let quantity = 0
|
||||
if (this.formobj.wmsInventoryCheckbillDetailList.length > 0) {
|
||||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => {
|
||||
if (Number(e.bookCount) > Number(e.realCount)) {
|
||||
quantity += e.realCount - e.bookCount
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
this.formobj.lossCount = quantity
|
||||
|
||||
return quantity
|
||||
},
|
||||
// 计算盘亏金额
|
||||
lossPrice() {
|
||||
let material = 0
|
||||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => {
|
||||
if (Number(e.bookCount) > Number(e.realCount)) {
|
||||
material += (e.realCount - e.bookCount) * e.taxPrice
|
||||
}
|
||||
})
|
||||
|
||||
this.formobj.lossAmount = material.toFixed(2)
|
||||
|
||||
return material.toFixed(2)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
showAdd() {
|
||||
this.viewTitle = '【新增】盘点记录'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
},
|
||||
showEdit(row) {
|
||||
this.viewTitle = '【修改】盘点记录'
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_obj'].clearValidate()
|
||||
})
|
||||
req.init(row.sid).then((res) => {
|
||||
if (res.success) {
|
||||
this.formobj = res.data
|
||||
|
||||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => {
|
||||
this.commodityComputeYHAndXSJE(e, e.realCount)
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
// 在头部标题上添加“新增”图标
|
||||
commodityHeader(h, {
|
||||
column
|
||||
}) {
|
||||
return h(
|
||||
'div',
|
||||
[
|
||||
h('span', column.label),
|
||||
h('i', {
|
||||
class: 'add-btn-icon el-icon-plus',
|
||||
style: 'color: red;font-size:20px',
|
||||
on: {
|
||||
click: this.commodityAdd // 点击执行函数
|
||||
}
|
||||
})
|
||||
]
|
||||
)
|
||||
},
|
||||
commodityAdd() {
|
||||
this.formobj.wmsInventoryCheckbillDetailList.push({
|
||||
"sid": "",
|
||||
"state": "",
|
||||
"billSid": "",
|
||||
"inventorySid": "",
|
||||
"warehouseSid": "",
|
||||
"warehouseName": "",
|
||||
"warehouseRackSid": "",
|
||||
"warehouseRackCode": "",
|
||||
"taxPrice": "",
|
||||
"bookCount": "",
|
||||
"realCount": "",
|
||||
"profitandlossNumber": "",
|
||||
"profitandlossAmount": "",
|
||||
"picUrl": ""
|
||||
})
|
||||
},
|
||||
commodityInput(value) {
|
||||
this.commodityQuery.params.name = value
|
||||
this.commodityLoading = true
|
||||
req.getWarehousesGoods(this.commodityQuery).then((response) => {
|
||||
if (response.success) {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = response.data.records
|
||||
this.commodityQuery.total = response.data.total
|
||||
} else {
|
||||
this.commodityLoading = false
|
||||
this.commodityData = []
|
||||
this.commodityQuery.total = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
commodityDelete(index) {
|
||||
this.formobj.wmsInventoryCheckbillDetailList.splice(index, 1)
|
||||
},
|
||||
commodityCurrentChange(value, row) {
|
||||
row.sid = value.sid
|
||||
row.goodsName = value.goodsSpuName
|
||||
row.goodsSkuCode = value.goodsSkuCode
|
||||
row.goodsSkuOwnSpec = value.goodsSkuOwnSpec
|
||||
row.unit = value.unit
|
||||
row.warehouseName = value.warehouseName
|
||||
row.warehouseSid = value.warehouseSid
|
||||
row.warehouseRackCode = value.warehouseRackCode
|
||||
row.bookCount = value.count
|
||||
row.taxPrice = value.salesPrice
|
||||
row.realCount = ""
|
||||
row.profitandlossNumber = ""
|
||||
row.profitandlossAmount = ""
|
||||
document.body.click()
|
||||
},
|
||||
// 计算状态 盈亏数量 盈亏金额
|
||||
commodityComputeYHAndXSJE(row, val) {
|
||||
|
||||
console.log("aaa", row);
|
||||
console.log("aaa", val);
|
||||
|
||||
// 正常
|
||||
if (Number(row.bookCount) == Number(val)) {
|
||||
row.state = "正常"
|
||||
row.profitandlossNumber = "0"
|
||||
row.profitandlossAmount = "0.00"
|
||||
}
|
||||
|
||||
// 盘盈
|
||||
if (Number(row.bookCount) < Number(val)) {
|
||||
row.state = "盘盈"
|
||||
row.profitandlossNumber = val - row.bookCount
|
||||
row.profitandlossAmount = ((val - row.bookCount) * row.taxPrice).toFixed(2)
|
||||
}
|
||||
|
||||
// 盘亏
|
||||
if (Number(row.bookCount) > Number(val)) {
|
||||
row.state = "盘亏"
|
||||
row.profitandlossNumber = val - row.bookCount
|
||||
row.profitandlossAmount = ((val - row.bookCount) * row.taxPrice).toFixed(2)
|
||||
}
|
||||
|
||||
},
|
||||
saveOrUpdate() {
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.save(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
settle() {
|
||||
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.inven(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '操作成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
confirm() {
|
||||
this.$refs['form_obj'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitdisabled = true
|
||||
req.settlement(this.formobj).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: 'success',
|
||||
message: '结算成功'
|
||||
})
|
||||
this.handleReturn('true')
|
||||
} else {
|
||||
this.submitdisabled = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.submitdisabled = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleReturn(isreload) {
|
||||
if (isreload === 'true') this.$emit('reloadlist')
|
||||
this.formobj = {
|
||||
"sid": "",
|
||||
"remarks": "",
|
||||
"createBySid": "",
|
||||
"createDate": "",
|
||||
"createUserSid": "",
|
||||
"createByName": "",
|
||||
"checkType": "",
|
||||
"checkState": "",
|
||||
"profitCount": "",
|
||||
"profitAmount": "",
|
||||
"lossCount": "",
|
||||
"lossAmount": "",
|
||||
"useOrgSid": "",
|
||||
"createOrgName": "",
|
||||
"createOrgSid": "",
|
||||
"wmsInventoryCheckbillDetailList": []
|
||||
}
|
||||
this.submitdisabled = false
|
||||
this.settleVisible = false
|
||||
this.$emit('doback')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.span-sty {
|
||||
width: 130px !important;
|
||||
}
|
||||
|
||||
.addinputInfo {
|
||||
margin-left: 120px !important;
|
||||
}
|
||||
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
|
||||
margin-left: 120px !important;
|
||||
width: calc(100% - 115px);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user