|
@@ -3,7 +3,7 @@ defineOptions({ name: 'StaffDetail' })
|
|
|
|
|
|
import { useQuery, useMutation } from '@tanstack/vue-query'
|
|
import { useQuery, useMutation } from '@tanstack/vue-query'
|
|
import { getRecordsDetail, editRecordsDetail } from '@/api/oa/staffRecords'
|
|
import { getRecordsDetail, editRecordsDetail } from '@/api/oa/staffRecords'
|
|
-import { formConfigList, formRules } from './index'
|
|
|
|
|
|
+import { formConfigList } from './index'
|
|
import { FormInstance } from 'element-plus'
|
|
import { FormInstance } from 'element-plus'
|
|
|
|
|
|
const { query } = useRoute()
|
|
const { query } = useRoute()
|
|
@@ -80,13 +80,7 @@ const isEdit = computed(() => {
|
|
v-if="formData != undefined"
|
|
v-if="formData != undefined"
|
|
:class="isEdit ? 'my-portrait' : 'my-portrait form-unable-edit'"
|
|
:class="isEdit ? 'my-portrait' : 'my-portrait form-unable-edit'"
|
|
>
|
|
>
|
|
- <el-form
|
|
|
|
- ref="formRef"
|
|
|
|
- :model="formData"
|
|
|
|
- :rules="formRules"
|
|
|
|
- label-width="150px"
|
|
|
|
- :disabled="!isEdit"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form ref="formRef" :model="formData" label-width="150px" :disabled="!isEdit">
|
|
<div class="my-portrait-item" v-for="(item, index) in formConfigList" :key="index">
|
|
<div class="my-portrait-item" v-for="(item, index) in formConfigList" :key="index">
|
|
<div class="title">
|
|
<div class="title">
|
|
<i></i>
|
|
<i></i>
|
|
@@ -220,6 +214,11 @@ const isEdit = computed(() => {
|
|
box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .el-input.is-disabled .el-input__inner {
|
|
|
|
+ color: #2d333c;
|
|
|
|
+ -webkit-text-fill-color: #2d333c;
|
|
|
|
+ }
|
|
|
|
+
|
|
.el-form-item__label {
|
|
.el-form-item__label {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
color: #455773;
|
|
color: #455773;
|