.
This commit is contained in:
parent
3231706250
commit
96e878c2fc
@ -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.
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user