列表样式

This commit is contained in:
2023-05-10 10:49:00 +08:00
parent 89618b56b1
commit 41bfeb3c09
5 changed files with 315 additions and 13 deletions

View File

@@ -1,3 +1,4 @@
/** 平板尺寸960*600 **/
page {
background-color: #f6f6f6 !important;
min-height: 100% !important;
@@ -112,40 +113,72 @@ uni-button:after {
padding: 0 15px 15px 15px;
overflow-y: scroll;
}
.grid-table{
.grid-wrap .grid-table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px #e1e1e1;
text-align: center;
}
.grid-table thead tr th{
.grid-wrap .grid-table thead tr th{
font-size: 15px;
line-height: 18px;
padding: 5px 5px;
background-color: #e1e1e1;
}
.grid-table thead tr th:first-child{
.grid-wrap .grid-table thead tr th:first-child{
border-top-left-radius: 12px;
}
.grid-table thead tr th:last-child{
.grid-wrap .grid-table thead tr th:last-child{
border-top-right-radius: 12px;
}
.grid-table th, .grid-table td {
.grid-wrap .grid-table th, .grid-table td {
color: #464646;
background-color: #fff;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.grid-table th:first-child, .grid-table td:first-child{
.grid-wrap .grid-table th:first-child, .grid-table td:first-child{
border-left: 1px solid #e1e1e1;
}
.grid-table td {
.grid-wrap .grid-table td {
/* height: 35px; */
line-height: 18px;
font-size: 15px;
padding: 5px 5px;
}
.slide_new {
width: 100%;
height: 100%;
overflow-y: auto;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.zd_wrapper .grid-table {
table-layout: fixed;
width: auto;
min-width: 100%;
}
.zd_wrapper .grid-table td, .zd_wrapper .grid-table th {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.zd_wrapper .grid-table td:first-child, .zd_wrapper .grid-table th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 101;
}
.zd_wrapper .grid-table thead tr th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
}
.status-wrap {
width: 100%;
height: 35px;

View File

@@ -132,7 +132,7 @@
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {instStatusQuery, instPageQuery, instOperation, taskType} from '@/utils/getData1.js'
import {dateFtt} from '@/utils//utils.js'
import {dateFtt} from '@/utils/utils.js'
export default {
components: {
NavBar,

View File

@@ -33,8 +33,10 @@
</view> -->
</view>
<view class="confirm-button-wrap">
<button class="confirm-button" @tap="toSearch">查询</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">确认</button>
<button class="confirm-button" @tap="toSearch">添加盘点物料</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">删除一行</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">生成盘点单</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">盘点作业</button>
</view>
</view>
<view class="grid-wrap">
@@ -42,9 +44,14 @@
<thead>
<tr>
<th>选择</th>
<th>缓存线编码</th>
<th>缓存线位置编码</th>
<th>料箱码</th>
<th>序号</th>
<th>盘点库区</th>
<th>盘点货位</th>
<th>物料号</th>
<th>物料名称</th>
<th>数量</th>
<th>单重(g)</th>
<th>载具号</th>
</tr>
</thead>
<tbody>

View File

@@ -0,0 +1,262 @@
<template>
<view class="content">
<nav-bar title="半成品盘点查询"></nav-bar>
<view class="search-confirm-wrap">
<view class="search-wrap">
<view class="search-item">
<label class="search-label">仓库</label>
<view class="filter_input_wraper">
<uni-data-select v-model="index1" :localdata="options1" @change="selectChange1"></uni-data-select>
</view>
</view>
<view class="search-item">
<label class="search-label">开始日期</label>
<view class="filter_input_wraper">
<input type="text" class="search-input-l" v-model="startDate" @click="open1">
</view>
</view>
<view class="search-item">
<label class="search-label">结束日期</label>
<view class="filter_input_wraper">
<input type="text" class="search-input-l" v-model="endDate" @click="open2">
</view>
</view>
<view class="search-item">
<label class="search-label">业务类型</label>
<view class="filter_input_wraper">
<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
</view>
</view>
<view class="search-item">
<label class="search-label">物料</label>
<view class="filter_input_wraper">
<input type="text" class="search-input-l" v-model="val1" placeholder="编号/名称">
</view>
</view>
<view class="search-item">
<label class="search-label">载具号</label>
<view class="filter_input_wraper">
<input type="text" class="search-input-l" v-model="val1">
</view>
</view>
<view class="search-item">
<label class="search-label">货位号</label>
<view class="filter_input_wraper">
<input type="text" class="search-input-l" v-model="val1">
</view>
</view>
<!-- <view class="search-item search-item-btns">
<button class="confirm-button" @tap="toSearch">查询</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1}" :disabled="disabled" @tap="toSure">确认</button>
</view> -->
</view>
<view class="confirm-button-wrap">
<button class="confirm-button" @tap="toSearch">查询</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">下发</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">盘点确认</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">实盘为准</button>
<button class="confirm-button" :class="{'confirm-button_disabled': !pkId || !index2 || !val1 || !index3}" :disabled="disabled" @tap="toSure">账务为准</button>
</view>
</view>
<view class="grid-wrap zd_wrapper">
<view class="slide_new">
<table class="grid-table">
<thead>
<tr>
<th>选择</th>
<th>序号</th>
<th>盘点仓位</th>
<th>载具号</th>
<th>物料号</th>
<th>物料名称</th>
<th>数量</th>
<th>盘点数量</th>
<th>单重(g)</th>
<th>是否异常</th>
<th>盘点状态</th>
<th>盘点站台</th>
<th>下发状态</th>
<th>单据号</th>
<th>业务类型</th>
<th>创建人</th>
<th>创建时间</th>
</tr>
</thead>
<tbody>
<tr v-for="e in dataList" :key="e.position_code" @click="toRadio(e)">
<td>
<view class="iconfont icon-check" :class="{'icon-checked': pkId === e.position_code}"></view>
</td>
<td>{{e.cacheline_code}}</td>
<td>{{e.position_code}}</td>
<td>{{e.vehicle_code}}</td>
<td></td>
<td>{{e.cacheline_code}}</td>
<td>{{e.position_code}}</td>
<td>{{e.vehicle_code}}</td>
<td></td>
<td>{{e.cacheline_code}}</td>
<td>{{e.position_code}}</td>
<td>{{e.vehicle_code}}</td>
<td></td>
<td>{{e.cacheline_code}}</td>
<td>{{e.position_code}}</td>
<td>{{e.vehicle_code}}</td>
<td></td>
</tr>
</tbody>
</table>
</view>
</view>
<view>
<uni-calendar
ref="calendar1"
:insert="false"
:date="startDate"
@confirm="confirm1"
/>
</view>
<view>
<uni-calendar
ref="calendar2"
:insert="false"
:date="endDate"
@confirm="confirm2"
/>
</view>
</view>
</template>
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {getCacheLine, inOutExceptionInstQuery, inOutExceptionInstConfirm} from '@/utils/getData2.js'
import {dateFtt} from '@/utils/utils.js'
export default {
components: {
NavBar,
SearchBox
},
data() {
return {
startDate: dateFtt(new Date()),
endDate: dateFtt(new Date(new Date().setDate(new Date().getDate() + 1))),
options1: [{text: 'A1', value: 'A1'}, {text: 'A2', value: 'A2'}],
index1: 'A1',
options2: [],
index2: '',
options3: [{text: '对接位', value: '1'}, {text: '准备位', value: '2'}],
index3: '1',
val1: '',
dataList: [{position_code: '1', vehicle_code: 'djlfjjljlkllkllldf', cacheline_code: 'jfjldfjl'}, {position_code: '2', vehicle_code: 'djlfjldf', cacheline_code: 'jfjldfjl'}],
pkId: '',
disabled: false
};
},
created() {
},
methods: {
open1(){
this.$refs.calendar1.open()
},
confirm1(e) {
var compare = Date.parse(new Date(e.fulldate)) - Date.parse(new Date(this.endDate))
if (compare < 0) {
this.startDate = e.fulldate
}
},
open2(){
this.$refs.calendar2.open()
},
confirm2(e) {
var compare = Date.parse(new Date(e.fulldate)) - Date.parse(new Date(this.startDate))
if (compare > 0) {
this.endDate = e.fulldate
}
},
/** 选择器1 */
selectChange1(e) {
this.index1 = e
if (this.index1) {
this._getCacheLine(e)
}
this.index2 = ''
},
/** 选择器2 */
selectChange2(e) {
this.index2 = e
},
/** 选择器3 */
selectChange3(e) {
this.index3 = e
},
toSearch () {
this.dataList = []
this.pkId = ''
this._inOutExceptionInstQuery()
},
async _getCacheLine (id) {
let res = await getCacheLine(id)
this.options2 = [...res]
},
async _inOutExceptionInstQuery () {
let res = await inOutExceptionInstQuery(this.index2)
this.dataList = [...res]
},
async toSure () {
this.disabled = true
if (!this.pkId) {
uni.showToast({
title: '请选择',
icon: 'none'
})
this.disabled = false
return
}
if (!this.index2) {
uni.showToast({
title: '请选择缓存线',
icon: 'none'
})
this.disabled = false
return
}
if (!this.index3) {
uni.showToast({
title: '请选择位置类型',
icon: 'none'
})
this.disabled = false
return
}
if (!this.val1) {
uni.showToast({
title: '请扫满箱码',
icon: 'none'
})
this.disabled = false
return
}
try {
let res = await inOutExceptionInstConfirm(this.index2, this.val1, this.pkId, this.index3)
this.disabled = false
this.toSearch()
uni.showToast({
title: res.message,
icon: 'none'
})
} catch (e) {
this.disabled = false
}
},
toRadio (e) {
this.pkId = this.pkId === e.position_code ? '' : e.position_code
}
}
}
</script>
<style lang="stylus" scoped>
.grid-wrap
height: calc(100% - 237px); /** 42+ 15*6+ 35*3 */
</style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB