空轴套管样式优化,返回顶部

This commit is contained in:
2024-05-11 16:24:20 +08:00
parent 19e798f42e
commit 8cf9876348
2 changed files with 16 additions and 29 deletions

View File

@@ -54,7 +54,7 @@
<thead>
<tr>
<th>序号</th>
<th>选择</th>
<th class="th_2">选择</th>
<th>子卷号</th>
<th>机台编号</th>
<th>分切组</th>
@@ -71,9 +71,9 @@
</tr>
</thead>
<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><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.container_name}}</td>
<td>{{e.point_code}}</td>
<td>{{e.split_group}}</td>
@@ -276,14 +276,4 @@
}
}
}
</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>
</script>

View File

@@ -54,7 +54,7 @@
<thead>
<tr>
<th>序号</th>
<th>选择</th>
<th class="th_2">选择</th>
<th>子卷号</th>
<th>机台编号</th>
<th>分切组</th>
@@ -71,9 +71,9 @@
</tr>
</thead>
<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><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.container_name}}</td>
<td>{{e.point_code}}</td>
<td>{{e.split_group}}</td>
@@ -100,20 +100,24 @@
<button class="zd-col-6 btn-submit btn-success" :class="{'btn-info': !checkArr.length || !val2}" :disabled="disabled" @tap="_casingConfirm">套轴确认</button>
<button class="zd-col-4 btn-submit btn-success" @tap="searchList">查询</button>
</view>
<up-top ref="UT" :scrollTop="top"></up-top>
</view>
</template>
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import UpTop from '@/components/upTop.vue'
import {queryProductArea, queryDeviceByarea, queryMaterialInfo2, casingConfirm, casingOutConfirm, casingWearConfirm} from '@/utils/getData2.js'
export default {
components: {
NavBar,
SearchBox
SearchBox,
UpTop
},
data() {
return {
top: 0,
val1: '',
val2: '',
val4: '',
@@ -139,6 +143,9 @@
disabled2: false
};
},
onPageScroll(e) {
this.$refs.UT.topData(e.scrollTop)
},
created () {
this._queryProductArea()
},
@@ -276,14 +283,4 @@
}
}
}
</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>
</script>