fix:手持设备

quanyawei

2024-03-01 234637e58d6eef02a2d626427d4f3746df40573f

 pages/actionChange/handheldDevices/index.vue

@@ -1,41 +1,42 @@
<template>
   <view class="mainContent">
      <view class="">
         <u--form labelPosition="left" labelWidth='80' :labelStyle='labelStyle'>
            <u-form-item label="设备号:" borderBottom ref="item1" @click="showDevicesList = true;" v-if="starBut">
               <u-input border="none" disabled disabled-color="rgba(60, 156, 255,0)" color='#fff' placeholder="请选择"
                  type="select" customStyle="margin: 0 5px;" v-model="deviceData.mac" />
         <u--form labelAlign='right' labelWidth='80' :labelStyle='labelStyle'>
            <u-form-item label="设备号:" borderBottom ref="item1" @click="showDevicesList = true;">
               <u-input border="none" disabled disabled-color="rgba(60, 156, 255,0)" color='#fff'
                  :inputAlign='`left`' placeholder="请选择" type="select" customStyle="margin: 0 5px;"
                  v-model="deviceData.mac" />
               <u-icon slot="right" name="arrow-right" color="#fff" />
            </u-form-item>
            <u-form-item label="设备号:" borderBottom v-else>
            <!-- <u-form-item label="设备号:" borderBottom v-else>
               <u-input border="none" disabled disabled-color="rgba(60, 156, 255,0)" color='#fff' placeholder="请选择"
                  type="select" customStyle="margin: 0 5px;" v-model="deviceData.mac" />
            </u-form-item>
            </u-form-item> -->
            <u-picker :show="showDevicesList" :columns="[devicesList]" :default-selector="[0]" keyName="label"
               v-if="showDevicesList" @cancel="showDevicesList = false" :immediateChange='true'
               @confirm="selectBack"></u-picker>
            <!-- <u-form-item label="设备号:" borderBottom ref="item1">
               <u--input v-model="deviceData.mac" border="none" color='#fff' readonly></u--input>
            </u-form-item> -->
            <u-form-item label="设备名称:" borderBottom ref="item1">
               <u--input v-model="deviceData.name" border="none" color='#fff' suffixIcon="edit-pen"
                  disabled-color="rgba(60, 156, 255,0)" :disabled="!starBut" v-if="starBut"
                  suffixIconStyle="font-size: 22px;color: #fff"></u--input>
               <u--input v-model="deviceData.name" border="none" v-else color='#fff'
                  disabled-color="rgba(60, 156, 255,0)" :disabled="!starBut"></u--input>
               <u-input v-model="deviceData.name" border="none" color='#fff' disabled-color="rgba(60, 156, 255,0)"
                  :disabled="!starBut" v-if="starBut" :focus="isFocus">
                  <template slot="suffix">
                     <u-icon name="edit-pen" color="#fff" size="18" @tap="getFocus" />
                  </template>
               </u-input>
               <u-input v-model="deviceData.name" border="none" v-else color='#fff'
                  disabled-color="rgba(60, 156, 255,0)" :disabled="!starBut"></u-input>
            </u-form-item>
            <u-form-item label="当前位置:" borderBottom ref="item1">
               <view style="display: flex;align-items: center;" v-if="starBut">
                  <u--textarea v-model="deviceData.address" border="none" placeholder="请输入"
                     autoHeight></u--textarea>
                  <u-textarea v-model="deviceData.address" border="none" placeholder="请输入"
                     autoHeight></u-textarea>
                  <view style="width: 60px;">
                     <u-button @tap="authVerification()" text="地图选择" type="success" size="mini"></u-button>
                  </view>
               </view>
               <u--text :lines="3" :text="deviceData.address" v-else color='#fff'></u--text>
               <u--text :lines="3" :text="deviceData.address" v-else color='#fff' :inputAlign='`left`'></u--text>
            </u-form-item>
            <u-form-item label="经纬度:" borderBottom ref="item1">
               <u--input v-model="latlot" border="none" color='#fff' readonly></u--input>
               <u-input v-model="latlot" border="none" color='#fff' readonly :inputAlign='`left`'></u-input>
            </u-form-item>
         </u--form>
      </view>
@@ -80,6 +81,7 @@
               paddingLeft: '10px'
            },
            showDevicesList: false,
            isFocus: false,
            starBut: true,
            devicesList: [],
            defaultMonitorItems: [],
@@ -155,6 +157,9 @@
         }
      },
      methods: {
         getFocus() {
            this.isFocus = true
         },
         getMacDetail(mac) {
            let params = {
               mac: mac
@@ -193,6 +198,8 @@
                  this.starBut = false
                  this.queryAlarmByMac()
                  this.sensorLayout()
               } else {
                  this.starBut = true
               }
            }).catch(res => {
               uni.$u.toast(res)
@@ -539,6 +546,7 @@

   /deep/.u-textarea {
      background-color: rgba(60, 156, 255, 0) !important;
      padding: 0px !important;
   }

   /deep/.u-textarea__field {