|
@@ -99,54 +99,59 @@
|
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8947935ab81635fdedd8124b11e305eef66286421b69c84fef22233014a3fa9a"
|
|
|
/>
|
|
|
<div
|
|
|
- class="layer6_7 flex-row justify-between o-ptb-10 kBordBott"
|
|
|
+ class="layer6_7 flex-row justify-between o-ptb-5 kBordBott"
|
|
|
>
|
|
|
- <span class="word8 c-text-line1"
|
|
|
+ <span class="info4 o-ptb-5 kBordBott"
|
|
|
>{{ $t("device.sleepState") }}:{{
|
|
|
item.isSleep
|
|
|
? $t("device.sleeping")
|
|
|
: $t("device.notSleeping")
|
|
|
}}</span
|
|
|
>
|
|
|
- <!-- <van-switch size="24px" v-model="item.isSleep" /> -->
|
|
|
</div>
|
|
|
- <div v-if="item.isSleep" class="layer8_1 o-ptb-10">
|
|
|
+ <div v-if="item.isSleep" class="layer8_1 o-ptb-8">
|
|
|
<span class="word8_1">
|
|
|
<div v-if="!sleepDescBoxShow" >
|
|
|
- <span>{{ $t("device.sleepDesc") }}:
|
|
|
<van-field
|
|
|
+ colon
|
|
|
+ center
|
|
|
class="word8_2"
|
|
|
v-model="item.sleepDesc"
|
|
|
:placeholder="$t('device.sleepDescPlace')"
|
|
|
+ :label="$t('device.sleepDesc')"
|
|
|
+ label-width="auto"
|
|
|
>
|
|
|
- <template #button>
|
|
|
+ <template #button class="button_1">
|
|
|
<van-button
|
|
|
+
|
|
|
+ size="small"
|
|
|
type="primary"
|
|
|
@click="sleepDescChg(item.sleepDesc, item.id)"
|
|
|
>{{ $t("device.confirm") }}
|
|
|
</van-button>
|
|
|
- <van-icon name="edit" class="editIcon" @click="editSleepDesc()" />
|
|
|
+ <!-- <van-icon name="edit" class="editIcon1" @click="editSleepDesc()" /> -->
|
|
|
+ <van-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ @click="editSleepDesc()"
|
|
|
+ >{{ $t("device.cancel") }}</van-button>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
- </span>
|
|
|
+ <!-- </span> -->
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <span class="word8_3" >{{ $t("device.sleepDesc") }}:
|
|
|
- {{item.sleepDesc ==null ? $t("device.SuspendBusiness") : item.sleepDesc}}</span>
|
|
|
- <van-icon name="edit" class="editIcon" @click="editSleepDesc()" />
|
|
|
+ <span class="word8_3 o-pr-10" >{{ $t("device.sleepDesc") }}:</span>
|
|
|
+ <span class="word8_3">{{item.sleepDesc ==null ? $t("device.SuspendBusiness") : item.sleepDesc}}</span>
|
|
|
+ <van-icon name="edit" size="18" class="editIcon" @click="editSleepDesc()" />
|
|
|
</div>
|
|
|
</span>
|
|
|
</div>
|
|
|
<!-- <span class="txt5 o-ptb-10 kBordBott l-flex-RC"><span>一键重启炉头:</span>
|
|
|
<van-button type="primary">重启</van-button>
|
|
|
</span> -->
|
|
|
- <div class="word9 o-ptb-10 kBordBott l-flex-between">
|
|
|
- <span>
|
|
|
- {{ $t("device.furnHeadStatus") }}: {{
|
|
|
- item.eqeStatus === 1
|
|
|
- ? $t("device.opened")
|
|
|
- : $t("device.closed")
|
|
|
- }}
|
|
|
+ <div class="word9 o-ptb-10">
|
|
|
+ <span class="word8_3 o-pr-5" >{{ $t("device.furnHeadStatus") }}: </span>
|
|
|
+ <span>{{item.eqeStatus === 1 ? $t("device.opened") : $t("device.closed")}}
|
|
|
</span>
|
|
|
<!-- <div class="l-flex-RC">
|
|
|
<van-button type="primary">开启</van-button>
|
|
@@ -157,14 +162,16 @@
|
|
|
<van-button type="primary">开门</van-button>
|
|
|
</span> -->
|
|
|
<span class="txt5 o-ptb-8">{{ item.fullName }}</span>
|
|
|
- <span
|
|
|
- v-if="item.latitude"
|
|
|
- class="txt5 o-ptb-5 kBordBott l-flex-RC"
|
|
|
- ><span>{{ $t("device.position") }}:</span>
|
|
|
- <van-button @click="viewPosiClk(item)" type="primary">{{
|
|
|
- $t("device.view")
|
|
|
- }}</van-button>
|
|
|
- </span>
|
|
|
+ <div>
|
|
|
+ <span
|
|
|
+ v-if="item.latitude"
|
|
|
+ class="txt5 o-ptb-5 kBordBott l-flex-RC"
|
|
|
+ ><span class="txt6">{{ $t("device.position") }}:</span>
|
|
|
+ <van-button @click="viewPosiClk(item)" type="primary">{{
|
|
|
+ $t("device.view")
|
|
|
+ }}</van-button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<van-row
|
|
|
class="layer7 o-ptb-10 kBordBott"
|
|
|
justify="space-between"
|
|
@@ -904,7 +911,6 @@ export default {
|
|
|
}
|
|
|
|
|
|
.txt4 {
|
|
|
- width: 176px;
|
|
|
overflow-wrap: break-word;
|
|
|
color: rgba(64, 77, 116, 1);
|
|
|
font-size: 15px;
|
|
@@ -914,6 +920,8 @@ export default {
|
|
|
line-height: 15px;
|
|
|
display: block;
|
|
|
margin: 3px 0 0 6px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.layer2 {
|
|
@@ -945,7 +953,8 @@ export default {
|
|
|
width: 100%;
|
|
|
color: rgba(64, 77, 116, 1);
|
|
|
font-size: 14px;
|
|
|
- display: block;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.sugarTxt {
|
|
@@ -969,10 +978,14 @@ export default {
|
|
|
|
|
|
.contentBottomCon {
|
|
|
/deep/ .van-button--primary {
|
|
|
- width: auto;
|
|
|
- padding: 0 10px;
|
|
|
- height: 34px !important;
|
|
|
+ width: 50px;
|
|
|
+ padding: 0 0;
|
|
|
+ margin: 0 8px 0 0;
|
|
|
+ height: 30px !important;
|
|
|
}
|
|
|
+ .button_1 {
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
.pic1 {
|
|
|
width: 100%;
|
|
@@ -994,23 +1007,42 @@ export default {
|
|
|
|
|
|
.layer8_1 {
|
|
|
width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
|
|
|
.word8_1 {
|
|
|
+ text-overflow: ellipsis;
|
|
|
width: 100%;
|
|
|
font-size: 14px;
|
|
|
|
|
|
}
|
|
|
.word8_2 {
|
|
|
- width: 75%;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 0;
|
|
|
+
|
|
|
+ /deep/.van-field__control {
|
|
|
+ border: 0.5px solid #ccc; /* 添加边框 */
|
|
|
+ }
|
|
|
}
|
|
|
.word8_3 {
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
width: 70%;
|
|
|
}
|
|
|
|
|
|
- .editIcon {
|
|
|
+ .editIcon1 {
|
|
|
font-size: 20px;
|
|
|
color: #4d6add;
|
|
|
- }
|
|
|
+ padding: 0 0px 5px;
|
|
|
+ display: flex; /* 让元素变成弹性盒子 */
|
|
|
+ // justify-content: center; /* 水平居中 */
|
|
|
+ align-items: center; /* 垂直居中 */
|
|
|
+
|
|
|
+ }
|
|
|
+ .editIcon {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #4d6add;
|
|
|
+ padding: 0 0 0px 5px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.word9 {
|