|
|
|
@ -18,68 +18,63 @@ |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
filterable |
|
|
|
:filter-method="findBorrower" |
|
|
|
@clear="clearBorrowerData" |
|
|
|
@change="handleSelectValue" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="(item,index) in options" |
|
|
|
:key="index" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
:label="item.borrowerName+'-'+item.phone" |
|
|
|
:value="item.borrowerName+'-'+item.phone" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="电话号码" prop="tel"> |
|
|
|
<el-input v-model="recordForm.tel" /> |
|
|
|
<el-form-item label="电话号码" prop="phone"> |
|
|
|
<el-input v-model.number="recordForm.phone" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属部门" prop="department" class="down-select"> |
|
|
|
<el-select |
|
|
|
v-model="recordForm.departmentDatas" |
|
|
|
multiple |
|
|
|
v-model="recordForm.department" |
|
|
|
placeholder="请选择" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in recordForm.departmentDatas" |
|
|
|
:key="item.name" |
|
|
|
:disabled="level !== 1 && item.level <= level" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
v-for="(item,index) in departOptions" |
|
|
|
:key="index" |
|
|
|
:label="item.dicName" |
|
|
|
:value="item.dicName" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="证件类型" prop="idType" class="down-select"> |
|
|
|
<el-form-item label="证件类型" prop="cardType" class="down-select"> |
|
|
|
<el-select |
|
|
|
v-model="recordForm.idType" |
|
|
|
multiple |
|
|
|
v-model="recordForm.cardType" |
|
|
|
placeholder="请选择" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in recordForm.idType" |
|
|
|
:key="item.name" |
|
|
|
:disabled="level !== 1 && item.level <= level" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
v-for="(item,index) in idTypeOptions" |
|
|
|
:key="index" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="证件号码" prop="idNumber"> |
|
|
|
<el-input v-model="recordForm.idNumber" /> |
|
|
|
<el-form-item label="证件号码" prop="idcard"> |
|
|
|
<el-input v-model="recordForm.idcard" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="借阅时间" prop="lendDate"> |
|
|
|
<date-range-picker v-model="lendDates" /> |
|
|
|
<!-- <el-date-picker v-model="lendDates" type="daterange" start-placeholder="开始日期" range-separator="至" end-placeholder="结束日期" style="width: 320px;" /> --> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="借阅目的" prop="borrowGoal" class="down-select"> |
|
|
|
<el-form-item label="借阅目的" prop="purpose" class="down-select"> |
|
|
|
<el-select |
|
|
|
v-model="recordForm.borrowGoal" |
|
|
|
multiple |
|
|
|
v-model="recordForm.purpose" |
|
|
|
placeholder="请选择" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in recordForm.borrowGoal" |
|
|
|
:key="item.name" |
|
|
|
:disabled="level !== 1 && item.level <= level" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
v-for="(item,index) in borrowGoalOptions" |
|
|
|
:key="index" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -93,52 +88,115 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { header } from '@crud/crud' |
|
|
|
import DateRangePicker from '@/components/DateRangePicker' |
|
|
|
import { validatePhone, validateIdNo } from '@/utils/validate' |
|
|
|
import { FetchFindBorrowerByQuery, FetchRegisterBorrow } from '@/api/archivesManage/lendManage' |
|
|
|
import { FetchFindAllSubsetById } from '@/api/archivesConfig/dictDetail' |
|
|
|
export default { |
|
|
|
components: { DateRangePicker }, |
|
|
|
mixins: [header()], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
lendDates: '', |
|
|
|
recordSelections: [], |
|
|
|
recordFormVisible: false, |
|
|
|
recordForm: { |
|
|
|
borrowerName: '', |
|
|
|
tel: '', |
|
|
|
departmentDatas: [], |
|
|
|
idType: [], |
|
|
|
idNumber: '', |
|
|
|
lendDate: '', |
|
|
|
borrowGoal: [] |
|
|
|
borrowerName: null, |
|
|
|
phone: null, |
|
|
|
department: null, |
|
|
|
cardType: null, |
|
|
|
idcard: null, |
|
|
|
borrowerStart: null, |
|
|
|
borrowerEnd: null, |
|
|
|
purpose: null |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
borrowerName: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
|
|
|
tel: [{ required: true, message: '请输入电话号码', trigger: 'blur' }] |
|
|
|
borrowerName: [{ required: true, message: '请输入姓名', trigger: 'blur, change' }], |
|
|
|
phone: [{ required: true, trigger: 'blur', validator: validatePhone }], |
|
|
|
idcard: [{ trigger: 'blur', validator: validateIdNo }] |
|
|
|
}, |
|
|
|
options: [ |
|
|
|
{ |
|
|
|
value: '小红-000000000000', |
|
|
|
label: '小红-000000000000' |
|
|
|
}, { |
|
|
|
value: '小明-111111111111', |
|
|
|
label: '小明-111111111111' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '小黑-222222222222', |
|
|
|
label: '小黑-222222222222' |
|
|
|
} |
|
|
|
lendDates: [], |
|
|
|
options: [], |
|
|
|
idTypeOptions: [ |
|
|
|
{ value: '身份证', label: '身份证' }, |
|
|
|
{ value: '军官证', label: '军官证' }, |
|
|
|
{ value: '士官证', label: '士官证' }, |
|
|
|
{ value: '文职人员证', label: '文职人员证' } |
|
|
|
], |
|
|
|
departOptions: [], |
|
|
|
borrowGoalOptions: [ |
|
|
|
{ value: '工作考察', label: '工作考察' }, |
|
|
|
{ value: '学术考究', label: '学术考究' }, |
|
|
|
{ value: '经济建设', label: '经济建设' }, |
|
|
|
{ value: '落实政策', label: '落实政策' }, |
|
|
|
{ value: '个人取证', label: '个人取证' }, |
|
|
|
{ value: '其他', label: '其他' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getDepart() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
findBorrower(val) { |
|
|
|
this.recordForm.borrowerName = val |
|
|
|
if (val) { |
|
|
|
this.getBorrower('blur') |
|
|
|
} else { |
|
|
|
this.options = [] |
|
|
|
} |
|
|
|
}, |
|
|
|
getBorrower(type) { |
|
|
|
const params = { |
|
|
|
'query': this.recordForm.borrowerName |
|
|
|
} |
|
|
|
FetchFindBorrowerByQuery(params).then(data => { |
|
|
|
if (data.length === 0) { |
|
|
|
console.log('暂无此人') |
|
|
|
} |
|
|
|
this.options = data |
|
|
|
if (type === 'select') { |
|
|
|
this.recordForm.department = data[0].department |
|
|
|
this.recordForm.cardType = data[0].cardType |
|
|
|
this.recordForm.idcard = data[0].idcard |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getDepart() { |
|
|
|
FetchFindAllSubsetById({ id: 'BA3910917510B181160A9A' }).then(data => { |
|
|
|
this.departOptions = data |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleRecordConfirm() { |
|
|
|
this.$refs.recordFormDom.validate((valid) => { |
|
|
|
this.recordForm.borrowerStart = this.lendDates[0] |
|
|
|
this.recordForm.borrowerEnd = this.lendDates[1] |
|
|
|
if (valid) { |
|
|
|
this.$message({ |
|
|
|
message: '登记成功！', |
|
|
|
type: 'success' |
|
|
|
const rbIds = this.recordSelections.map(item => item.id) |
|
|
|
const params = { |
|
|
|
'borrower': { |
|
|
|
'borrowerName': this.recordForm.borrowerName, |
|
|
|
'cardType': this.recordForm.cardType, |
|
|
|
'department': this.recordForm.department, |
|
|
|
'idcard': this.recordForm.idcard, |
|
|
|
'phone': this.recordForm.phone |
|
|
|
}, |
|
|
|
'borrowerStart': this.recordForm.borrowerStart, |
|
|
|
'borrowerEnd': this.recordForm.borrowerEnd, |
|
|
|
'purpose': this.recordForm.purpose, |
|
|
|
'rbIds': rbIds |
|
|
|
} |
|
|
|
FetchRegisterBorrow(params).then(data => { |
|
|
|
console.log(data) |
|
|
|
this.$message({ |
|
|
|
message: '登记成功！', |
|
|
|
type: 'success' |
|
|
|
}) |
|
|
|
this.recordFormVisible = false |
|
|
|
this.$refs.recordFormDom.resetFields() |
|
|
|
this.$refs.recordFormDom.clearValidate() |
|
|
|
this.crud.refresh() |
|
|
|
}) |
|
|
|
this.recordFormVisible = false |
|
|
|
this.$refs.recordFormDom.resetFields() |
|
|
|
this.$refs.recordFormDom.clearValidate() |
|
|
|
} else { |
|
|
|
this.$message.error('登记失败！') |
|
|
|
return false |
|
|
|
@ -147,9 +205,13 @@ export default { |
|
|
|
}, |
|
|
|
handleSelectValue(val) { |
|
|
|
this.recordForm.borrowerName = val.split('-')[0] |
|
|
|
this.recordForm.tel = val.split('-')[1] |
|
|
|
this.recordForm.phone = val.split('-')[1] |
|
|
|
this.getBorrower('select') |
|
|
|
this.$forceUpdate() |
|
|
|
}, |
|
|
|
clearBorrowerData(val) { |
|
|
|
this.$refs.recordFormDom.resetFields() |
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.$refs.recordFormDom.resetFields() |
|
|
|
this.$refs.recordFormDom.clearValidate() |
|
|
|
|
