修复页面无法撑开
parent
d7941db749
commit
91c75b6700
|
|
@ -39,12 +39,66 @@
|
||||||
<!---->
|
<!---->
|
||||||
<view class="film-roller">
|
<view class="film-roller">
|
||||||
<tn-subsection :list="filmRollerList"
|
<tn-subsection :list="filmRollerList"
|
||||||
current="2"
|
:current="current"
|
||||||
:bold="true"
|
:bold="true"
|
||||||
|
@change="switchTab"
|
||||||
:height="80"></tn-subsection>
|
:height="80"></tn-subsection>
|
||||||
|
<swiper class="swiper" :current="current" :acceleration="true" @change="change">
|
||||||
|
<swiper-item v-for="item in filmRollerList"
|
||||||
|
:key="item">
|
||||||
|
<view >
|
||||||
|
<view class="param-setting">
|
||||||
|
<tn-button @click="showSelect=true">参考温度：{{ result }}
|
||||||
|
<uni-icons type="down"/>
|
||||||
|
</tn-button>
|
||||||
|
<!-- <button class="cu-btn line-cyan round shadow" @click="showSelect=true">参考温度：{{ result }}</button>-->
|
||||||
|
<tn-button class="param-dialog">参数设置弹窗</tn-button>
|
||||||
|
</view>
|
||||||
|
<!-- F8F7F8-->
|
||||||
|
<view class="condition-content">
|
||||||
|
|
||||||
|
<tn-list-cell v-for="(item, index) in conditionList[condition[current]]"
|
||||||
|
:key="index" :index="index" padding="10rpx"
|
||||||
|
:unlined="true" backgroundColor="#F8F7F8" :radius="true">
|
||||||
|
<view class="message">
|
||||||
|
<view class="message__left">
|
||||||
|
<tn-avatar shape="square" size="lg" src="https://resource.tuniaokj.com/images/avatar/xiaomai1.jpg"></tn-avatar>
|
||||||
|
</view>
|
||||||
|
<view class="message__middle" @click="changeTime('start')">
|
||||||
|
<view class="message__name">运行时间开始</view>
|
||||||
|
<view class="message__content tn-text-ellipsis">{{ item.startTime }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="message__middle" @click="changeTime('end')">
|
||||||
|
<view class="message__name">运行时间终止</view>
|
||||||
|
<view class="message__content tn-text-ellipsis">{{ item.endTime }}</view>
|
||||||
|
</view>
|
||||||
|
<!-- <tn-button backgroundColor="#01BEFF" :plain="true" class="message__right" width="150rpx" height="100rpx"-->
|
||||||
|
<!-- :fontSize="40" shape="icon" margin="10rpx 10rpx">-->
|
||||||
|
<tn-button :shadow="true" class="message__right" width="150rpx" height="100rpx"
|
||||||
|
:fontSize="40" shape="icon" margin="10rpx 10rpx">
|
||||||
|
<view class="message__name">温度</view>
|
||||||
|
<view class="message__content tn-text-ellipsis">{{ item.temp }}℃</view>
|
||||||
|
</tn-button>
|
||||||
|
<tn-button :shadow="true" class="message__right" width="150rpx" height="100rpx"
|
||||||
|
:fontSize="40" shape="icon" margin="10rpx 10rpx">
|
||||||
|
<view class="message__name">风口</view>
|
||||||
|
<view class="message__content tn-text-ellipsis">{{ item.vent }}%</view>
|
||||||
|
</tn-button>
|
||||||
|
</view>
|
||||||
|
</tn-list-cell>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="add-term" @click="addTerm">
|
||||||
|
<uni-icons color="var(--cyan)" type="plus" size="40"/>
|
||||||
|
<text>添加条件</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</uni-section>
|
</uni-section>
|
||||||
|
<tn-select title="请选择数据" :safeAreaInsetBottom="true" :searchShow="false" v-model="showSelect" mode="single" :list="tempList" @confirm="confirmTemp"></tn-select>
|
||||||
|
|
||||||
<uni-popup ref="inputDialog" mode="center">
|
<uni-popup ref="inputDialog" mode="center">
|
||||||
<!-- 新增：修改运行时间的弹窗 -->
|
<!-- 新增：修改运行时间的弹窗 -->
|
||||||
|
|
@ -172,6 +226,7 @@ export default {
|
||||||
// 优化：声明响应式变量 connected
|
// 优化：声明响应式变量 connected
|
||||||
connected: false,
|
connected: false,
|
||||||
imei: '',
|
imei: '',
|
||||||
|
current: 0,
|
||||||
// 新增：限位时间配置
|
// 新增：限位时间配置
|
||||||
limitTimes: {
|
limitTimes: {
|
||||||
jbkLimit: 0,
|
jbkLimit: 0,
|
||||||
|
|
@ -185,11 +240,47 @@ export default {
|
||||||
jm3kLimit: 0,
|
jm3kLimit: 0,
|
||||||
jm3gLimit: 0
|
jm3gLimit: 0
|
||||||
},
|
},
|
||||||
filmRollerList:['卷膜1',"卷膜2","卷膜3"]
|
filmRollerList:["卷膜1", "卷膜2", "卷膜3"],
|
||||||
|
tempList: [
|
||||||
|
{
|
||||||
|
value: '1',
|
||||||
|
label: '温度1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '2',
|
||||||
|
label: '温度2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '3',
|
||||||
|
label: '温度3'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '4',
|
||||||
|
label: '温度4'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
showSelect:false,
|
||||||
|
result: "请选择",
|
||||||
|
condition:["jm1", "jm2", "jm3"],
|
||||||
|
conditionList: {
|
||||||
|
"jm1": [],
|
||||||
|
"jm2": [],
|
||||||
|
"jm3": [],
|
||||||
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
change(e) {
|
||||||
|
this.current =e.detail.current
|
||||||
|
},
|
||||||
|
switchTab(e) {
|
||||||
|
this.current=e.index
|
||||||
|
},
|
||||||
|
confirmTemp(event) {
|
||||||
|
this.result = event[0]['label']
|
||||||
|
console.info(`选择温度：${event[0]['label']}`)
|
||||||
|
},
|
||||||
refresh() {
|
refresh() {
|
||||||
this.showFlag = !((store.getters && store.getters.name !== 'admin') && this.$auth.hasRole("test"))
|
this.showFlag = !((store.getters && store.getters.name !== 'admin') && this.$auth.hasRole("test"))
|
||||||
this.getAgriByImei();
|
this.getAgriByImei();
|
||||||
|
|
@ -404,6 +495,14 @@ export default {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
addTerm() {
|
||||||
|
this.conditionList[this.condition[this.current]].push({
|
||||||
|
startTime: '请选择时间',
|
||||||
|
endTime: '请选择时间',
|
||||||
|
temp: '选择',
|
||||||
|
vent: '选择'
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -626,5 +725,73 @@ export default {
|
||||||
.film-roller {
|
.film-roller {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
}
|
}
|
||||||
|
.swiper {
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 2rpx solid rgb(248, 241, 241);
|
||||||
|
border-top: 0;
|
||||||
|
//height: 800rpx;
|
||||||
|
border-bottom-left-radius: 10rpx;
|
||||||
|
border-bottom-right-radius: 10rpx;
|
||||||
|
box-shadow: 8rpx 5rpx 10rpx rgb(233, 231, 239);
|
||||||
|
padding-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-term {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; /* 垂直居中 */
|
||||||
|
gap: 4px; /* 图标和文字之间的间距 */
|
||||||
|
justify-content: center; /* 内部元素水平居中（可选） */
|
||||||
|
//padding: 10px 20px;
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #42b3ff;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
//border: 1px solid var(--cyan);
|
||||||
|
//border-radius: 8px;
|
||||||
|
//background-color: #fff;
|
||||||
|
}
|
||||||
|
.param-setting {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.param-dialog {
|
||||||
|
margin-left: auto; /* 自动填充左侧空间，将按钮推到最右侧 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.condition-content {
|
||||||
|
margin: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tn-list-cell {
|
||||||
|
box-shadow: 8rpx 5rpx 10rpx #D9D9D9;
|
||||||
|
//border: 2rpx solid #D9D9D9;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
.message {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.message__left {
|
||||||
|
flex:1;
|
||||||
|
}
|
||||||
|
.message__middle {
|
||||||
|
text-align: center;
|
||||||
|
flex: 4;
|
||||||
|
}
|
||||||
|
.message__right {
|
||||||
|
flex: 2;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
}
|
||||||
|
.message__name {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #838383;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
.message__content {
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -567,7 +567,6 @@ export default {
|
||||||
.card {
|
.card {
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: calc(100vh - var(--window-top, 0px) - 100rpx);
|
|
||||||
}
|
}
|
||||||
.switch-row {
|
.switch-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue