人员管理增加生日字段

src/views/basicManage/personManage/addAndEditForm.vue

@@ -46,6 +46,18 @@
                 v-model.trim="formData.phone"
             />
         </el-form-item>
+
+        <el-form-item label="生日" prop="birthday">
+            <el-date-picker
+                type="date"
+                clearable
+                style="width: 100%"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择生日"
+                v-model="formData.birthday"
+            />
+        </el-form-item>
     </el-form>
 </template>
 
@@ -76,6 +88,8 @@ const rules = {
             trigger: 'blur',
         },
     ],
+
+    birthday: [{ required: true, message: '请选择生日', trigger: 'change' }],
 }
 
 /** 查询部门下拉树结构 */

src/views/basicManage/personManage/config.js

@@ -50,6 +50,10 @@ export const tableColumns = [
         label: '电话',
         // formatter: (row) => (CryptoUtil.decrypt(row.phone)),
     },
+    {
+        prop: 'birthday',
+        label: '生日',
+    },
 ]
 
 export const dialogConfig = reactive({

src/views/basicManage/personManage/index.vue

@@ -136,6 +136,7 @@ const getInitFormData = () => ({
     workerName: '', // 姓名
     sex: 1, // 性别：1 男，0 女（与表单单选保持一致）
     phone: '', // 电话
+    birthday: '', // 生日
 })
 
 const addAndEditForm = ref(getInitFormData())
@@ -159,6 +160,7 @@ const actionColumns = [
                     workerName: workerName || '',
                     // phone: phone ? CryptoUtil.decrypt(phone) : '',
                     phone,
+                    birthday: birthday || '',
                     sex: sex !== undefined ? sex * 1 : 1,
                 })
             })