root/hht-tongbo-two
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

空轴配送样式优化，返回顶部

Browse Source
This commit is contained in:
caill
2024-05-11 16:34:39 +08:00
parent 8cf9876348
commit 932a5a31be
2 changed files with 44 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/ProductManage/ZjDelivery.vue
View File

@@ -27,14 +27,21 @@
/> />
</view> </view>
</view> </view>
<view class="filter_item"> <view class="zd-row mgb10">
<view class="filter_label_wraper"> <view class="zd-col-19">
<span class="filter_label">载具码</span> <view class="filter_item">
<view class="filter_label_wraper">
<span class="filter_label">载具码</span>
</view>
<view class="filter_input_wraper">
<search-box
v-model="val1"
/>
</view>
</view>
</view> </view>
<view class="filter_input_wraper"> <view class="zd-col-4">
<search-box <button class="btn-submit btn-success" @tap="_queryMaterialInfo">查询</button>
v-model="val1"
/>
</view> </view>
</view> </view>
<view class="filter_item"> <view class="filter_item">
@@ -47,9 +54,6 @@
/> />
</view> </view>
</view> </view>
<view class="zd-row">
<button class="zd-col-22 btn-submit btn-success letter-30" @tap="_queryMaterialInfo">查询</button>
</view>
</view> </view>
<view class="zd_wrapper grid-wraper"> <view class="zd_wrapper grid-wraper">
<view class="slide_new"> <view class="slide_new">
@@ -57,7 +61,7 @@
<thead> <thead>
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>选择</th> <th class="th_2">选择</th>
<th>气涨轴</th> <th>气涨轴</th>
<th>机台编号</th> <th>机台编号</th>
<th>分切组</th> <th>分切组</th>
@@ -75,9 +79,9 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(e, i) in dataList" :key="i" :class="{'checked': e.checked}"> <tr v-for="(e, i) in dataList" :key="i" :class="{'checked': e.checked}" @tap="toCheck(e)">
<td>{{Number(i) + 1}}</td> <td>{{Number(i) + 1}}</td>
<td><span class="iconfont icon_unchecked" :class="{'icon_checked': e.checked}" @tap="toCheck(e)">&#xe66b;</span></td> <td class="td_2"><span class="iconfont icon_unchecked" :class="{'icon_checked': e.checked}">&#xe66b;</span></td>
<td>{{e.qzzno}}</td> <td>{{e.qzzno}}</td>
<td>{{e.point_code}}</td> <td>{{e.point_code}}</td>
<td>{{e.split_group}}</td> <td>{{e.split_group}}</td>
@@ -320,14 +324,4 @@
} }
} }
} }
</script> </script>
<style lang="stylus">
.slide_new table td:first-child, .slide_new table th:first-child
width 92rpx
.slide_new table td:nth-child(2), .slide_new table th:nth-child(2)
position sticky
left 89rpx
z-index 102
box-shadow 1px 0 2px rgba(0,0,0,.12)
</style>

51
pages/SecondPhase/slitting/ZjDelivery.vue
View File

