zgty/zgty-mas-m
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style:样式调整

Browse Source
This commit is contained in:
houjunxiang
2025-10-11 16:25:24 +08:00
parent c8b2d8683e
commit b5aed8573a
15 changed files with 405 additions and 721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
pages/analysis/sample/sample-print.vue
View File

@@ -2,28 +2,17 @@
<view>
<navbar-back :autoBack="false" title="单据补打" @leftClick="customBack"></navbar-back>
<u-row class="content-title" gutter="16">
<u-row gutter="16">
<u-col span="4">
<view class="content-title-name">
<text>任务列表</text>
</view>
<u-gap height="5" bg-color="#0055A2"></u-gap>
</u-col>
<u-col span="8">
<view class="content-title-name">
<text>样品列表</text>
</view>
<u-gap height="5" bg-color="#0055A2"></u-gap>
</u-col>
</u-row>
<u-row class="content-main-height" gutter="16" align="top">
<!-- 左侧任务列表 -->
<u-col span="4">
<scroll-view
style="height: 75vh"
scroll-y
scroll-with-animation
class="content-main-height content-main-left"
class="content-main-left"
:scroll-top="scrollTop"
ref="menuScrollView"
>
@@ -54,29 +43,31 @@
</view>
</scroll-view>
</u-col>
<!-- 右侧样品列表 -->
<u-col span="8">
<view class="content-main-height">
<scroll-view scroll-y scroll-with-animation class="content-main-right">
<view class="content-title-name">
<text>样品列表</text>
</view>
<u-gap height="5" bg-color="#0055A2"></u-gap>
<view>
<scroll-view scroll-y scroll-with-animation style="height: calc(75vh - 60px)">
<block v-for="(sample, index) in sampleList" :key="index">
<view style="padding: 5px; font-size: 16px">
<view class="p5 fs16">
<u-row>
<u-col span="2" style="text-align: center">
<u-col span="2" class="text-center">
<view>
<text>【{{ sample.sort }}】</text>
</view>
</u-col>
<u-col span="5">
<view>
<text style="padding-left: 10px">{{ sample.sampleCode }}</text>
<text class="pl10">{{ sample.sampleCode }}</text>
</view>
<view>
<text style="padding-left: 10px">{{ sample.sampleName }}</text>
<text class="pl10">{{ sample.sampleName }}</text>
</view>
</u-col>
</u-row>
<u-line style="padding: 10rpx" color="#bbb" />
<u-line class="p5" color="#bbb" />
</view>
</block>
</scroll-view>
@@ -100,6 +91,14 @@
</view>
</u-col>
</u-row>
<u-row class="content-main-height" gutter="16" align="top">
<!-- 左侧任务列表 -->
<u-col span="4"> </u-col>
<!-- 右侧样品列表 -->
<u-col span="8"> </u-col>
</u-row>
</view>
</template>
@@ -252,22 +251,15 @@ function checkPrintConfig() {
</script>
<style lang="scss" scoped>
.content-title {
.content-title-name {
height: 50px;
width: 100%;
box-sizing: border-box;
font-size: 20px;
font-weight: 300;
}
.content-title-name {
padding: 10px;
text-align: center;
}
.content-main-height {
height: calc(100vh - 125px);
}
.content-main-left {
background-color: #f6f6f6;
}
@@ -302,17 +294,14 @@ function checkPrintConfig() {
top: 20px;
}
.content-main-right {
height: calc(100vh - 205px);
}
.content-main-right-operation {
height: 80px;
padding-top: 15px;
padding-right: 15px;
height: 50px;
padding-top: 10px;
padding-right: 10px;
}
.btn-operation {
font-size: 18px;
width: 95%;
}
</style>