root/pad-nl-three-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

出入库页面样式、需求

Browse Source
This commit is contained in:
caill
2024-04-22 15:41:43 +08:00
parent fa393b8fd1
commit 0bf7671733
3 changed files with 62 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
common/style/layout.css
View File

@@ -205,12 +205,12 @@ uni-button{
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 13px;
line-height: 15px;
height: 30px;
color: #AFBED8;
font-weight: bold;
padding: 0 5px;
/* padding: 0 5px; */
text-align: center;
}
.zd-sec-th {
@@ -223,8 +223,9 @@ uni-button{
color: #fff;
/* background-color: #0F1521; */
font-weight: bold;
padding: 0 5px;
/* padding: 0 5px; */
text-align: center;
white-space: nowrap;
}
.zd-td {
display: flex;
@@ -234,7 +235,7 @@ uni-button{
line-height: 13px;
height: 30px;
color: #fff;
padding: 0 5px;
/* padding: 0 5px; */
text-align: center;
border-bottom: 1px solid #7A9FE0;
word-break: break-all;
@@ -246,7 +247,7 @@ uni-button{
align-items: center;
font-size: 12px;
line-height: 13px;
height: 30px;
height: 65px;
color: #fff;
background-color: rgba(194, 86, 62, 0.2);
padding: 0 5px;

3
common/style/reset.css
View File

@@ -155,4 +155,7 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re
}
.pophide {
transform: translateY(180%);
}
.scale8 {
transform: scale(0.8)
}

92
pages/management/in-storage.vue
View File

@@ -10,7 +10,7 @@
<button class="confirm-button" @tap="toSearch">查询</button>
</view>
<view class="zd-col-11 zd-row jcflexend">
<button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0}" :disabled="disabled1" @tap="toSure">单据审核</button>
<button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0 || btnActive1}" :disabled="disabled1" @tap="toSure">单据审核</button>
</view>
</view>
</view>
@@ -18,58 +18,65 @@
<view class="grid-wrap">
<view class="table-wrap">
<view class="zd-row zd-th-wraper">
<view class="zd-col-2 zd-th"><text>序号</text></view>
<view class="zd-col-2 zd-th"><text>选择</text></view>
<view class="zd-col-3 zd-th"><text>入库单号</text></view>
<view class="zd-col-4 zd-th"><text>EAS单号</text></view>
<view class="zd-col-1 zd-th"><text>序号</text></view>
<view class="zd-col-1 zd-th"><text>选择</text></view>
<view class="zd-col-3 zd-th"><text>出(入)库单号</text></view>
<view class="zd-col-3 zd-th"><text>组织名称</text></view>
<view class="zd-col-2 zd-th"><text>状态</text></view>
<view class="zd-col-3 zd-th"><text>去向</text></view>
<view class="zd-col-3 zd-th"><text>入库日期</text></view>
<view class="zd-col-2 zd-th"><text>领料人</text></view>
<view class="zd-col-3 zd-th"><text>仓库名称</text></view>
<view class="zd-col-2 zd-th"><text>制单日期</text></view>
<view class="zd-col-3 zd-th"><text>制单人</text></view>
<view class="zd-col-2 zd-th"><text>业务日期</text></view>
<view class="zd-col-2 zd-th"><text>操作日期</text></view>
<view class="zd-col-2 zd-th"><text>操作人</text></view>
</view>
<view class="zd-td-wraper" v-for="(e, i) in dataList1" :key="e.id">
<view class="zd-row" :class="{'zd-td-checked': pkId === e.id}">
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{i+1}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCheck1(e)">
<view class="zd-col-1 zd-td" @tap.stop="toCollapse(e)"><text>{{i+1}}</text></view>
<view class="zd-col-1 zd-td" @tap.stop="toCheck1(e)">
<view class="zd-checkbox" :class="{'zd-checkbox_active': e.checked}"></view>
</view>
<view class="zd-col-3 zd-td fontcol1" @tap.stop="toCollapse(e)"><text>{{e.code}}</text></view>
<view class="zd-col-4 zd-td" @tap.stop="toCollapse(e)"><text>{{e.djbh}}</text></view>
<view class="zd-col-3 zd-td fontcol1" @tap.stop="toCollapse(e)"><text>{{e.djbh}}</text></view>
<view class="zd-col-3 zd-td" @tap.stop="toCollapse(e)"><text>{{e.zzmc}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text class="fontbg1">{{e.djzt}}</text></view>
<view class="zd-col-3 zd-td" @tap.stop="toCollapse(e)"><text>{{e.ckmc}}</text></view>
<view class="zd-col-3 zd-td" @tap.stop="toCollapse(e)"><text>{{e.cksj}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.llr}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.cjsj.substring(0, 10)}}</text></view>
<view class="zd-col-3 zd-td" @tap.stop="toCollapse(e)"><text>{{e.cjr}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.ywrq.substring(0, 10)}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.update_time}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.update_name}}</text></view>
</view>
<view v-show="pkId === e.id" class="zd-sec-wraper">
<!-- 二级表格start -->
<view v-show="pkId === e.djid" class="zd-sec-wraper">
<view class="zd-row zd-sec-th-wraper">
<view class="zd-col-1 zd-sec-th"><text>序号</text></view>
<view class="zd-col-1 zd-sec-th"><text>选择</text></view>
<view class="zd-col-2 zd-sec-th"><text>入库单号</text></view>
<view class="zd-col-2 zd-sec-th"><text>明细编号</text></view>
<view class="zd-col-2 zd-sec-th"><text>存货编号</text></view>
<view class="zd-col-2 zd-sec-th"><text>组织名称</text></view>
<view class="zd-col-2 zd-sec-th"><text>仓库名称</text></view>
<view class="zd-col-2 zd-sec-th"><text>物料编号</text></view>
<view class="zd-col-3 zd-sec-th"><text>物料名称</text></view>
<view class="zd-col-2 zd-sec-th"><text>推荐库位</text></view>
<view class="zd-col-2 zd-sec-th"><text>实际库位</text></view>
<view class="zd-col-2 zd-sec-th"><text>已入数量</text></view>
<view class="zd-col-2 zd-sec-th"><text>物料名称</text></view>
<view class="zd-col-3 zd-sec-th"><text>规格型号</text></view>
<view class="zd-col-1 zd-sec-th"><text>单位</text></view>
<view class="zd-col-2 zd-sec-th"><text>库位</text></view>
<view class="zd-col-2 zd-sec-th"><text>数量</text></view>
<view class="zd-col-3 zd-sec-th"><text>单据日期</text></view>
<view class="zd-col-2 zd-sec-th"><text>已入(出)数量</text></view>
<view class="zd-col-2 zd-sec-th"><text>库存</text></view>
</view>
<view class="zd-row zd-td-wraper" v-for="(el, j) in dataList2" :key="el.id" @tap.stop="toCheck2(el)">
<view class="zd-col-1 zd-sec-td"><text>{{j+1}}</text></view>
<view class="zd-col-1 zd-sec-td"><view class="zd-checkbox" :class="{'zd-checkbox_active': el.checked}"></view></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.djbh}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.zzbm}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.kwbm}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.code}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.zzmc}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.ckmc}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.wlbm}}</text></view>
<view class="zd-col-3 zd-sec-td"><text>{{el.wlmc}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.ckbm}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.ckbm}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.jbsl}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.fzsl}}</text></view>
<view class="zd-col-3 zd-sec-td"><text>{{el.cksj}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.wlmc}}</text></view>
<view class="zd-col-3 zd-sec-td"><text>{{el.ggxh}}</text></view>
<view class="zd-col-1 zd-sec-td"><text>{{el.jldw}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.kwbm}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.sl}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.czsl}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.kcsl}}</text></view>
</view>
<view class="zd-row mgt10">
<view class="zd-col-12 zd-row jcflexstart">
@@ -80,6 +87,7 @@
</view>
</view>
</view>
<!-- 二级表格end -->
</view>
</view>
<pagination v-show="dataList1.length > 0" :total="totalCount1" :page-size="queryParams1.pageSize" :current-page="currentPage1" @page-change="handlePageChange1" />
@@ -89,17 +97,17 @@
<view v-if="type === '1'" class="pop-grid-wraper">
<view class="zd-row zd-sec-th-wraper zd-pop-th-wraper">
<view class="zd-col-2 zd-sec-th"><text>序号</text></view>
<view class="zd-col-4 zd-sec-th"><text>出库单号</text></view>
<view class="zd-col-4 zd-sec-th"><text>物料编号</text></view>
<view class="zd-col-5 zd-sec-th"><text>物料名称</text></view>
<view class="zd-col-4 zd-sec-th"><text>推荐库位</text></view>
<view class="zd-col-5 zd-sec-th"><text>实际库位</text></view>
<view class="zd-col-4 zd-sec-th"><text>数量</text></view>
</view>
<view class="zd-row zd-td-wraper" v-for="(ele, t) in dataList3" :key="ele.id">
<view class="zd-col-2 zd-sec-td zd-pop-td"><text>{{t+1}}</text></view>
<view class="zd-col-4 zd-sec-td zd-pop-td"><text>{{ele.djbh}}</text></view>
<view class="zd-col-4 zd-sec-td zd-pop-td"><text>{{ele.wlbm}}</text></view>
<view class="zd-col-5 zd-sec-td zd-pop-td"><text>{{ele.wlmc}}</text></view>
<view class="zd-col-4 zd-sec-td zd-pop-td"><text>{{ele.tjkw}}</text></view>
<view class="zd-col-5 zd-sec-td zd-pop-td">
<scan-input
v-model="ele.kwbm"
@@ -157,6 +165,7 @@
pkObj: {},
checkArr1: [],
disabled1: false,
btnActive1: false,
totalCount1: 0,
queryParams1:{
pageSize: 10,
@@ -165,7 +174,7 @@
currentPage1: 1,
totalCount2: 0,
queryParams2:{
pageSize: 5,
pageSize: 10,
pageNum: 1
},
currentPage2: 1,
@@ -252,9 +261,9 @@
this._easOutInBillDetailPage()
},
toCollapse (e) {
this.pkId = this.pkId === e.id ? '' : e.id
this.pkObj = this.pkId === e.id ? e : {}
if (this.pkId === e.id) {
this.pkId = this.pkId === e.djid ? '' : e.djid
this.pkObj = this.pkId === e.djid ? e : {}
if (this.pkId === e.djid) {
this.queryParams2 = {
pageSize: 10,
pageNum: 1
@@ -266,11 +275,16 @@
toCheck1 (e) {
e.checked = !e.checked
let arr = this.dataList1.filter(el => el.checked === true)
this.checkArr1 = arr.map(el => {return el.id})
this.checkArr1 = arr.map(el => {return el.djid})
if (arr.length === 1) {
this.btnActive1 = arr[0].djzt === '提交' ? true : false
} else {
this.btnActive1 = false
}
},
async toSure () {
this.disabled1 = true
if (this.checkArr1.length === 0) {
if (this.checkArr1.length === 0 || this.btnActive1) {
this.disabled1 = false
return
}