feat(user-management-relation): 在用户管理页面集成用户带人关系组件，并修复相关的诸多BUG和样式问题

src/views/system/user-management-relation/modules/relation-operate-dialog.vue

@@ -281,28 +281,34 @@ watch(visible, value => {
             </ElSelect>
           </ElFormItem>
         </ElCol>
+      </ElRow>
+      <ElRow :gutter="16">
         <ElCol :span="12">
-          <ElFormItem label="生效开始时间" prop="effectiveFrom">
+          <ElFormItem label="生效开始时间" prop="effectiveFrom" style="width:100%">
             <ElDatePicker
               v-model="model.effectiveFrom"
               class="w-full"
               type="datetime"
               placeholder="请选择生效开始时间"
               value-format="x"
+              style="width:100%"
             />
           </ElFormItem>
         </ElCol>
         <ElCol :span="12">
-          <ElFormItem label="生效结束时间" prop="effectiveUntil">
+          <ElFormItem label="生效结束时间" prop="effectiveUntil" style="width:100%">
             <ElDatePicker
               v-model="model.effectiveUntil"
               class="w-full"
               type="datetime"
               placeholder="请选择生效结束时间"
               value-format="x"
+              style="width:100%"
             />
           </ElFormItem>
         </ElCol>
+      </ElRow>
+      <ElRow :gutter="16">
         <ElCol :span="24">
           <ElFormItem label="备注" prop="remark">
             <ElInput v-model="model.remark" type="textarea" :rows="4" placeholder="请输入备注" />
@@ -313,4 +319,6 @@ watch(visible, value => {
   </BusinessFormDialog>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+</style>