6170分享设备页面功能开发

pages/6170/shareManagement/index.vue

@@ -7,14 +7,14 @@
 					<image :src="item.devicePic" mode="" class="IMG"></image>
 				</view>
 				<view class="device-name">
-					<view>{{item.deviceName}}rr32r23r23</view>
+					<view>{{item.deviceName}}</view>
 					<view class="ID">
-						<view class="ID">ID:{{item.deviceImei}}ererer
+						<view class="ID">ID:{{item.id}}
 						</view>
 					</view>
 				</view>
-				<view class="device-delete" @click="handleDelete">
-					<text class="delete">移除</text>
+				<view class="device-delete" >
+					<text class="delete" @click="handleDelete(item)">移除</text>
 				</view>
 			</view>
 		</view>
@@ -38,22 +38,55 @@
 </template>
 
 <script>
+	import {deviceShareList,deviceShareDelete} from '@/api/6170/share.js'
 	export default {
 		data() {
 			return {
-				deviceList: [{}],
-				deleteShow:false
+				deviceList: [],
+				deleteShow:false,
+				delelteItemInfo:''
 			}
 		},
 		methods: {
 			// 删除
-			handleDelete() {
+			handleDelete(item) {
+				console.log(item,'www');
               this.deleteShow=true
+			  this.delelteItemInfo=item
 			},
 			handleBtn(){
-				this.deleteShow=false
+				let allId=this.delelteItemInfo.id
+				deviceShareDelete(allId).then((res)=>{
+					if (res.code=200) {
+						uni.showToast({
+							title:res.msg,
+							icon:'none'
+						})
+						this.deleteShow=false
+						this.getData()
+					} else{
+						uni.showToast({
+							title:res.msg,
+							icon:'none'
+						})
+					}
+					
+				})
+				//
+			},
+			getData(){
+				let data ={
+				}
+				deviceShareList(data).then((res)=>{
+					if (res.code==200) {
+						this.deviceList=res.rows
+					}
+				})
 			}
 
+		},
+		onLoad() {
+			this.getData()
 		}
 	}
 </script>
@@ -74,6 +107,7 @@
 		color: rgba(255, 255, 255, 0.87);
 		padding-top: 10rpx;
 		position: relative;
+		margin-bottom: 20rpx;
 	}
 
 	.device-header {