From ad35c277126be599a249fd7607bcf43f993af6ab Mon Sep 17 00:00:00 2001 From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU> Date: 星期一, 29 九月 2025 11:01:22 +0800 Subject: [PATCH] 添加滚动条 --- pages/index.vue | 114 ++++++++++++++++++++++++++++++-------------------------- 1 files changed, 61 insertions(+), 53 deletions(-) diff --git a/pages/index.vue b/pages/index.vue index dc9bddd..660a916 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -178,59 +178,67 @@ style="padding: 7px 46px;width: 650px;"></superwei-combox> </view> </view> - <view class="section card"> - <uni-table ref="table" type="selection" border stripe emptyText="鏆傛棤鏇村鏁版嵁" - @selection-change="selectionChange"> - <uni-tr> - <uni-th align="center" class="th" style="color: #FFFFFF">宸ュ簭</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF">宸ュ崟鍙�</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF">浜у搧缂栫爜</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF">浜у搧鍚嶇О</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF">瑙勬牸</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸茬敓浜ф暟閲�</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">鏈敓浜ф暟閲�</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">娲惧伐鏁伴噺</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸ュ崟鏁伴噺</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸ュ崟鐘舵��</uni-th> - <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">鎶ュ伐浜�</uni-th> - </uni-tr> - <uni-tr v-for="(item, index) in tableData" :key="index"> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--宸ュ簭--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa001" /> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa002" /> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--浜у搧鍚嶇О--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--瑙勬牸--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--宸茬敓浜ф暟閲�--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" :value="(item.daa008 || 0) - (item.daa011 || 0)" /><!--鏈敓浜ф暟閲�--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--娲惧伐鏁伴噺--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--宸ュ崟鏁伴噺--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--宸ュ崟鐘舵��--> - </uni-td> - <uni-td align="center"> - <input class="form-input" disabled="true" type="text" v-model="item.staffName" /><!--鎶ュ伐浜�--> - </uni-td> - </uni-tr> - </uni-table> - </view> + + <div style="height: 400px; overflow: auto;"> + <table> + + <view class="section card"> + <uni-table ref="table" type="selection" border stripe emptyText="鏆傛棤鏇村鏁版嵁" + @selection-change="selectionChange"> + <uni-tr> + <uni-th align="center" class="th" style="color: #FFFFFF">宸ュ簭</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF">宸ュ崟鍙�</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF">浜у搧缂栫爜</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF">浜у搧鍚嶇О</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF">瑙勬牸</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸茬敓浜ф暟閲�</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">鏈敓浜ф暟閲�</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">娲惧伐鏁伴噺</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸ュ崟鏁伴噺</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">宸ュ崟鐘舵��</uni-th> + <uni-th align="center" class="th" style="color: #FFFFFF;width: 100px;">鎶ュ伐浜�</uni-th> + </uni-tr> + <uni-tr v-for="(item, index) in tableData" :key="index"> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--宸ュ簭--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa001" /> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa002" /> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--浜у搧鍚嶇О--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--瑙勬牸--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--宸茬敓浜ф暟閲�--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" :value="(item.daa008 || 0) - (item.daa011 || 0)" /><!--鏈敓浜ф暟閲�--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--娲惧伐鏁伴噺--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--宸ュ崟鏁伴噺--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--宸ュ崟鐘舵��--> + </uni-td> + <uni-td align="center"> + <input class="form-input" disabled="true" type="text" v-model="item.staffName" /><!--鎶ュ伐浜�--> + </uni-td> + </uni-tr> + </uni-table> + </view> + + </table> + </div> + <view class="bottom-section"> <button class="save-btn" @click="save">淇濆瓨閫夋嫨</button> <button class="cancel-btn" @click="isShow = !isShow">鍙栨秷</button> -- Gitblit v1.9.3