|
@@ -17,11 +17,11 @@
|
|
|
<input type="text" placeholder="选输入设备点位" confirm-type="search"></input>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="cu-bar search bg-gray filter-section">
|
|
|
<view class="search-form round bg-white" style="margin-bottom:26rpx">
|
|
|
- <input class="" @focus="InputFocus" v-model="siteName" @blur="InputBlur" :adjust-position="false"
|
|
|
- type="text" placeholder="选择传输方式" confirm-type="search"></input>
|
|
|
+ <input class="" @focus="InputFocus" v-model="siteName" @blur="InputBlur"
|
|
|
+ :adjust-position="false" type="text" placeholder="选择传输方式" confirm-type="search"></input>
|
|
|
</view>
|
|
|
<view class="action">
|
|
|
<button class="cu-btn bg-blue round" @click="searchData()">查询</button>
|
|
@@ -38,11 +38,10 @@
|
|
|
<view class="cu-list menu-avatar ">
|
|
|
<view class="cu-item" :class="modalName=='move-box-'+ index?'move-cur':''"
|
|
|
v-for="(item,index) in newDeviceManage" :key="index" :data-target="'move-box-' + index">
|
|
|
- <checkbox-group class="block" @change="CheckboxChange">
|
|
|
- <view class="cu-form-group margin-top">
|
|
|
- <checkbox class='blue' @click="selectedProduct(item)" :class="{'check':item.checked}" value="A"></checkbox>
|
|
|
- </view>
|
|
|
- </checkbox-group>
|
|
|
+ <view class="cu-form-group margin-top">
|
|
|
+ <checkbox class='blue' @click="selectedProduct(item)" :class="{'checked':item.checked}"
|
|
|
+ value="A"></checkbox>
|
|
|
+ </view>
|
|
|
<view class="cu-avatar round lg" style="background-image:url(../../static/device-icon.png)">
|
|
|
</view>
|
|
|
<view class="content" @longpress="showDetail(item)">
|
|
@@ -55,8 +54,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="pro-date ">{{item.time}}</view>
|
|
|
-
|
|
|
- <view class="showDetail" v-if="item.isShow">
|
|
|
+
|
|
|
+ <view class="showDetail" v-if="item.isShow">
|
|
|
<view @tap="goDeviceEdit()">修改设备</view>
|
|
|
<view @tap="deleteItem" data-target="DialogModal2">删除设备</view>
|
|
|
</view>
|
|
@@ -85,7 +84,7 @@
|
|
|
<view><text class="icon iconfont margin-xs" style="color:#FF0303"></text></view>
|
|
|
<view @tap="deleteItem" data-target="DialogModal2">删除</view>
|
|
|
</view>
|
|
|
- <view class="share-item text-center" >
|
|
|
+ <view class="share-item text-center">
|
|
|
<view><text class="icon iconfont margin-xs" style="color:#FF642E"></text></view>
|
|
|
<view @tap="showModal" data-target="DialogModal">导出</view>
|
|
|
|
|
@@ -96,12 +95,12 @@
|
|
|
<checkbox class='blue' :class="checkbox[0].checked?'checked':''"
|
|
|
:checked="checkbox[0].checked?true:false" value="A"></checkbox>
|
|
|
</view>
|
|
|
- </checkbox-group>
|
|
|
+ </checkbox-group>
|
|
|
<text class="margin-left-xs">全选</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<!-- 导出弹框 -->
|
|
|
<view class="cu-modal export-modal" :class="modalName=='DialogModal'?'show':''">
|
|
|
<view class="cu-dialog">
|
|
@@ -122,8 +121,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 导出弹框 end -->
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<!-- 删除弹框 -->
|
|
|
<view class="cu-modal export-modal" :class="modalName=='DialogModal2'?'show':''">
|
|
|
<view class="cu-dialog">
|
|
@@ -139,13 +138,14 @@
|
|
|
<view class="cu-bar operate bg-white" style="min-height: 100rpx;">
|
|
|
<view class="action margin-0 " @tap="hideModal">
|
|
|
取消</view>
|
|
|
- <view class="action margin-0 solid-left text-blue" @tap="openConfirmModal" data-target="DialogModal3">确定</view>
|
|
|
+ <view class="action margin-0 solid-left text-blue" @tap="openConfirmModal"
|
|
|
+ data-target="DialogModal3">确定</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 删除弹框 end -->
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<!-- 再次确认删除弹框 -->
|
|
|
<view class="cu-modal export-modal" :class="modalName=='DialogModal3'?'show':''">
|
|
|
<view class="cu-dialog">
|
|
@@ -155,7 +155,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="padding-sm bg-white">
|
|
|
-
|
|
|
+
|
|
|
<view style="margin:20rpx 0">请输入图片中的验证码</view>
|
|
|
<valid-code :value.sync="validCode"></valid-code>
|
|
|
|
|
@@ -168,8 +168,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 再次确认删除弹框 end -->
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
@@ -184,7 +184,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- validCode:'',
|
|
|
+ validCode: '',
|
|
|
|
|
|
checkbox: [{
|
|
|
value: 'A',
|
|
@@ -233,14 +233,14 @@
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- selectedProduct:function(item){
|
|
|
+ selectedProduct: function(item) {
|
|
|
console.log(item)
|
|
|
- if(typeof item.checked=='undefined'){
|
|
|
- this.$set(item,'checked',true);
|
|
|
- }else{
|
|
|
- item.checked = !item.checked;
|
|
|
- }
|
|
|
- },
|
|
|
+ if (typeof item.checked == 'undefined') {
|
|
|
+ this.$set(item, 'checked', true);
|
|
|
+ } else {
|
|
|
+ item.checked = !item.checked;
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
// 页面跳转
|
|
|
goDeviceAdd() {
|
|
@@ -253,27 +253,27 @@
|
|
|
url: '/pages/deviceManage/deviceEdit/deviceEdit',
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
//导出弹框
|
|
|
showModal(e) {
|
|
|
this.modalName = e.currentTarget.dataset.target
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//关闭弹框
|
|
|
hideModal(e) {
|
|
|
this.modalName = null
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//删除弹出框操作
|
|
|
- deleteItem(e){
|
|
|
+ deleteItem(e) {
|
|
|
this.modalName = e.currentTarget.dataset.target;
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
//再次确认弹框
|
|
|
- openConfirmModal(e){
|
|
|
+ openConfirmModal(e) {
|
|
|
this.modalName = e.currentTarget.dataset.target;
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
|
|
|
CheckboxChange(e) {
|
|
@@ -308,8 +308,8 @@
|
|
|
InputBlur(e) {
|
|
|
this.InputBottom = 0
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
@@ -318,7 +318,7 @@
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style >
|
|
|
+<style>
|
|
|
.showDetail {
|
|
|
position: absolute;
|
|
|
background: #fff;
|
|
@@ -329,12 +329,12 @@
|
|
|
z-index: 3000000;
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
- .showDetail view{
|
|
|
+
|
|
|
+ .showDetail view {
|
|
|
padding: 0rpx 20rpx;
|
|
|
}
|
|
|
- .showDetail view:first-child{
|
|
|
- border-bottom:1px solid #EDEDED;
|
|
|
- }
|
|
|
-
|
|
|
|
|
|
+ .showDetail view:first-child {
|
|
|
+ border-bottom: 1px solid #EDEDED;
|
|
|
+ }
|
|
|
</style>
|