|
|
|
@ -1,11 +1,13 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
|
|
|
|
<div class="exemption_dialog"> |
|
|
|
<el-dialog |
|
|
|
<el-dialog |
|
|
|
:title="infoTitle" |
|
|
|
:title="infoTitle" |
|
|
|
append-to-body |
|
|
|
|
|
|
|
:modelValue="openShow" |
|
|
|
:modelValue="openShow" |
|
|
|
width="30%" |
|
|
|
width="70%" |
|
|
|
@close="closeDialog" |
|
|
|
@close="closeDialog" |
|
|
|
|
|
|
|
custom-class="my-custom-dialog" |
|
|
|
> |
|
|
|
> |
|
|
|
|
|
|
|
<!-- custom-class="exemption_dialog" --> |
|
|
|
<avue-form |
|
|
|
<avue-form |
|
|
|
ref="form" |
|
|
|
ref="form" |
|
|
|
:option="option" |
|
|
|
:option="option" |
|
|
|
@ -13,8 +15,27 @@ |
|
|
|
:upload-after="uploadAfter" |
|
|
|
:upload-after="uploadAfter" |
|
|
|
:upload-exceed="uploadExceed" |
|
|
|
:upload-exceed="uploadExceed" |
|
|
|
:upload-delete="uploadDelete" |
|
|
|
:upload-delete="uploadDelete" |
|
|
|
></avue-form> |
|
|
|
> |
|
|
|
|
|
|
|
<template #reportUserId="{type,disabled}"> |
|
|
|
|
|
|
|
<jhSelect |
|
|
|
|
|
|
|
:value="formData.reportUserId" |
|
|
|
|
|
|
|
@input="val => (formData.reportUserId = val)" |
|
|
|
|
|
|
|
placeholder="请搜索选择" |
|
|
|
|
|
|
|
api-url="/blade-system/user/page" |
|
|
|
|
|
|
|
echo-api="/blade-system/user/page" |
|
|
|
|
|
|
|
echoParamsKey="ids" |
|
|
|
|
|
|
|
echo-method="get" |
|
|
|
|
|
|
|
api-method="get" |
|
|
|
|
|
|
|
list-key="records" |
|
|
|
|
|
|
|
total-key="total" |
|
|
|
|
|
|
|
label-key="realName" |
|
|
|
|
|
|
|
value-key="id" |
|
|
|
|
|
|
|
search-key="id" |
|
|
|
|
|
|
|
:debounce-time="500" |
|
|
|
|
|
|
|
@change="handleUserChange" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</avue-form> |
|
|
|
<template #footer> |
|
|
|
<template #footer> |
|
|
|
<span class="dialog-footer"> |
|
|
|
<span class="dialog-footer"> |
|
|
|
<el-button @click="closeDialog">取 消</el-button> |
|
|
|
<el-button @click="closeDialog">取 消</el-button> |
|
|
|
@ -22,6 +43,7 @@ |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { saveItem, updateItem, getPostItem } from '@/api/exemption/exemption'; |
|
|
|
import { saveItem, updateItem, getPostItem } from '@/api/exemption/exemption'; |
|
|
|
@ -52,6 +74,7 @@ export default { |
|
|
|
submitBtn: false, |
|
|
|
submitBtn: false, |
|
|
|
emptyBtn: false, |
|
|
|
emptyBtn: false, |
|
|
|
labelWidth: 100, |
|
|
|
labelWidth: 100, |
|
|
|
|
|
|
|
|
|
|
|
column: [ |
|
|
|
column: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '工艺员', |
|
|
|
label: '工艺员', |
|
|
|
@ -59,17 +82,18 @@ export default { |
|
|
|
search: true, |
|
|
|
search: true, |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
filter: true, |
|
|
|
filter: true, |
|
|
|
span:24, |
|
|
|
span: 12, |
|
|
|
headerAlign: 'center', |
|
|
|
headerAlign: 'center', |
|
|
|
align: 'center', |
|
|
|
align: 'center', |
|
|
|
type: 'select', |
|
|
|
type: 'select', |
|
|
|
dicUrl: '/blade-system/user/page?size=999999¤t=1', |
|
|
|
// dicUrl: '/blade-system/user/page?size=999999¤t=1', |
|
|
|
|
|
|
|
dicUrl:'/blade-system/user/list-all-by-role-alias?roleAlias=sj_craft,rb_craft', |
|
|
|
filterable: true, |
|
|
|
filterable: true, |
|
|
|
searchLabelWidth: 50, |
|
|
|
searchLabelWidth: 50, |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
label: 'realName', |
|
|
|
label: 'realName', |
|
|
|
value: 'id', |
|
|
|
value: 'id', |
|
|
|
res: 'data.records', |
|
|
|
// res: 'data.records', |
|
|
|
}, |
|
|
|
}, |
|
|
|
change: (value) => { |
|
|
|
change: (value) => { |
|
|
|
this.handleProcessUserChange(value); |
|
|
|
this.handleProcessUserChange(value); |
|
|
|
@ -89,18 +113,18 @@ export default { |
|
|
|
search: false, |
|
|
|
search: false, |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
filter: true, |
|
|
|
filter: true, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
headerAlign: 'center', |
|
|
|
headerAlign: 'center', |
|
|
|
align: 'center', |
|
|
|
align: 'center', |
|
|
|
type: 'select', |
|
|
|
type: 'select', |
|
|
|
dicUrl: '/blade-system/user/page?size=999999¤t=1', |
|
|
|
// dicUrl: '/blade-system/user/page?size=999999¤t=1', |
|
|
|
filterable: true, |
|
|
|
// filterable: true, |
|
|
|
searchLabelWidth: 50, |
|
|
|
// searchLabelWidth: 50, |
|
|
|
props: { |
|
|
|
// props: { |
|
|
|
label: 'realName', |
|
|
|
// label: 'realName', |
|
|
|
value: 'id', |
|
|
|
// value: 'id', |
|
|
|
res: 'data.records', |
|
|
|
// res: 'data.records', |
|
|
|
}, |
|
|
|
// }, |
|
|
|
rules: [ |
|
|
|
rules: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
required: true, |
|
|
|
@ -108,15 +132,15 @@ export default { |
|
|
|
trigger: 'change', |
|
|
|
trigger: 'change', |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
change: (value) => { |
|
|
|
// change: (value) => { |
|
|
|
console.log('value--------------------',value) |
|
|
|
// console.log('value--------------------',value) |
|
|
|
this.handleReportUserChange(value); |
|
|
|
// this.handleReportUserChange(value); |
|
|
|
}, |
|
|
|
// }, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '岗位', |
|
|
|
label: '岗位', |
|
|
|
prop: 'postName', |
|
|
|
prop: 'postName', |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
// disabled: true, |
|
|
|
// disabled: true, |
|
|
|
rules: [{ required: false, message: '请输入岗位', trigger: 'blur' }], |
|
|
|
rules: [{ required: false, message: '请输入岗位', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -124,46 +148,46 @@ export default { |
|
|
|
label: '发生时间', |
|
|
|
label: '发生时间', |
|
|
|
prop: 'happenDate', |
|
|
|
prop: 'happenDate', |
|
|
|
type: 'date', |
|
|
|
type: 'date', |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请选择发生时间', trigger: 'change' }], |
|
|
|
rules: [{ required: true, message: '请选择发生时间', trigger: 'change' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '免责问题描述', |
|
|
|
label: '免责问题描述', |
|
|
|
prop: 'notes', |
|
|
|
prop: 'notes', |
|
|
|
type: 'textarea', |
|
|
|
type: 'textarea', |
|
|
|
rows: 3, |
|
|
|
rows: 2, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请输入免责问题描述', trigger: 'blur' }], |
|
|
|
rules: [{ required: true, message: '请输入免责问题描述', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '原因', |
|
|
|
label: '原因', |
|
|
|
prop: 'reason', |
|
|
|
prop: 'reason', |
|
|
|
type: 'textarea', |
|
|
|
type: 'textarea', |
|
|
|
rows: 3, |
|
|
|
rows: 2, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请输入原因', trigger: 'blur' }], |
|
|
|
rules: [{ required: true, message: '请输入原因', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '措施', |
|
|
|
label: '措施', |
|
|
|
prop: 'measure', |
|
|
|
prop: 'measure', |
|
|
|
type: 'textarea', |
|
|
|
type: 'textarea', |
|
|
|
rows: 3, |
|
|
|
rows: 2, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请输入措施', trigger: 'blur' }], |
|
|
|
rules: [{ required: true, message: '请输入措施', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '免责理由', |
|
|
|
label: '免责理由', |
|
|
|
prop: 'raiseHandReason', |
|
|
|
prop: 'raiseHandReason', |
|
|
|
type: 'textarea', |
|
|
|
type: 'textarea', |
|
|
|
rows: 3, |
|
|
|
rows: 2, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请输入免责理由', trigger: 'blur' }], |
|
|
|
rules: [{ required: true, message: '请输入免责理由', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '免责金额', |
|
|
|
label: '免责金额', |
|
|
|
prop: 'amount', |
|
|
|
prop: 'amount', |
|
|
|
type: 'number', |
|
|
|
type: 'number', |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
rules: [{ required: true, message: '请输入免责金额', trigger: 'blur' }], |
|
|
|
rules: [{ required: true, message: '请输入免责金额', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
@ -172,7 +196,7 @@ export default { |
|
|
|
prop: 'fileUrl', |
|
|
|
prop: 'fileUrl', |
|
|
|
type: 'upload', |
|
|
|
type: 'upload', |
|
|
|
multiple: true, |
|
|
|
multiple: true, |
|
|
|
span: 24, |
|
|
|
span: 12, |
|
|
|
limit: 1, |
|
|
|
limit: 1, |
|
|
|
propsHttp: { |
|
|
|
propsHttp: { |
|
|
|
res: 'data', |
|
|
|
res: 'data', |
|
|
|
@ -216,6 +240,9 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
handleUserChange(value,item) { |
|
|
|
|
|
|
|
this.formData.postName = item.postName == '暂未分配' ? '' : item.postName |
|
|
|
|
|
|
|
}, |
|
|
|
uploadDelete(file, column) { |
|
|
|
uploadDelete(file, column) { |
|
|
|
console.log('uploadDelete', file, column); |
|
|
|
console.log('uploadDelete', file, column); |
|
|
|
this.attachLink = ''; |
|
|
|
this.attachLink = ''; |
|
|
|
@ -346,4 +373,14 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped></style> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
|
|
|
.exemption_dialog{ |
|
|
|
|
|
|
|
.el-dialog__body{ |
|
|
|
|
|
|
|
overflow: hidden !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// ::v-deep(.my-custom-dialog .el-dialog__body){ |
|
|
|
|
|
|
|
// overflow: hidden !important; |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
</style> |
|
|
|
|