添加睡眠描述修改功能

src/assets/language/zh.json

@@ -370,6 +370,9 @@
     "sleepState": "睡眠状态",
     "sleeping": "睡眠中",
     "notSleeping": "未睡眠",
+	"sleepDesc": "睡眠描述",
+	"confirmLog": "确定",
+	"sleepDescPlace": "请输入睡眠描述",
     "lastRefreshTime": "最近刷新时间",
     "machineUniqueCode": "机器唯一编码",
     "furnaceHeadTemperature": "炉头温度",

src/service/device/index.js

@@ -111,3 +111,7 @@ export function Api_getTApkInfo_updateApk(params) {
 export function Api_getDiscCodeStatus(params) {
   return axios.get(`/SZWL-SERVER/tEquipment/updateCouponStatus`, {params})
 }
+// 修改睡眠描述
+export function changeSleepDesc(params) {
+  return axios.get(`/SZWL-SERVER/tEquipmentDesc/updateSleepDesc`, {params})
+}

src/views/device/index.vue

@@ -110,12 +110,39 @@
                     >
                     <!-- <van-switch size="24px" v-model="item.isSleep" /> -->
                   </div>
+				  <div class="layer8_1 o-ptb-10">
+					  <span v-if="item.isSleep" class="word8_1">
+					  	<div v-if="!sleepDescBoxShow" >
+							<span>{{ $t("device.sleepDesc") }}: 
+								<van-field
+								  class="word8_2"
+								  v-model="item.sleepDesc"
+								  :placeholder="$t('device.sleepDescPlace')"
+								>
+								<template #button>
+									<van-button
+									  type="primary"
+									  @click="sleepDescChg(item.sleepDesc, item.id)"
+									  >{{ $t("device.confirmLog") }}
+									</van-button>
+									<van-icon name="edit" class="editIcon" @click="editSleepDesc()" />
+								</template>
+								</van-field>
+							</span>
+					  	</div>
+					  	<div v-else>
+					  	  <span class="word8_3" >{{ $t("device.sleepDesc") }}: 
+						  {{item.sleepDesc ==null ? "暂停营业" : item.sleepDesc}}</span>
+					  	  <van-icon name="edit" 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") }}:{{
+                      {{ $t("device.furnHeadStatus") }}: {{
                         item.eqeStatus === 1
                           ? $t("device.opened")
                           : $t("device.closed")
@@ -281,6 +308,7 @@ import {
   getDeviceList,
   eliminate,
   Api_getReplenishment,
+  changeSleepDesc,
 } from "@/service/device/index";
 import deviceSearch from "./deviceSearch.vue";
 import deviceOper from "./deviceOper.vue";
@@ -302,6 +330,8 @@ export default {
     const router = useRouter();
     const sys = ref(null);
     const user = getLoginUser();
+	//控制睡眠描述的显示隐藏
+	const sleepDescBoxShow = ref(true);
     // 页面列表查询参数
     let searchParams = reactive({
       id: "", // 用户账户id
@@ -457,6 +487,29 @@ export default {
       list.value = [];
       getList();
     };
+	// 点击修改图标
+	const editSleepDesc = () => {
+		sleepDescBoxShow.value = !sleepDescBoxShow.value;
+	}
+	// 点击睡眠描述的确定按钮
+	const sleepDescChg = async (sleepDesc, id) => {
+		console.log(sleepDesc);
+		if (!sleepDesc) {
+		  Toast(t("device.sleepDescPlace"));
+		} else {
+		  const { data } = await changeSleepDesc({
+		    equipmentId: id,
+		    sleepDesc,
+		  });
+		  if (data.code === "00000") {
+			sleepDescBoxShow.value = true;
+		    Toast(data.message);
+		    // setTimeout(() => {
+		    //   gettAdminGetRelation();
+		    // }, 500);
+		  }
+		}
+	}
     return {
       ...toRefs(searchParams),
       list,
@@ -479,6 +532,9 @@ export default {
       operFinish,
       equipStatus,
       eqeStatusClk,
+	  editSleepDesc,
+	  sleepDescBoxShow,
+	  sleepDescChg,
     };
   },
 };
@@ -933,6 +989,27 @@ export default {
               margin: 0;
             }
           }
+		  
+		  .layer8_1 {
+			  width: 100%;
+			  
+			.word8_1 {
+				width: 100%;
+				font-size: 14px;
+
+			}
+			.word8_2 {
+				width: 75%;
+			}
+			.word8_3 {
+				width: 70%;
+			}
+			
+			.editIcon {
+			  font-size: 20px;
+			  color: #4d6add;
+			}  
+		  }
 
           .word9 {
             width: 100%;