Переглянути джерело

refactor(用户信息编辑): 调整表单布局并优化字段命名

调整表单元素间距,将栅格间隔从16改为64以改善布局
统一字段命名规范,将xrayOperatorStartDate改为xrayMachineOperatorStartTime
拆分免考核时间范围字段为独立的开始和结束时间字段
huoyi 3 днів тому
батько
коміт
9652298d1e
1 змінених файлів з 17 додано та 11 видалено
  1. 17 11
      src/views/system/user/components/UserInfoEdit.vue

+ 17 - 11
src/views/system/user/components/UserInfoEdit.vue

@@ -2,7 +2,7 @@
2 2
   <div class="formWrap">
3 3
     <el-form :model="form" :rules="rules" ref="userRef" label-width="8em">
4 4
       <el-card header="基本信息" style="margin-bottom: 10px;">
5
-        <el-row :gutter="16">
5
+        <el-row :gutter="64">
6 6
           <el-col :span="12">
7 7
             <el-form-item label="用户昵称" prop="nickName">
8 8
               <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
@@ -88,8 +88,8 @@
88 88
             </el-form-item>
89 89
           </el-col>
90 90
           <el-col :span="12">
91
-            <el-form-item label="X光机开机员工作开始时间" prop="xrayOperatorStartDate">
92
-              <el-date-picker v-model="form.xrayOperatorStartDate" type="date" placeholder="请选择开始工作时间"
91
+            <el-form-item label="X光机开机员工作开始时间" prop="xrayMachineOperatorStartTime" :label-width="'180px'">
92
+              <el-date-picker v-model="form.xrayMachineOperatorStartTime" type="date" placeholder="请选择开始工作时间"
93 93
                 value-format="YYYY-MM-DD" style="width: 100%;" />
94 94
             </el-form-item>
95 95
           </el-col>
@@ -101,24 +101,30 @@
101 101
             </el-form-item>
102 102
           </el-col>
103 103
           <el-col :span="12">
104
-            <el-form-item label="是否参加考核" prop="participateAssessment">
105
-              <el-radio-group v-model="form.participateAssessment">
104
+            <el-form-item label="是否参加考核" prop="takeAssessment">
105
+              <el-radio-group v-model="form.takeAssessment">
106 106
                 <el-radio :value="'1'">是</el-radio>
107 107
                 <el-radio :value="'0'">否</el-radio>
108 108
               </el-radio-group>
109 109
             </el-form-item>
110 110
           </el-col>
111
-          <el-col :span="24" v-if="form.participateAssessment === '0'">
111
+          <el-col :span="24" v-if="form.takeAssessment === '0'">
112 112
             <el-row :gutter="16">
113 113
               <el-col :span="12">
114
-                <el-form-item label="免考核时间范围" prop="exemptionPeriod">
115
-                  <el-date-picker v-model="form.exemptionPeriod" type="daterange" range-separator="至"
116
-                    start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 100%;" />
114
+                <el-form-item label="免考核开始时间" prop="exemptTakeAssessmentStartTime">
115
+                  <el-date-picker v-model="form.exemptTakeAssessmentStartTime" type="date" placeholder="请选择开始日期"
116
+                    value-format="YYYY-MM-DD" style="width: 100%;" />
117
+                </el-form-item>
118
+              </el-col>
119
+              <el-col :span="12">
120
+                <el-form-item label="免考核结束时间" prop="exemptTakeAssessmentEndTime">
121
+                  <el-date-picker v-model="form.exemptTakeAssessmentEndTime" type="date" placeholder="请选择结束日期"
122
+                    value-format="YYYY-MM-DD" style="width: 100%;" />
117 123
                 </el-form-item>
118 124
               </el-col>
119 125
               <el-col :span="12">
120
-                <el-form-item label="免考核备注" prop="exemptionRemark">
121
-                  <el-input v-model="form.exemptionRemark" placeholder="请输入免考核备注" />
126
+                <el-form-item label="免考核备注" prop="exemptTakeAssessmentRemark">
127
+                  <el-input v-model="form.exemptTakeAssessmentRemark" placeholder="请输入免考核备注" />
122 128
                 </el-form-item>
123 129
               </el-col>
124 130
             </el-row>