This commit is contained in:
王丹 2025-01-22 10:31:53 +08:00
parent 3231706250
commit 96e878c2fc
4 changed files with 115 additions and 31 deletions

View File

@ -34,38 +34,60 @@
<view>出水口<span>1-1</span></view> <view>出水口<span>1-1</span></view>
<view>阀门三通阀</view> <view>阀门三通阀</view>
</view> </view>
<view class="check-box"> <uni-forms-item>
<uni-forms-item> <view class="check-box">
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobbys" /> <uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
</uni-forms-item> :localdata="open1" />
</view> <text>轮灌组1</text>
</view>
<view class="check-box">
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
:localdata="open2" />
<text>轮灌组1</text>
</view>
<view class="check-box">
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
:localdata="open3" />
<text>轮灌组1</text>
</view>
</uni-forms-item>
</view> </view>
<view class="greybar-box"> <view class="greybar-box">
<view class="title"> <view class="title">
<view>出水口<span>1-2</span></view> <view>出水口<span>1-1</span></view>
<view>阀门多通阀</view> <view>阀门通阀</view>
</view> </view>
<view class="check-box"> <uni-forms-item>
<uni-forms-item> <view class="check-box">
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobby" /> <uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
</uni-forms-item> :localdata="open1" />
</view> <text>轮灌组1</text>
</view><view class="greybar-box"> </view>
<view class="check-box">
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
:localdata="open2" />
<text>轮灌组1</text>
</view>
<view class="check-box">
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
:localdata="open3" />
<text>轮灌组1</text>
</view>
<view class="check-box">
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
:localdata="open4" />
<text>轮灌组1</text>
</view>
</uni-forms-item>
</view>
<view class="greybar-box">
<view class="title"> <view class="title">
<view>出水口<span>1-3</span></view> <view>出水口<span>1-3</span></view>
<view>阀门多通阀</view> <view>阀门多通阀</view>
</view> </view>
<view class="check-box"> <view class="no-data">
<uni-forms-item> <view class="iconfont icon-wbd"></view>未绑定阀门
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobby" />
</uni-forms-item>
</view> </view>
</view><view class="greybar-box">
<view class="title">
<view>出水口<span>1-3</span></view>
<view>阀门多通阀</view>
</view>
<view class="no-data"><view class="iconfont icon-wbd"></view>未绑定阀门</view>
</view> </view>
</view> </view>
</uni-forms> </uni-forms>
@ -74,7 +96,7 @@
</uni-collapse> </uni-collapse>
</view> </view>
<view class="bottom-btn"> <view class="bottom-btn">
<u-button type="success" size="large" text="下一组" @click="" /> <u-button type="success" size="large" text="下一组" @click="" />
</view> </view>
</template> </template>
@ -86,6 +108,23 @@
baseFormData: { baseFormData: {
hobby: [4], hobby: [4],
}, },
open1: [{
text: '1开',
value: 0
}],
open2: [{
text: '2开',
value: 0
}],
open3: [{
text: '3开',
value: 0
}],
open4: [{
text: '4开',
value: 0
}],
// //
hobbys: [{ hobbys: [{
text: '①开', text: '①开',
@ -126,13 +165,53 @@
uni-page-body { uni-page-body {
padding-bottom: 38px !important; padding-bottom: 38px !important;
} }
::v-deep .uni-forms-item__content {
display: flex;
flex: none;
width: 100%;
.check-box {
padding: 10px 0;
flex: 1;
display: flex;
align-items: center;
flex-direction: column;
text {
font-size: 12px;
}
.uni-data-checklist {
.checklist-group {
width: fit-content !important;
padding: 0;
.checklist-box.is--tag.is-checked {
background-color: #39ac4f;
border-color: #39ac4f;
}
.checklist-box {
padding: 5px 15px;
margin: 0;
}
}
}
}
}
// //
::v-deep .uni-forms { ::v-deep .uni-forms {
padding: 0 !important; padding: 0 !important;
} }
::v-deep .uni-forms-item__label { ::v-deep .uni-forms-item__label {
min-width: 0px !important; min-width: 0px !important;
} }
.uni-forms-item { .uni-forms-item {
margin-bottom: 0; margin-bottom: 0;
} }
@ -142,7 +221,8 @@
} }
::v-deep .uni-data-checklist .checklist-group .checklist-box { ::v-deep .uni-data-checklist .checklist-group .checklist-box {
flex: 1;margin-right: 0px; flex: 1;
margin-right: 0px;
} }
::v-deep .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text { ::v-deep .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text {

File diff suppressed because one or more lines are too long

Binary file not shown.

View File

@ -280,7 +280,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20px 10px; padding: 5px 0;
color: #a6a6a6; color: #a6a6a6;
font-size: 16px; font-size: 16px;
} }