部门筛选样式

web/src/views/gas/personnel/PersonnelForm.vue

@@ -15,7 +15,7 @@
       </el-form-item>
       <el-form-item label="部门" prop="deptId">
         <el-cascader
-          class="w-100"
+          class="w-[100%]"
           v-model="formData.deptId"
           :options="deptList"
           :props="{
@@ -95,6 +95,7 @@ const formData = ref({
 })
 const formRules = reactive({
   name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+  deptId: [{ required: true, message: '部门不能为空', trigger: 'blur' }],
   status: [{ required: true, message: '状态 (1-在职, 0-离职)不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref