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

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> <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>
@@ -71,9 +71,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.container_name}}</td> <td>{{e.container_name}}</td>
<td>{{e.point_code}}</td> <td>{{e.point_code}}</td>
<td>{{e.split_group}}</td> <td>{{e.split_group}}</td>
@@ -277,13 +277,3 @@
} }
} }
</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>

View File

@@ -54,7 +54,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>
@@ -71,9 +71,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.container_name}}</td> <td>{{e.container_name}}</td>
<td>{{e.point_code}}</td> <td>{{e.point_code}}</td>
<td>{{e.split_group}}</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-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> <button class="zd-col-4 btn-submit btn-success" @tap="searchList">查询</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, queryMaterialInfo2, casingConfirm, casingOutConfirm, casingWearConfirm} from '@/utils/getData2.js' import {queryProductArea, queryDeviceByarea, queryMaterialInfo2, casingConfirm, casingOutConfirm, casingWearConfirm} 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: '',
val4: '', val4: '',
@@ -139,6 +143,9 @@
disabled2: false disabled2: false
}; };
}, },
onPageScroll(e) {
this.$refs.UT.topData(e.scrollTop)
},
created () { created () {
this._queryProductArea() this._queryProductArea()
}, },
@@ -277,13 +284,3 @@
} }
} }
</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>