更新ui细节
This commit is contained in:
fengerli
@ -38,7 +38,7 @@
|
||||
<view class="info-card">
|
||||
<view class="info-row">
|
||||
<text class="info-label">IMEI号</text>
|
||||
<text class="info-value">{{deviceInfo.deviceImei}}</text>
|
||||
<text class="info-value status-running">{{deviceInfo.deviceImei}}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label">设备状态</text>
|
||||
@ -46,7 +46,7 @@
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label">定位信息</text>
|
||||
<view class="info-value status-running">
|
||||
<view class="info-value status-running" @click="gpsPosition">
|
||||
<view class="info-value status-running">114.72 30.28</view>
|
||||
<view class="info-value status-running">深圳市龙华区富源晟</view>
|
||||
</view>
|
||||
@ -185,8 +185,12 @@
|
||||
<view class="popup-title">上传开机画面</view>
|
||||
<view class="popup-content">
|
||||
<view class="example-body">
|
||||
<uni-file-picker limit="1" class="custom-file-picker"></uni-file-picker>
|
||||
<view class="example_title">点击上传图片</view>
|
||||
<!-- <uni-file-picker limit="1" class="custom-file-picker"></uni-file-picker> -->
|
||||
<view class="icoContent" @click="checkImgUpload">
|
||||
<image mode="aspectFit" class="img" src="/static/images/6155/DeviceDetail/add.png">
|
||||
</image>
|
||||
</view>
|
||||
<!-- <view class="example_title">点击上传图片</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- 按钮组 -->
|
||||
@ -217,9 +221,8 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- 人员信息成功提示弹框 -->
|
||||
<CustomPopup :show="showPopupFlag" :message="popupMessage"
|
||||
icon="/static/images/sendSucc.png" :confirm-text="popupConfirmText" :show-cancel="false"
|
||||
@confirm="onPopupConfirm" />
|
||||
<CustomPopup :show="showPopupFlag" :message="popupMessage" icon="/static/images/sendSucc.png"
|
||||
:confirm-text="popupConfirmText" :show-cancel="false" @confirm="onPopupConfirm" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@ -273,10 +276,9 @@
|
||||
isSharedDevice: false, // 标记是否来自分享
|
||||
isRightIconVisible: false,
|
||||
showPopupFlag: false, //是否显示弹框
|
||||
|
||||
popupMessage: '！',
|
||||
popupConfirmText: '确认',
|
||||
showUploadPopup:false
|
||||
showUploadPopup: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@ -285,6 +287,13 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// *******定位******
|
||||
gpsPosition(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/common/map/index'
|
||||
})
|
||||
},
|
||||
// ***********进度条***********
|
||||
onSliderChanging(e) {
|
||||
this.sliderValue = e.detail.value;
|
||||
},
|
||||
@ -312,7 +321,6 @@
|
||||
selected: this.currentMainMode === '泛光模式',
|
||||
image: '/static/images/settt.png'
|
||||
},
|
||||
|
||||
];
|
||||
}
|
||||
},
|
||||
@ -323,7 +331,6 @@
|
||||
toggleForm() {
|
||||
this.isFormExpanded = !this.isFormExpanded;
|
||||
},
|
||||
|
||||
onItemClick(index) {
|
||||
const selectedItem = this.items[index];
|
||||
if (selectedItem.text === '激光') {
|
||||
@ -336,7 +343,6 @@
|
||||
}));
|
||||
this.currentMainMode = selectedItem.text;
|
||||
this.selectedItemIndex = index;
|
||||
|
||||
// 强制更新视图（如果需要）
|
||||
this.$forceUpdate();
|
||||
}
|
||||
@ -348,7 +354,6 @@
|
||||
const instruction = this.modeInstructions[selectedItem.text];
|
||||
console.log(selectedItem, 'selectedItemselectedItem');
|
||||
this.selectedItemIndex = selectedItem.text;
|
||||
|
||||
if (instruction) {
|
||||
const topic = `B/${this.itemInfo.deviceImei}`;
|
||||
const message = JSON.stringify(instruction);
|
||||
@ -356,12 +361,44 @@
|
||||
console.log('已发送指令:', instruction);
|
||||
}
|
||||
this.lightModeA = false;
|
||||
// this.lightModeA = false
|
||||
},
|
||||
// 上传开机画面
|
||||
uploadStartup() {
|
||||
this.lightModeB = true
|
||||
},
|
||||
// 上传开机画面
|
||||
checkImgUpload() {
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
||||
sourceType: ['album', 'camera'], //从相册，相机选择，，
|
||||
success: function(res) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/6155/ImgCrop",
|
||||
events: {
|
||||
ImgCutOver: function(data) {
|
||||
console.log("我收到裁剪后的图片了，感谢老铁," + data)
|
||||
uni.showLoading({
|
||||
title: "正在发送..."
|
||||
});
|
||||
setTimeout(function() {
|
||||
processAndSendImageData(data).catch(() => {});
|
||||
}, 0)
|
||||
}
|
||||
},
|
||||
success(ev) {
|
||||
ev.eventChannel.emit('checkImg', {
|
||||
data: res.tempFiles[0].path
|
||||
})
|
||||
},
|
||||
fail(ex) {
|
||||
console.log("跳转页面失败" + JSON.stringify(ex));
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
// 上传开机画面确认按键
|
||||
handleupload() {
|
||||
this.lightModeB = false
|
||||
@ -741,12 +778,6 @@
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mode-v3 {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: 26rpx;
|
||||
@ -852,10 +883,23 @@
|
||||
.example-body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 70%;
|
||||
top: 65%;
|
||||
width: 100%;
|
||||
transform: translate(-10%, -100%);
|
||||
transform: translate(-20%, -100%);
|
||||
}
|
||||
|
||||
.icoContent {
|
||||
width: 320rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 8rpx;
|
||||
background: rgba(58, 58, 58, 1);
|
||||
text-align: center;
|
||||
line-height:200rpx;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 62rpx;
|
||||
height: 62rpx;
|
||||
}
|
||||
|
||||
.example_title {
|
||||
@ -995,7 +1039,7 @@
|
||||
|
||||
.agreement-popupB {
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
height: 32%;
|
||||
background-color: rgb(42, 42, 42);
|
||||
border-radius: 60rpx 60rpx 0rpx 0rpx;
|
||||
padding: 40rpx;
|
||||
|
||||
Reference in New Issue
Block a user