maochaoying
2 years ago
3 changed files with 962 additions and 18 deletions
@ -0,0 +1,815 @@ |
|||
<template> |
|||
<div class="update_device_container"> |
|||
<div class="row_wrap"> |
|||
<p class="title">注射蠕动泵速率(g/min)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
v-model="sprayLiquidConfigVal" |
|||
:clickable="true" |
|||
:formatter="formatter7" |
|||
readonly |
|||
@click.stop="hideClickKey(2)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒停止过氧化氢浓度(ppm)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
v-model="stoped_gs" |
|||
:clickable="true" |
|||
:formatter="formatter1" |
|||
readonly |
|||
@click.stop="hideClickKey(3)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒继续过氧化氢浓度(ppm)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
v-model="continued_gs" |
|||
:clickable="true" |
|||
:formatter="formatter2" |
|||
readonly |
|||
@click.stop="hideClickKey(4)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒停止相对湿度(%RH)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
v-model="stoped_humi" |
|||
:clickable="true" |
|||
:formatter="formatter9" |
|||
readonly |
|||
@click.stop="hideClickKey(9)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒继续相对湿度(%RH)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
v-model="continued_humi" |
|||
:clickable="true" |
|||
:formatter="formatter10" |
|||
readonly |
|||
@click.stop="hideClickKey(10)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒停止过氧化氢相对饱和度(%RS)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
:formatter="formatter3" |
|||
v-model="stoped_satur" |
|||
:clickable="true" |
|||
readonly |
|||
@click.stop="hideClickKey(5)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">消毒继续过氧化氢相对饱和度(%RS)</p> |
|||
<p class="num"> |
|||
<van-field |
|||
type="number" |
|||
:formatter="formatter4" |
|||
v-model="continued_satur" |
|||
:clickable="true" |
|||
readonly |
|||
@click.stop="hideClickKey(6)" |
|||
/> |
|||
</p> |
|||
</div> |
|||
<div class="row_wrap" @click="showLogPicker"> |
|||
<p class="title">Log等级</p> |
|||
<div class="num"> |
|||
<p class="log">{{ logVal }}</p> |
|||
</div> |
|||
</div> |
|||
<div class="row_wrap"> |
|||
<p class="title">配方名称</p> |
|||
<div> |
|||
<input |
|||
id="id_formula" |
|||
type="text" |
|||
v-model="formula_id" |
|||
class="formula_input" |
|||
placeholder="请输入配方名称" |
|||
@focus="handleShowKeyBoard" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<van-number-keyboard |
|||
v-model="addLiquidConfigVal" |
|||
:title="addLiquidConfigVal" |
|||
:show="addLiquidConfigValShow" |
|||
@input="val => handleInput(val, 1)" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@close="setAddliquidVal" |
|||
@blur="addLiquidConfigValShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="sprayLiquidConfigVal" |
|||
@input="val => handleInput(val, 2)" |
|||
:title="sprayLiquidConfigVal" |
|||
:show="sprayLiquidConfigValShow" |
|||
theme="custom" |
|||
@close="setSprayLiquidVal" |
|||
close-button-text="配置" |
|||
@blur="sprayLiquidConfigValShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="stoped_gs" |
|||
@input="val => handleInput(val, 3)" |
|||
:title="stoped_gs" |
|||
:show="stoped_gsShow" |
|||
theme="custom" |
|||
@close="setStopedGsVal" |
|||
close-button-text="配置" |
|||
@blur="stoped_gsShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="continued_gs" |
|||
@input="val => handleInput(val, 4)" |
|||
:title="continued_gs" |
|||
@close="setcontinuedGsVal" |
|||
:show="continued_gsShow" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@blur="continued_gsShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="stoped_satur" |
|||
@input="val => handleInput(val, 5)" |
|||
:title="stoped_satur" |
|||
@close="setstopedSaturVal" |
|||
:show="stoped_saturShow" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@blur="stoped_saturShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="continued_satur" |
|||
@input="val => handleInput(val, 6)" |
|||
:title="continued_satur" |
|||
@close="setContinuedSaturVal" |
|||
:show="continued_saturShow" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@blur="continued_saturShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
v-model="max_humidity" |
|||
@input="val => handleInput(val, 7)" |
|||
:title="max_humidity" |
|||
@close="setMaxHumidityVal" |
|||
:show="max_humidityShow" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@blur="max_humidityShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@input="val => handleInput(val, 8)" |
|||
@close="setHeat_timeVal" |
|||
v-model="pre_heat_time_s" |
|||
:title="pre_heat_time_s" |
|||
:show="pre_heat_time_sShow" |
|||
@blur="pre_heat_time_sShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
@input="val => handleInput(val, 9)" |
|||
theme="custom" |
|||
close-button-text="配置" |
|||
@close="setstoped_humiVal" |
|||
v-model="stoped_humi" |
|||
:title="stoped_humi" |
|||
:show="stoped_humiShow" |
|||
@blur="stoped_humiShow = false" |
|||
/> |
|||
<van-number-keyboard |
|||
theme="custom" |
|||
@input="val => handleInput(val, 10)" |
|||
close-button-text="配置" |
|||
@close="setcontinued_humiVal" |
|||
v-model="continued_humi" |
|||
:title="continued_humi" |
|||
:show="continued_humiShow" |
|||
@blur="continued_humiShow = false" |
|||
/> |
|||
<LogPicker |
|||
v-if="logVisible" |
|||
:hiddenLogVisible="hiddenLogVisible" |
|||
:changeLogVal="changeLogVal" |
|||
:logVal="logVal" |
|||
/> |
|||
<div class="btns"> |
|||
<div class="btn" @click="save">保存</div> |
|||
<div class="btn ml" @click="hiddleSettingModal">返回</div> |
|||
</div> |
|||
<div class="key_wrap" v-if="showkeyboard" id="keyboard_formula"> |
|||
<SimpleKeyboard @onChange="onChange" :input="formula_id" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref, onMounted, watch } from 'vue' |
|||
import SimpleKeyboard from 'cpns/SimpleKeyboard' |
|||
import { showSuccessToast, showFailToast } from 'vant' |
|||
import { |
|||
useSettingStore, |
|||
useWebSocketStore, |
|||
useOperatorStore, |
|||
useFormulaStore, |
|||
} from '@/store' |
|||
import { storeToRefs } from 'pinia' |
|||
import { |
|||
setSettingValJSON, |
|||
addFormulaJSON, |
|||
getAllFormulaJSON, |
|||
} from '@/mock/command' |
|||
import LogPicker from 'cpns/dialogs/LogPicker' |
|||
|
|||
const settingStore = useSettingStore() |
|||
const webSocketStore = useWebSocketStore() |
|||
const operatorStore = useOperatorStore() |
|||
const formulaStore = useFormulaStore() |
|||
|
|||
const { currentFormula } = storeToRefs(formulaStore) |
|||
|
|||
const max_humidity = ref('0') |
|||
const continued_satur = ref('0') |
|||
const stoped_satur = ref('0') |
|||
const continued_gs = ref('0') |
|||
const stoped_gs = ref('0') |
|||
const addLiquidConfigVal = ref('0') |
|||
const sprayLiquidConfigVal = ref('0') |
|||
const stoped_humi = ref('0') |
|||
const continued_humi = ref('0') |
|||
const pre_heat_time_s = ref('0') |
|||
|
|||
const pre_heat_time_sShow = ref(false) |
|||
const addLiquidConfigValShow = ref(false) |
|||
const sprayLiquidConfigValShow = ref(false) |
|||
const stoped_gsShow = ref(false) |
|||
const continued_gsShow = ref(false) |
|||
const stoped_saturShow = ref(false) |
|||
const continued_saturShow = ref(false) |
|||
const max_humidityShow = ref(false) |
|||
const stoped_humiShow = ref(false) |
|||
const continued_humiShow = ref(false) |
|||
|
|||
watch(currentFormula, (newValue, oldValue) => { |
|||
stoped_gs.value = newValue?.stoped_gs |
|||
continued_gs.value = newValue?.continued_gs |
|||
stoped_satur.value = newValue?.stoped_satur |
|||
continued_satur.value = newValue?.continued_satur |
|||
stoped_humi.value = newValue?.stoped_humi |
|||
continued_humi.value = newValue?.continued_humi |
|||
injection_pump_speed.value = newValue?.injection_pump_speed |
|||
}) |
|||
|
|||
const logVisible = ref(false) |
|||
const logVal = ref('6') |
|||
|
|||
const formula_id = ref('') |
|||
const save = () => { |
|||
if (formula_id.value == '') { |
|||
showFailToast('配方名称不能为空') |
|||
return |
|||
} |
|||
// const data = { |
|||
// formula_id: formula_id.value, |
|||
// loglevel: logVal.value, |
|||
// injection_pump_speed: sprayLiquidConfigVal.value, |
|||
// stoped_gs: stoped_gs.value, |
|||
// continued_gs: continued_gs.value, |
|||
// stoped_satur: stoped_satur.value, |
|||
// continued_satur: continued_satur.value, |
|||
// stoped_humi: stoped_humi.value, |
|||
// continued_humi: continued_humi.value, |
|||
// } |
|||
// console.log(data) |
|||
// webSocketStore.sendCommandMsg(addFormulaJSON(data)) |
|||
// webSocketStore.sendCommandMsg(getAllFormulaJSON) |
|||
props.hideSettingModal() |
|||
} |
|||
|
|||
const changeLogVal = val => { |
|||
logVal.value = val |
|||
logVisible.value = false |
|||
} |
|||
const hiddenLogVisible = () => { |
|||
logVisible.value = false |
|||
} |
|||
const showLogPicker = () => { |
|||
logVisible.value = true |
|||
} |
|||
|
|||
const isFirstClick = ref(true) |
|||
|
|||
const props = defineProps({ |
|||
hideSettingModal: { |
|||
type: Function, |
|||
}, |
|||
}) |
|||
|
|||
const hiddleSettingModal = () => { |
|||
props.hideSettingModal() |
|||
} |
|||
|
|||
const hideClickKey = flag => { |
|||
isFirstClick.value = true |
|||
stoped_humiShow.value = false |
|||
continued_humiShow.value = false |
|||
pre_heat_time_sShow.value = false |
|||
addLiquidConfigValShow.value = false |
|||
sprayLiquidConfigValShow.value = false |
|||
stoped_gsShow.value = false |
|||
continued_gsShow.value = false |
|||
stoped_saturShow.value = false |
|||
continued_saturShow.value = false |
|||
max_humidityShow.value = false |
|||
if (flag == 1) { |
|||
addLiquidConfigValShow.value = true |
|||
} |
|||
if (flag == 2) { |
|||
sprayLiquidConfigValShow.value = true |
|||
} |
|||
if (flag == 3) { |
|||
stoped_gsShow.value = true |
|||
} |
|||
if (flag == 4) { |
|||
continued_gsShow.value = true |
|||
} |
|||
if (flag == 5) { |
|||
stoped_saturShow.value = true |
|||
} |
|||
if (flag == 6) { |
|||
continued_saturShow.value = true |
|||
} |
|||
if (flag == 7) { |
|||
max_humidityShow.value = true |
|||
} |
|||
if (flag == 8) { |
|||
pre_heat_time_sShow.value = true |
|||
} |
|||
if (flag == 9) { |
|||
stoped_humiShow.value = true |
|||
} |
|||
if (flag == 10) { |
|||
continued_humiShow.value = true |
|||
} |
|||
} |
|||
|
|||
const handleInput = (value, index) => { |
|||
if (isFirstClick.value) { |
|||
if (index == 1) { |
|||
setTimeout(() => { |
|||
addLiquidConfigVal.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 2) { |
|||
setTimeout(() => { |
|||
sprayLiquidConfigVal.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 3) { |
|||
setTimeout(() => { |
|||
stoped_gs.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 4) { |
|||
setTimeout(() => { |
|||
continued_gs.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 5) { |
|||
setTimeout(() => { |
|||
stoped_satur.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 6) { |
|||
setTimeout(() => { |
|||
continued_satur.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 7) { |
|||
setTimeout(() => { |
|||
max_humidity.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 8) { |
|||
setTimeout(() => { |
|||
pre_heat_time_s.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 9) { |
|||
setTimeout(() => { |
|||
stoped_humi.value = value + '' |
|||
}) |
|||
} |
|||
if (index == 10) { |
|||
setTimeout(() => { |
|||
continued_humi.value = value + '' |
|||
}) |
|||
} |
|||
isFirstClick.value = false |
|||
} |
|||
} |
|||
|
|||
const formatter1 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter(item => item.name == 'stoped_gs') |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter2 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'continued_gs', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter3 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'stoped_satur', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter4 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'continued_satur', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter5 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'max_humidity', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter6 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'drainage_pump_speed', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter7 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'injection_pump_speed', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter8 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'pre_heat_time_s', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter9 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'stoped_humi', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const formatter10 = value => { |
|||
if (parseInt(value) == 0) { |
|||
return '0' |
|||
} |
|||
let arr = settingStore.allSettingList.filter( |
|||
item => item.name == 'continued_humi', |
|||
) |
|||
if (arr && arr.length > 0) { |
|||
if (parseInt(value) > arr[0].val_upper_limit) { |
|||
return arr[0].val_upper_limit + '' |
|||
} |
|||
if (parseInt(value) < arr[0].val_lower_limit) { |
|||
return arr[0].val_lower_limit + '' |
|||
} |
|||
} |
|||
return value.replace(/^0+/gi, '') |
|||
} |
|||
|
|||
const setAddliquidVal = () => { |
|||
const val = parseInt(addLiquidConfigVal.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setStopedGsVal = () => { |
|||
const val = parseInt(stoped_gs.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setcontinuedGsVal = () => { |
|||
const val = parseInt(continued_gs.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setstopedSaturVal = () => { |
|||
const val = parseInt(stoped_satur.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setContinuedSaturVal = () => { |
|||
const val = parseInt(continued_satur.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setMaxHumidityVal = () => { |
|||
const val = parseInt(max_humidity.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setHeat_timeVal = () => { |
|||
const val = parseInt(pre_heat_time_s.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setstoped_humiVal = () => { |
|||
const val = parseInt(stoped_humi.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setcontinued_humiVal = () => { |
|||
const val = parseInt(continued_humi.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const setSprayLiquidVal = () => { |
|||
const val = parseInt(sprayLiquidConfigVal.value) |
|||
if (isNaN(val)) { |
|||
showFailToast('设置失败,请填写正确参数') |
|||
return |
|||
} |
|||
} |
|||
|
|||
const showkeyboard = ref(false) |
|||
const onChange = a => { |
|||
formula_id.value = a |
|||
} |
|||
const handleShowKeyBoard = () => { |
|||
showkeyboard.value = true |
|||
} |
|||
|
|||
onMounted(() => { |
|||
document.addEventListener('click', e => { |
|||
let box = document.getElementById('keyboard_formula') |
|||
let room = document.getElementById('id_formula') |
|||
if (!box?.contains(e.target) && e.target != room) { |
|||
showkeyboard.value = false |
|||
} |
|||
}) |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.update_device_container { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 580px; |
|||
display: grid; |
|||
overflow: hidden; |
|||
grid-template-columns: repeat(2, 1fr); |
|||
row-gap: 20px; |
|||
column-gap: 20px; |
|||
padding: 20px; |
|||
padding-bottom: 180px; |
|||
position: relative; |
|||
.btns { |
|||
position: absolute; |
|||
right: 20px; |
|||
bottom: 20px; |
|||
width: 300px; |
|||
height: 68px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
.btn { |
|||
width: 111px; |
|||
height: 38px; |
|||
border-radius: 19px; |
|||
background: #06518b; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-family: Source Han Sans CN; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: 0.1em; |
|||
color: #ffffff; |
|||
} |
|||
.ml { |
|||
margin-left: 20px; |
|||
} |
|||
} |
|||
.row_wrap { |
|||
// width: 726px; |
|||
height: 80px; |
|||
border-radius: 14px; |
|||
background: #f6f6f6; |
|||
box-sizing: border-box; |
|||
padding: 0 18px 0 40px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
.title { |
|||
font-family: Zona Pro; |
|||
white-space: nowrap; |
|||
font-size: 20px; |
|||
font-weight: normal; |
|||
letter-spacing: 0.06em; |
|||
color: #000000; |
|||
} |
|||
.num { |
|||
font-family: Source Han Sans CN; |
|||
font-size: 14px; |
|||
font-weight: 500; |
|||
letter-spacing: 0.1em; |
|||
color: #000000; |
|||
display: flex; |
|||
align-items: center; |
|||
.log { |
|||
width: 182px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
} |
|||
.formula_input { |
|||
border: none; |
|||
height: 38px; |
|||
padding: 0 12px; |
|||
width: 220px; |
|||
} |
|||
.btn { |
|||
width: 87px; |
|||
height: 45px; |
|||
border-radius: 23px; |
|||
background: #06518b; |
|||
font-family: Source Han Sans CN; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
letter-spacing: 0.1em; |
|||
color: #ffffff; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
} |
|||
.key_wrap { |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
height: 230px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,9 @@ |
|||
let a = { |
|||
stoped_gs: '100', |
|||
continued_gs: '110', |
|||
stoped_satur: '200', |
|||
continued_satur: '300', |
|||
stoped_humi: '100', |
|||
continued_humi: '102', |
|||
injection_pump_speed: '300', |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue