feature: 系统管理->用户管理界面

src/api/system/right/user/types.ts

@@ -69,6 +69,8 @@ export interface UserForm {
   category?: string;
   status: string;
   remark?: string;
+  cardType: string;
+  lifespan: string;
   postIds?: string[];
   roleIds: string[];
 }

src/views/system/right/user/UserDetailForm.vue

@@ -96,6 +96,21 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="formData.userId == undefined && createAccount == '1'" label="卡片类型" prop="cardType">
+              <el-select v-model="formData.cardType" placeholder="请选择">
+                <el-option v-for="item in cardTypeOptions" :key="item.typeId" :label="item.typeName" :value="item.typeId"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item v-if="formData.userId == undefined && createAccount == '1'" label="有效期" prop="lifespan">
+              <el-date-picker v-model="formData.lifespan" clearable type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择账户有效期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注" prop="remark">
@@ -120,7 +135,7 @@ import { DeptVO } from '@/api/system/dept/types';
 import { PostVO } from '@/api/system/params/post/types';
 import { RoleVO } from '@/api/system/role/types';
 import { treeselect } from '@/api/system/dept';
-import { XfConsumeDetailForm } from '@/api/consumption/XfConsumeDetail/types';
+import { listUsePtCardType } from '@/api/basics/basicParameter/ptCardtype';
 
 /** 当前组件属性 */
 defineOptions({ name: 'RecompenseForm' });
@@ -144,6 +159,8 @@ const formType = ref('');
 const command = ref('');
 // 输入项是否禁用
 const disabled = ref(true);
+// 是否自动创建账户
+const createAccount = ref('1');
 // 部门下拉数据
 const deptOptions = ref<DeptVO[]>([]);
 // 默认初始密码
@@ -152,6 +169,8 @@ const initPassword = ref<string>('');
 const postOptions = ref<PostVO[]>([]);
 // 角色下拉数据
 const roleOptions = ref<RoleVO[]>([]);
+// 卡类下拉数据
+const cardTypeOptions = ref<PtCardTypeVO[]>([]);
 // 表单引用
 const formRef = ref<ElFormInstance>();
 // 表单数据
@@ -169,6 +188,8 @@ const formData = ref<UserForm>({
   email: undefined,
   sex: undefined,
   status: '0',
+  cardType: undefined,
+  lifespan: undefined,
   remark: '',
   roleIds: []
 });
@@ -227,6 +248,11 @@ const initTreeData = async () => {
     deptOptions.value = data;
   }
 };
+// 初始化卡类数据
+const getCardTypeOption = async () => {
+  const response = await listUsePtCardType();
+  cardTypeOptions.value = response.data;
+};
 // 重置表单
 const resetForm = () => {
   formData.value = {
@@ -243,6 +269,8 @@ const resetForm = () => {
     email: undefined,
     sex: undefined,
     status: '0',
+    cardType: undefined,
+    lifespan: undefined,
     remark: '',
     postIds: [],
     roleIds: []
@@ -281,6 +309,8 @@ onMounted(() => {
   proxy?.getConfigKey('sys.user.initPassword').then((response) => {
     initPassword.value = response.data;
   });
+  // 初始化卡类数据
+  getCardTypeOption();
 });
 </script>