|
@@ -0,0 +1,184 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="box">
|
|
|
+ <view class="top">
|
|
|
+ <text class="title" v-if="!form.id">添加用户</text>
|
|
|
+ <text class="title" v-else>编辑用户</text>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="l"><text style="color: red;">*</text>用户名:</view>
|
|
|
+ <view class="r">
|
|
|
+ <u-input placeholder="用户名" v-model="form.name">
|
|
|
+ </u-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-if="!form.id">
|
|
|
+ <view class="l"><text style="color: red;">*</text>密码:</view>
|
|
|
+ <view class="r">
|
|
|
+ <u-input placeholder="密码" type="password" v-model="form.password">
|
|
|
+ </u-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-if="!form.id">
|
|
|
+ <view class="l"><text style="color: red;">*</text>再输一次:</view>
|
|
|
+ <view class="r">
|
|
|
+ <u-input placeholder="再输一次" type="password" v-model="form.againPassword">
|
|
|
+ </u-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="l"><text style="color: red;">*</text>角色:</view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="l">
|
|
|
+ <u-checkbox-group v-model="roleList">
|
|
|
+ <u-checkbox :customStyle="{marginBottom: '10px',marginLeft:'10px'}"
|
|
|
+ v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.id">
|
|
|
+ </u-checkbox>
|
|
|
+ </u-checkbox-group>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item" v-show="form.id">
|
|
|
+ <view class="l">
|
|
|
+ 状态:
|
|
|
+ </view>
|
|
|
+ <view class="r">
|
|
|
+ <radio-group @change="statusChange">
|
|
|
+ <label class="radio">
|
|
|
+ <radio value="1" :checked="form.status==1" />可用
|
|
|
+ </label>
|
|
|
+ <label class="radio" style="margin-left: 20rpx;">
|
|
|
+ <radio value="2" :checked="form.status==2"/>禁用
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <u-button type="primary" text="确定" @click="saveFn"></u-button>
|
|
|
+ <!-- ---------------------------------------------------------- -->
|
|
|
+ <view class="bottom-safety"></view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ roleList: [],
|
|
|
+ checkboxList: [],
|
|
|
+ form: {
|
|
|
+ id: '',
|
|
|
+ status: 1,
|
|
|
+ customerId: '',
|
|
|
+ name: '',
|
|
|
+ password: '',
|
|
|
+ againPassword: '',
|
|
|
+ },
|
|
|
+ perList: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.form.id = options.id;
|
|
|
+ this.form.name = options.name;
|
|
|
+ this.form.status = options.status;
|
|
|
+ this.roleList = options.roleId ? options.roleId.split(',').map(id => parseInt(id)) : [];
|
|
|
+ console.log(this.roleList)
|
|
|
+ let info = uni.getStorageSync('userInfo');
|
|
|
+ let customerId = info.customerId;
|
|
|
+ this.form.customerId = customerId;
|
|
|
+ this.getRoleList();
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.perList = uni.getStorageSync('perList');
|
|
|
+ },
|
|
|
+ onBackPress() {
|
|
|
+ this.$common.to('/pages/user/user-index');
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ statusChange(e) {
|
|
|
+ this.form.status = e.detail.value
|
|
|
+ },
|
|
|
+ getRoleList() {
|
|
|
+ this.$api.getRoleList({
|
|
|
+ customerId: this.form.customerId
|
|
|
+ }).then(resp => {
|
|
|
+ this.checkboxList = resp.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveFn() {
|
|
|
+ if (!this.form.name) {
|
|
|
+ this.$common.toast('请填写用户名');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.form.password &&!this.form.id) {
|
|
|
+ this.$common.toast('请填写密码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.form.password != this.form.againPassword) {
|
|
|
+ this.$common.toast('两次密码不一致');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.roleList.length == 0) {
|
|
|
+ this.$common.toast('请选择用户角色');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.form.roleId = this.roleList.join(',');
|
|
|
+ if (this.form.id) {
|
|
|
+ this.$api.editCustomerAdmin(this.$common.removeNull(this.form)).then(resp => {
|
|
|
+ if (resp.code == 200) {
|
|
|
+ this.$common.to('/pages/user/addUserSuccess')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$api.addCustomerAdmin(this.$common.removeNull(this.form)).then(resp => {
|
|
|
+ if (resp.code == 200) {
|
|
|
+ this.$common.to('/pages/user/addUserSuccess')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ page {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hs-item {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-line {
|
|
|
+ color: #a2a2a2;
|
|
|
+ padding: 5px 0 10px 29px;
|
|
|
+ border-bottom: 1px solid #E5E5E5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hj {
|
|
|
+ padding: 50rpx;
|
|
|
+ font-size: 40rpx;
|
|
|
+ color: red;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .save-btn {
|
|
|
+ background-color: #ff4200;
|
|
|
+ height: 88rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin: 60rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ @import '@/common/common.scss'
|
|
|
+</style>
|