@@ -27,14 +27,21 @@
/> />
</view> </view>
</view> </view>
<view class="filter_item"> <view class="zd-row mgb10">
<view class="filter_label_wraper"> <view class="zd-col-19">
<span class="filter_label">载具码</span> <view class="filter_item">
<view class="filter_label_wraper">
<span class="filter_label">载具码</span>
</view>
<view class="filter_input_wraper">
<search-box
v-model="val1"
/>
</view>
</view>
</view> </view>
<view class="filter_input_wraper"> <view class="zd-col-4">
<search-box <button class="btn-submit btn-success" @tap="_queryMaterialInfo">查询</button>
v-model="val1"
/>
</view> </view>
</view> </view>
<view class="filter_item"> <view class="filter_item">
@@ -47,9 +54,6 @@
/> />
</view> </view>
</view> </view>
<view class="zd-row">
<button class="zd-col-22 btn-submit btn-success letter-30" @tap="_queryMaterialInfo">查询</button>
</view>
</view> </view>
<view class="zd_wrapper grid-wraper"> <view class="zd_wrapper grid-wraper">
<view class="slide_new"> <view class="slide_new">
@@ -57,7 +61,7 @@
<thead> <thead>
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>选择</th> <th class="th_2">选择</th>
<th>气涨轴</th> <th>气涨轴</th>
<th>机台编号</th> <th>机台编号</th>
<th>分切组</th> <th>分切组</th>
@@ -75,9 +79,9 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(e, i) in dataList" :key="i" :class="{'checked': e.checked}"> <tr v-for="(e, i) in dataList" :key="i" :class="{'checked': e.checked}" @tap="toCheck(e)">
<td>{{Number(i) + 1}}</td> <td>{{Number(i) + 1}}</td>
<td><span class="iconfont icon_unchecked" :class="{'icon_checked': e.checked}" @tap="toCheck(e)">&#xe66b;</span></td> <td class="td_2"><span class="iconfont icon_unchecked" :class="{'icon_checked': e.checked}">&#xe66b;</span></td>
<td>{{e.qzzno}}</td> <td>{{e.qzzno}}</td>
<td>{{e.point_code}}</td> <td>{{e.point_code}}</td>
<td>{{e.split_group}}</td> <td>{{e.split_group}}</td>
@@ -105,20 +109,24 @@
<button class="zd-col-4 btn-submit btn-success" :class="{'btn-info': !checkArr.length || !val3}" :disabled="disabled2" @tap="_shippingConfirm">配送确认</button> <button class="zd-col-4 btn-submit btn-success" :class="{'btn-info': !checkArr.length || !val3}" :disabled="disabled2" @tap="_shippingConfirm">配送确认</button>
<button class="zd-col-4 btn-submit btn-success" :class="{'btn-info': !val3 || checkArr.length > 0}" :disabled="disabled3" @tap="_returnVehicle">载具送回</button> <button class="zd-col-4 btn-submit btn-success" :class="{'btn-info': !val3 || checkArr.length > 0}" :disabled="disabled3" @tap="_returnVehicle">载具送回</button>
</view> </view>
<up-top ref="UT" :scrollTop="top"></up-top>
</view> </view>
</template> </template>
<script> <script>
import NavBar from '@/components/NavBar.vue' import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue' import SearchBox from '@/components/SearchBox.vue'
import UpTop from '@/components/upTop.vue'
import {queryProductArea, queryDeviceByarea, queryMaterialInfo3, needVehicle, shippingConfirm, returnVehicle, shippingCheck, acrossVehicle} from '@/utils/getData2.js' import {queryProductArea, queryDeviceByarea, queryMaterialInfo3, needVehicle, shippingConfirm, returnVehicle, shippingCheck, acrossVehicle} from '@/utils/getData2.js'
export default { export default {
components: { components: {
NavBar, NavBar,
SearchBox SearchBox,
UpTop
}, },
data() { data() {
return { return {
top: 0,
val1: '', val1: '',
val2: '', val2: '',
val3: '', val3: '',
@@ -136,6 +144,9 @@
checkArr: [] checkArr: []
}; };
}, },
onPageScroll(e) {
this.$refs.UT.topData(e.scrollTop)
},
created () { created () {
this._queryProductArea() this._queryProductArea()
this._queryMaterialInfo() this._queryMaterialInfo()
@@ -320,14 +331,4 @@
} }
} }
} }
</script> </script>
<style lang="stylus">
.slide_new table td:first-child, .slide_new table th:first-child
width 92rpx
.slide_new table td:nth-child(2), .slide_new table th:nth-child(2)
position sticky
left 89rpx
z-index 102
box-shadow 1px 0 2px rgba(0,0,0,.12)
</style>