update staff

shop/src/views/staff/list.vue

@@ -2,20 +2,11 @@
 	<div class="app-list-content">
 		<x-crud class="liu-crud-wrap" @load="onLoad">
 			<template #table-column-userId="{scope}">
-				<i
-					class="el-icon-success"
-					v-if="scope.row.userId != 0"
-					style="color:#67C23A;font-size:19px;"
-				></i>
+				<i class="el-icon-success" v-if="scope.row.userId != 0" style="color:#67C23A;font-size:19px;"></i>
 				<i class="el-icon-success" v-else style="color:#C0C4CC;font-size:19px;"></i>
 			</template>
 			<template #table-column-avatar="{scope}">
-				<cl-avatar
-					shape="circle"
-					:size="24"
-					:src="scope.row.avatarUrl"
-					:style="{ margin: 'auto' }"
-				></cl-avatar>
+				<cl-avatar shape="circle" :size="24" :src="scope.row.avatarUrl" :style="{ margin: 'auto' }"></cl-avatar>
 			</template>
 
 			<template #table-column-incomeNotice="{scope}">
@@ -47,21 +38,38 @@
 			<!-- 权限设置 -->
 			<!-- <template #slot-auth="{scope}">
 				<el-button type="text" @click="authBtnFn(scope.row)">权限设置</el-button>
-			</template> -->
+			</template>-->
 			<!-- 编辑 -->
+			<!--
 			<template #slot-modify="{scope}">
 				<el-button type="text" @click="modifyBtnFn(scope.row)">编辑</el-button>
 			</template>
+			-->
+
 			<!-- 删除 -->
+			<!--
 			<template #slot-del="{scope}">
 				<el-button type="text" @click="delBtnFn(scope.row)">删除</el-button>
 			</template>
+			-->
 
 			<!-- 添加 -->
 			<template #slot-add-ad-btn="{scope}">
 				<el-button type="primary" size="mini" @click="addBtnFn">添加</el-button>
 			</template>
+
 		</x-crud>
+
+		<el-dialog title="扫码添加员工" :visible.sync="showMiniCode" width="600px">
+			<div style="text-align:center;">
+				<img :src="miniCodeSrc" style="margin:0 auto;width:280px;" />
+			</div>
+			<span slot="footer" class="dialog-footer">
+				<el-button @click="showMiniCode = false">取 消</el-button>
+				<el-button type="primary" @click="showMiniCode = false">确 定</el-button>
+			</span>
+		</el-dialog>
+
 		<!-- 新增弹窗 -->
 		<el-dialog
 			:title="`${addOrModify == 1 ? '添加' : '修改'}员工`"
@@ -70,33 +78,17 @@
 			width="600px"
 		>
 			<div class="ad-modal-content">
-				<el-form
-					:model="adForm"
-					:rules="ruleForm"
-					ref="adForm"
-					label-width="100px"
-					class="demo-form"
-				>
+				<el-form :model="adForm" :rules="ruleForm" ref="adForm" label-width="100px" class="demo-form">
 					<el-form-item label="姓名" prop="adminName">
-						<el-input
-							v-model="adForm.adminName"
-							placeholder="请输入姓名"
-							size="small"
-						></el-input>
+						<el-input v-model="adForm.adminName" placeholder="请输入姓名" size="small"></el-input>
 					</el-form-item>
 					<el-form-item label="角色" prop="roleId">
-						<el-select
-							v-model="adForm.roleName"
-							size="small"
-							placeholder="请选择角色"
-							@change="selRoleFn"
-						>
+						<el-select v-model="adForm.roleName" size="small" placeholder="请选择角色" @change="selRoleFn">
 							<el-option
 								v-for="(item, index) in roleList"
 								:key="index"
 								:value="item.roleName"
-								>{{ item.roleName }}</el-option
-							>
+							>{{ item.roleName }}</el-option>
 						</el-select>
 					</el-form-item>
 					<!--
@@ -124,37 +116,22 @@
 					</el-form-item>
 					-->
 					<el-form-item label="登陆密码" prop="password">
-						<el-input
-							v-model="adForm.password"
-							placeholder="请输入登录密码"
-							type="password"
-							size="small"
-						></el-input>
+						<el-input v-model="adForm.password" placeholder="请输入登录密码" type="password" size="small"></el-input>
 					</el-form-item>
 					<el-form-item label="备注">
 						<el-input v-model="adForm.remark" type="textarea" size="small"></el-input>
 					</el-form-item>
 					<el-form-item label="收款通知" prop="remind">
-						<el-switch
-							v-model="adForm.remind"
-							active-value="1"
-							inactive-value="0"
-						></el-switch>
+						<el-switch v-model="adForm.remind" active-value="1" inactive-value="0"></el-switch>
 					</el-form-item>
 					<el-form-item label="启用状态" prop="status">
-						<el-switch
-							v-model="adForm.status"
-							active-value="1"
-							inactive-value="0"
-						></el-switch>
+						<el-switch v-model="adForm.status" active-value="1" inactive-value="0"></el-switch>
 					</el-form-item>
 				</el-form>
 			</div>
 			<div slot="footer" class="dialog-footer">
 				<el-button size="small" @click="resetForm">取 消</el-button>
-				<el-button type="primary" size="small" @click="submitForm('adForm')"
-					>确认</el-button
-				>
+				<el-button type="primary" size="small" @click="submitForm('adForm')">确认</el-button>
 			</div>
 		</el-dialog>
 		<!-- 选择商品 -->
@@ -186,6 +163,8 @@ export default {
 			// 新增或者修改弹窗
 			addOrModify: 1,
 			addDialog: false,
+			showMiniCode: false,
+			miniCodeSrc: '',
 			adForm: {
 				adminName: '',
 				roleId: '',
@@ -331,7 +310,11 @@ export default {
 				};
 			}
 			host(adForm).then(res => {
-				this.$message.success('操作成功!');
+				
+				this.miniCodeSrc = res.miniCode;
+				this.showMiniCode = true;
+
+				//this.$message.success('操作成功!');
 				this.resetForm();
 				this.app.refresh({ type: this.tabIndex });
 			});