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; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 14px; font-size: 13px;
line-height: 15px; line-height: 15px;
height: 30px; height: 30px;
color: #AFBED8; color: #AFBED8;
font-weight: bold; font-weight: bold;
padding: 0 5px; /* padding: 0 5px; */
text-align: center; text-align: center;
} }
.zd-sec-th { .zd-sec-th {
@@ -223,8 +223,9 @@ uni-button{
color: #fff; color: #fff;
/* background-color: #0F1521; */ /* background-color: #0F1521; */
font-weight: bold; font-weight: bold;
padding: 0 5px; /* padding: 0 5px; */
text-align: center; text-align: center;
white-space: nowrap;
} }
.zd-td { .zd-td {
display: flex; display: flex;
@@ -234,7 +235,7 @@ uni-button{
line-height: 13px; line-height: 13px;
height: 30px; height: 30px;
color: #fff; color: #fff;
padding: 0 5px; /* padding: 0 5px; */
text-align: center; text-align: center;
border-bottom: 1px solid #7A9FE0; border-bottom: 1px solid #7A9FE0;
word-break: break-all; word-break: break-all;
@@ -246,7 +247,7 @@ uni-button{
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
line-height: 13px; line-height: 13px;
height: 30px; height: 65px;
color: #fff; color: #fff;
background-color: rgba(194, 86, 62, 0.2); background-color: rgba(194, 86, 62, 0.2);
padding: 0 5px; 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 { .pophide {
transform: translateY(180%); 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> <button class="confirm-button" @tap="toSearch">查询</button>
</view> </view>
<view class="zd-col-11 zd-row jcflexend"> <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> </view>
</view> </view>
@@ -18,58 +18,65 @@
<view class="grid-wrap"> <view class="grid-wrap">
<view class="table-wrap"> <view class="table-wrap">
<view class="zd-row zd-th-wraper"> <view class="zd-row zd-th-wraper">
<view class="zd-col-2 zd-th"><text>序号</text></view> <view class="zd-col-1 zd-th"><text>序号</text></view>
<view class="zd-col-2 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-4 zd-th"><text>EAS单号</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-3 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-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-2 zd-th"><text>操作日期</text></view>
<view class="zd-col-2 zd-th"><text>操作人</text></view>
</view> </view>
<view class="zd-td-wraper" v-for="(e, i) in dataList1" :key="e.id"> <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-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-1 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="toCheck1(e)">
<view class="zd-checkbox" :class="{'zd-checkbox_active': e.checked}"></view> <view class="zd-checkbox" :class="{'zd-checkbox_active': e.checked}"></view>
</view> </view>
<view class="zd-col-3 zd-td fontcol1" @tap.stop="toCollapse(e)"><text>{{e.code}}</text></view> <view class="zd-col-3 zd-td fontcol1" @tap.stop="toCollapse(e)"><text>{{e.djbh}}</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" @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-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.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.cjsj.substring(0, 10)}}</text></view>
<view class="zd-col-2 zd-td" @tap.stop="toCollapse(e)"><text>{{e.llr}}</text></view>
<view class="zd-col-3 zd-td" @tap.stop="toCollapse(e)"><text>{{e.cjr}}</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>
<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-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-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-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-3 zd-sec-th"><text>规格型号</text></view>
<view class="zd-col-2 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-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>
<view class="zd-row zd-td-wraper" v-for="(el, j) in dataList2" :key="el.id" @tap.stop="toCheck2(el)"> <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"><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-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.code}}</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.zzmc}}</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.ckmc}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.wlbm}}</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.wlmc}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.ckbm}}</text></view> <view class="zd-col-3 zd-sec-td"><text>{{el.ggxh}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.ckbm}}</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.jbsl}}</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.fzsl}}</text></view> <view class="zd-col-2 zd-sec-td"><text>{{el.sl}}</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.czsl}}</text></view>
<view class="zd-col-2 zd-sec-td"><text>{{el.kcsl}}</text></view>
</view> </view>
<view class="zd-row mgt10"> <view class="zd-row mgt10">
<view class="zd-col-12 zd-row jcflexstart"> <view class="zd-col-12 zd-row jcflexstart">
@@ -80,6 +87,7 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 二级表格end -->
</view> </view>
</view> </view>
<pagination v-show="dataList1.length > 0" :total="totalCount1" :page-size="queryParams1.pageSize" :current-page="currentPage1" @page-change="handlePageChange1" /> <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 v-if="type === '1'" class="pop-grid-wraper">
<view class="zd-row zd-sec-th-wraper zd-pop-th-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-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-4 zd-sec-th"><text>物料编号</text></view>
<view class="zd-col-5 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-5 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> </view>
<view class="zd-row zd-td-wraper" v-for="(ele, t) in dataList3" :key="ele.id"> <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-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-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-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"> <view class="zd-col-5 zd-sec-td zd-pop-td">
<scan-input <scan-input
v-model="ele.kwbm" v-model="ele.kwbm"
@@ -157,6 +165,7 @@
pkObj: {}, pkObj: {},
checkArr1: [], checkArr1: [],
disabled1: false, disabled1: false,
btnActive1: false,
totalCount1: 0, totalCount1: 0,
queryParams1:{ queryParams1:{
pageSize: 10, pageSize: 10,
@@ -165,7 +174,7 @@
currentPage1: 1, currentPage1: 1,
totalCount2: 0, totalCount2: 0,
queryParams2:{ queryParams2:{
pageSize: 5, pageSize: 10,
pageNum: 1 pageNum: 1
}, },
currentPage2: 1, currentPage2: 1,
@@ -252,9 +261,9 @@
this._easOutInBillDetailPage() this._easOutInBillDetailPage()
}, },
toCollapse (e) { toCollapse (e) {
this.pkId = this.pkId === e.id ? '' : e.id this.pkId = this.pkId === e.djid ? '' : e.djid
this.pkObj = this.pkId === e.id ? e : {} this.pkObj = this.pkId === e.djid ? e : {}
if (this.pkId === e.id) { if (this.pkId === e.djid) {
this.queryParams2 = { this.queryParams2 = {
pageSize: 10, pageSize: 10,
pageNum: 1 pageNum: 1
@@ -266,11 +275,16 @@
toCheck1 (e) { toCheck1 (e) {
e.checked = !e.checked e.checked = !e.checked
let arr = this.dataList1.filter(el => el.checked === true) 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 () { async toSure () {
this.disabled1 = true this.disabled1 = true
if (this.checkArr1.length === 0) { if (this.checkArr1.length === 0 || this.btnActive1) {
this.disabled1 = false this.disabled1 = false
return return
} }