|
|
@@ -1,40 +1,60 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
- <view class="status_bar"></view>
|
|
|
- <view class="" style="position: relative;top: 40px;">
|
|
|
- <view style="position: fixed;z-index: 100;">
|
|
|
- <uni-nav-bar @clickLeft="clickLeft" left-icon="back" title="修改名称"></uni-nav-bar>
|
|
|
+ <view class="modification">
|
|
|
+ <view class="modification__header">
|
|
|
+ <u-icon
|
|
|
+ size="36"
|
|
|
+ class="arrow-left"
|
|
|
+ name="arrow-left"
|
|
|
+ @click="handleBack"
|
|
|
+ ></u-icon>
|
|
|
+ 信息修改
|
|
|
+ </view>
|
|
|
+ <view class="modification__content">
|
|
|
+ <view class="modification__content__item">
|
|
|
+ <view class="modification__content__item__title">
|
|
|
+ 设备名称
|
|
|
+ </view>
|
|
|
+ <view class="modification__content__item__input">
|
|
|
+ <u-input v-model="moddata.device_name" placeholder="请输入设备名称" clearable class="input" :custom-style="{ 'text-align': 'right' }"></u-input>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="mod">
|
|
|
- <view class="mod_name">
|
|
|
- <p><span style="color: #ff0000;">*</span>设备名称</p>
|
|
|
- <input type="text" v-model="moddata.device_name" :class="quanxian.namealter?'namebg':''" />
|
|
|
+ <view class="modification__content__item">
|
|
|
+ <view class="modification__content__item__title">
|
|
|
+ 设备ID
|
|
|
</view>
|
|
|
- <view class="mod_id">
|
|
|
- <p>设备ID</p>
|
|
|
- <input type="text" :value="moddata.imei || moddata.device_id || moddata.id" disabled />
|
|
|
+ <view class="modification__content__item__input">
|
|
|
+ <u-input disabled :value="moddata.imei || moddata.device_id || moddata.id" placeholder="请输入设备ID" clearable class="input" :custom-style="{ 'text-align': 'right' }"></u-input>
|
|
|
</view>
|
|
|
- <view class="mod_user">
|
|
|
- <p>适配用户</p>
|
|
|
- <input type="text" :value="moddata.real_name==''?'无':moddata.real_name" disabled />
|
|
|
+ </view>
|
|
|
+ <view class="modification__content__item">
|
|
|
+ <view class="modification__content__item__title">
|
|
|
+ 适配用户
|
|
|
</view>
|
|
|
- <view class="mod_city" @click="amendcity">
|
|
|
- <view style="width: 90%;">
|
|
|
- <p><span style="color: #ff0000;">*</span>设备位置</p>
|
|
|
- <input type="text" :value="city" disabled />
|
|
|
- </view>
|
|
|
+ <view class="modification__content__item__input">
|
|
|
+ <u-input disabled :value="moddata.real_name || '无'" placeholder="请输入用户名" clearable class="input" :custom-style="{ 'text-align': 'right' }"></u-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="modification__content__item">
|
|
|
+ <view class="modification__content__item__title">
|
|
|
+ 设备位置
|
|
|
+ </view>
|
|
|
+ <view class="modification__content__item__input" @click.native="amendcity">
|
|
|
+ <view class="location-city">{{ city }}</view>
|
|
|
<u-icon name="arrow-right"></u-icon>
|
|
|
</view>
|
|
|
- <view class="mod_time">
|
|
|
- <p>设备添加时间</p>
|
|
|
- <input type="text" :value="moddata.addtime|timeFormat()" disabled />
|
|
|
+ </view>
|
|
|
+ <view class="modification__content__item">
|
|
|
+ <view class="modification__content__item__title">
|
|
|
+ 设备添加时间
|
|
|
</view>
|
|
|
- <p style="width: 90%;margin: 0 auto;text-align: right;color: #06B535;"><span style="color: #ff0000;">*</span>为可修改</p>
|
|
|
- <view class="sub" @click="btn">
|
|
|
- 提 交
|
|
|
+ <view class="modification__content__item__input">
|
|
|
+ <u-input disabled :value="moddata.addtime | timeFormat()" placeholder="请输入设备添加时间" clearable class="input" :custom-style="{ 'text-align': 'right' }"></u-input>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="sub" @click="btn">
|
|
|
+ 提 交
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -45,6 +65,8 @@
|
|
|
moddata: [],
|
|
|
city: "",
|
|
|
selectcityTF: false,
|
|
|
+ locationCity: "",
|
|
|
+ locationName: "",
|
|
|
quanxian:{
|
|
|
namealter:false,
|
|
|
cityalter:false,
|
|
|
@@ -53,7 +75,12 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- async eqlistcity(lat, lng) { //修改设备定位
|
|
|
+ handleBack() {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async eqlistcity(lat, lng) {
|
|
|
const res = await this.$myRequest({
|
|
|
url: '/api/api_gateway?method=forecast.worm_lamp.revise_device',
|
|
|
data: {
|
|
|
@@ -62,8 +89,7 @@
|
|
|
lng: lng
|
|
|
}
|
|
|
})
|
|
|
- console.log(res)
|
|
|
- if (res==false) {
|
|
|
+ if (!res) {
|
|
|
uni.showToast({
|
|
|
title: '修改地址失败!',
|
|
|
icon: "none"
|
|
|
@@ -75,7 +101,7 @@
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
- async eqlistname(lat, lng) { //修改设备名称
|
|
|
+ async eqlistname(lat, lng) {
|
|
|
const res = await this.$myRequest({
|
|
|
url: '/api/api_gateway?method=forecast.worm_lamp.revise_device',
|
|
|
data: {
|
|
|
@@ -85,8 +111,7 @@
|
|
|
lng: lng,
|
|
|
}
|
|
|
})
|
|
|
- console.log(res)
|
|
|
- if (res==false) {
|
|
|
+ if (!res) {
|
|
|
uni.showToast({
|
|
|
title: '修改名称失败!',
|
|
|
icon: "none"
|
|
|
@@ -102,7 +127,7 @@
|
|
|
this.clickLeft()
|
|
|
}
|
|
|
},
|
|
|
- async eqlistuser(id, imei,device_model) { //获取设备信息
|
|
|
+ async eqlistuser(id, imei,device_model) {
|
|
|
const res = await this.$myRequest({
|
|
|
url: '/api/api_gateway?method=forecast.worm_lamp.lamp_list',
|
|
|
data: {
|
|
|
@@ -114,7 +139,7 @@
|
|
|
this.moddata = res.data[0]
|
|
|
this.selectaddress(this.moddata.lng, this.moddata.lat)
|
|
|
},
|
|
|
- async xyeqlistuser(imei) { //获取设备信息
|
|
|
+ async xyeqlistuser(imei) {
|
|
|
const res = await this.$myRequest({
|
|
|
url: '/api/api_gateway?method=sex_lure_nl.sex_lure.nl_device_list',
|
|
|
data: {
|
|
|
@@ -125,24 +150,53 @@
|
|
|
this.selectaddress(this.moddata.lng, this.moddata.lat)
|
|
|
},
|
|
|
btn() {
|
|
|
- // this.eqlistcity(this.moddata.lat, this.moddata.lng)
|
|
|
this.eqlistname(this.moddata.lat, this.moddata.lng)
|
|
|
},
|
|
|
clickLeft() {
|
|
|
uni.navigateBack({
|
|
|
delta:1,
|
|
|
success:()=>{
|
|
|
- //告知上一页刷新数据
|
|
|
uni.$emit('refreshData')
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- amendcity() { //修改设备地址
|
|
|
- // this.selectcityTF = true
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/fourBase/city"
|
|
|
+ getCity({city}){
|
|
|
+ if(city.city == undefined){
|
|
|
+ var add = city
|
|
|
+ }else if(city.city != undefined){
|
|
|
+ var add = city.city
|
|
|
+ }
|
|
|
+ let pages = getCurrentPages()
|
|
|
+ let prevpage = pages[pages.length - 2]
|
|
|
+ prevpage.$vm.city = add
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1
|
|
|
})
|
|
|
},
|
|
|
+ selectedCity(city){
|
|
|
+ this.getCity && this.getCity({city});
|
|
|
+ },
|
|
|
+ location(){
|
|
|
+ let That = this;
|
|
|
+ uni.chooseLocation({
|
|
|
+ success(res){
|
|
|
+ uni.setStorage({
|
|
|
+ key:"location",
|
|
|
+ data:[res.longitude,res.latitude]
|
|
|
+ })
|
|
|
+ That.city = res && res.address;
|
|
|
+ That.locationName = res && res.name;
|
|
|
+ That.selectedCity({city:That.city,name:That.locationName});
|
|
|
+ },
|
|
|
+ fail(){
|
|
|
+ That.locationCity = "定位失败，请点击重试";
|
|
|
+ That.locationName = "";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ amendcity() {
|
|
|
+ this.location()
|
|
|
+ },
|
|
|
selectaddress(lng, lat) { //获取分布位置
|
|
|
uni.request({
|
|
|
type: "GET",
|
|
|
@@ -150,7 +204,6 @@
|
|
|
"&key=27273b81090f78759e4057f94474516f&radius=1000&extensions=all",
|
|
|
dataType: "json",
|
|
|
complete: ress => {
|
|
|
- // console.log(ress)
|
|
|
if (ress.data.regeocode.formatted_address.length == 0) {
|
|
|
this.city = "--"
|
|
|
} else {
|
|
|
@@ -161,7 +214,7 @@
|
|
|
},
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
- if(option.id==10){
|
|
|
+ if(option.id == 10){
|
|
|
const data = JSON.parse(option.data)
|
|
|
this.xyeqlistuser(data.device_id || data.id)
|
|
|
}else{
|
|
|
@@ -171,23 +224,22 @@
|
|
|
uni.getStorage({
|
|
|
key:"jurisdiction",
|
|
|
success:(res)=>{
|
|
|
- console.log(res,'resresres')
|
|
|
if(!res?.data){
|
|
|
return;
|
|
|
}
|
|
|
let items = JSON.parse(res.data).filter((item)=>{
|
|
|
return item.purview_name == "设备管理"
|
|
|
})
|
|
|
- let items2 = items[0].children.filter((item)=>{
|
|
|
+ let items2 = items[0]?.children?.filter((item)=>{
|
|
|
return item.purview_name == "设备列表"
|
|
|
})
|
|
|
- this.quanxian.namealter = items2[0].children.some((item)=>{
|
|
|
+ this.quanxian.namealter = items2[0]?.children?.some((item)=>{
|
|
|
return item.purview_name == "修改名称"
|
|
|
})
|
|
|
- this.quanxian.cityalter = items2[0].children.some((item)=>{
|
|
|
+ this.quanxian.cityalter = items2[0]?.children?.some((item)=>{
|
|
|
return item.purview_name == "添加位置"
|
|
|
})
|
|
|
- this.quanxian.infoalter = items2[0].children.some((item)=>{
|
|
|
+ this.quanxian.infoalter = items2[0]?.children?.some((item)=>{
|
|
|
return item.purview_name == "修改名称" || item.purview_name == "添加位置"
|
|
|
})
|
|
|
},
|
|
|
@@ -197,66 +249,84 @@
|
|
|
uni.getStorage({
|
|
|
key: "location",
|
|
|
success: (res) => {
|
|
|
- // console.log(res);
|
|
|
this.moddata.lat = res.data[1]
|
|
|
this.moddata.lng = res.data[0]
|
|
|
this.selectaddress(this.moddata.lng, this.moddata.lat)
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
page{
|
|
|
- background-color: #FAFAFA;
|
|
|
+ background: linear-gradient(180deg, #ffffff00 0%, #F5F6FA 23.64%, #F5F6FA 100%), linear-gradient(102deg, #BFEADD 6.77%, #B8F1E7 40.15%, #B9EEF5 84.02%);
|
|
|
}
|
|
|
- .mod {
|
|
|
+ .modification{
|
|
|
+ display: flex;
|
|
|
width: 100%;
|
|
|
- position: absolute;
|
|
|
- top: 44px;
|
|
|
- .mod_name,
|
|
|
- .mod_id,
|
|
|
- .mod_user,
|
|
|
- .mod_time {
|
|
|
- width: 90%;
|
|
|
- margin: 30rpx auto;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- background-color: #FFFFFF;
|
|
|
- padding: 20rpx 10rpx;
|
|
|
- color: #57C77A;
|
|
|
- line-height: 50rpx;
|
|
|
- .namebg{
|
|
|
- background-color: #FAFAFA;
|
|
|
- }
|
|
|
- input {
|
|
|
- text-align: right;
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 10rpx;
|
|
|
+ height: calc(100vh - 112rpx);
|
|
|
+ padding-top: 112rpx;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ overflow-y: scroll;
|
|
|
+ &__header{
|
|
|
+ width: 100%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #042118;
|
|
|
+ font-family: 'Source Han Sans CN VF';
|
|
|
+ font-weight: 700;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ .arrow-left {
|
|
|
+ position: absolute;
|
|
|
+ left: 32rpx;
|
|
|
+ margin-right: 12rpx;
|
|
|
}
|
|
|
}
|
|
|
- .mod_city{
|
|
|
- width: 90%;
|
|
|
- margin: 30rpx auto;
|
|
|
- background-color: #FFFFFF;
|
|
|
- padding: 20rpx 10rpx;
|
|
|
- color: #57C77A;
|
|
|
- line-height: 50rpx;
|
|
|
+ &__content{
|
|
|
+ width: calc(100% - 64rpx);
|
|
|
+ margin-top: 32rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding: 32rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ &__content__item{
|
|
|
display: flex;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
justify-content: space-between;
|
|
|
- .namebg{
|
|
|
- background-color: #FAFAFA;
|
|
|
- }
|
|
|
- input {
|
|
|
- width: 90%;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ &__content__item__title{
|
|
|
+ width: 180rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ font-family: 'Source Han Sans CN VF';
|
|
|
+ }
|
|
|
+ &__content__item__input{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #042118;
|
|
|
+ font-family: 'Source Han Sans CN VF';
|
|
|
+ font-weight: 400;
|
|
|
+ display:flex;
|
|
|
+ align-items: center;
|
|
|
+ .location-city{
|
|
|
font-size: 28rpx;
|
|
|
- padding: 10rpx;
|
|
|
+ color:#333333;
|
|
|
+ }
|
|
|
+ .u-icon--right{
|
|
|
+ color:#999999;
|
|
|
+ margin-left: 12rpx;
|
|
|
+ }
|
|
|
+ .input{
|
|
|
+ font-size: 26rpx;
|
|
|
+ text-align: right;
|
|
|
+ width: 100%;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
.sub {
|
|
|
width: 90%;
|
|
|
margin: 30rpx auto;
|
|
|
@@ -264,7 +334,8 @@
|
|
|
height: 70rpx;
|
|
|
line-height: 70rpx;
|
|
|
background-color: #57C77A;
|
|
|
- border-radius: 35rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
+ }
|
|
|
</style>
|
