zx_flk_app/pages/powerSetting/powerSetting.vue

<template>
	<view class="power-setting-main">
		<view class="flex-row power-setting-head">
			<img class="head-img" src="https://qiniu.bms16.com/FprjgdYTzB9LDkHZT1F-p_kQKNty" alt="">
			<view class="head-name">名字</view>
			<text class="head-email">1007929522@Mail.com</text>
		</view>
		<view class="setting-card" style="margin-bottom: 20rpx;">
			<view class="setting-card-name">权限设置</view>
			<view class="setting-card-list flex-row">
				<img src="https://qiniu.bms16.com/FgFEr3CUA43kd7yVCDcK4F7v9_zx" alt="">
				<view class="setting-list-text flex-row flex-between">
					<text>查看实时位置</text> 
					<img class="setting-list-arrow" src="https://qiniu.bms16.com/FrA97op1dwM9XWH1ocqnF5FFlqoY" alt="">
				</view>
			</view>
			<view class="setting-card-list flex-row">
				<img src="https://qiniu.bms16.com/FmcZqGTnt64_v2xpgNbqS9Fa-fwy" alt="">
				<view class="setting-list-text flex-row flex-between">
					<text>使用换电</text> 
					<img class="setting-list-arrow" src="https://qiniu.bms16.com/FuA5w59wrvsisg3bGhe3hQ2dR3Bk" alt="">
				</view>
			</view>
		</view>
		<view class="setting-card" style="margin-bottom: 32rpx;">
			<view class="setting-card-name">默认设置</view>
			<view class="setting-card-list flex-row">
				<img src="https://qiniu.bms16.com/FsUxQz3DwHIj_vt3fY25Twmjfpek" alt="">
				<view class="setting-list-text flex-row">远程开关锁</view>
			</view>
			<view class="setting-card-list flex-row">
				<img src="https://qiniu.bms16.com/FuCNZSqsoMxn2ha-njRW3zC2ORTz" alt="">
				<view class="setting-list-text flex-row">座桶锁</view>
			</view>
			<view class="setting-card-list flex-row">
				<img src="https://qiniu.bms16.com/Fs7i3i_LBM7Zpxyj7Ad7_Kc_8z-J" alt="">
				<view class="setting-list-text flex-row">感应解锁</view>
			</view>
		</view>
		<view v-if="!isSet" @tap="addUserBtn" class="check-btn add-btn">确认添加</view>
		<view v-else @tap="delUserBtn" class="check-btn del-btn">删除成员</view>
	</view>
</template>

<script>
import common from '../../common/common.js';
	var config = require('../../common/config.js');
	export default {
		data() {
			return {
				isSet:false,
				userInfo:{}
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
			if('params' in options ){
				const info=JSON.parse(options.params) 
				this.setData({
					isSet:true,
					userInfo:info
				})
			}
		},
		methods: {
			addUserBtn(){
				//获取本地存储的车牌号
				const me = this
				http.postApi(config.API_FLK_ADD_SHARE_USER, {}, (resp) => {
					if (resp.data.code === 200) {
						common.successToast('添加成功！')
					} else {
						common.simpleToast(resp.data.msg);
					}
				})
			},
			addUserBtn(){
				//获取本地存储的车牌号
				const me = this
				http.postApi(config.API_FLK_REMOVE_SHARE_USER, {}, (resp) => {
					if (resp.data.code === 200) {
						common.successToast('删除成功')
					} else {
						common.simpleToast(resp.data.msg);
					}
				})
			},
		}
	};
</script>
<style>
	@import './powerSetting.css';
</style>