|
|
@ -50,7 +50,16 @@ |
|
|
|
<el-input v-model="recordForm.idcard" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="借阅时间" prop="lendDates"> |
|
|
|
<date-range-picker v-model="recordForm.lendDates" /> |
|
|
|
<!-- <date-range-picker v-model="recordForm.lendDates" /> --> |
|
|
|
<el-date-picker |
|
|
|
v-model="recordForm.lendDates" |
|
|
|
value-format="yyyy-MM-dd hh:mm:ss" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
:picker-options="pickerOptions" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="借阅目的" prop="purpose" class="down-select"> |
|
|
|
<el-select v-model="recordForm.purpose" placeholder="请选择"> |
|
|
@ -76,11 +85,11 @@ import { FetchFindBorrowerByQuery, FetchRegisterBorrow } from '@/api/archivesMan |
|
|
|
import { form } from '@crud/crud' |
|
|
|
import { validatePhone } from '@/utils/validate' |
|
|
|
import { lendingCrud } from '../../mixins/lending' |
|
|
|
import DateRangePicker from '@/components/DateRangePicker' |
|
|
|
// import DateRangePicker from '@/components/DateRangePicker' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'LendRecord', |
|
|
|
components: { DateRangePicker }, |
|
|
|
// components: { DateRangePicker }, |
|
|
|
mixins: [form({}), lendingCrud], |
|
|
|
data() { |
|
|
|
return { |
|
|
@ -103,6 +112,12 @@ export default { |
|
|
|
lendDates: [{ required: true, trigger: 'change', message: '请选择借阅时间' }] |
|
|
|
// idcard: [{ trigger: 'blur', validator: validateIdNo }] |
|
|
|
}, |
|
|
|
// 设置不能选则当天之前的时间 写data()中 |
|
|
|
pickerOptions: { |
|
|
|
disabledDate(time) { |
|
|
|
return time.getTime() < Date.now() - 8.64e7 |
|
|
|
} |
|
|
|
}, |
|
|
|
borrowGoalOptions: [ |
|
|
|
{ value: '工作考察', label: '工作考察' }, |
|
|
|
{ value: '学术考究', label: '学术考究' }, |
|
|
@ -201,4 +216,7 @@ export default { |
|
|
|
::v-deep .el-input__inner{ |
|
|
|
width: 320px; |
|
|
|
} |
|
|
|
::v-deep .el-range-editor--small .el-range-separator{ |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
</style> |