|
|
|
@ -125,16 +125,15 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="资金金额" prop="amount" class="ml-24"> |
|
|
|
<el-input |
|
|
|
<el-input-number |
|
|
|
:disabled="!canEdit || type === 'audit'" |
|
|
|
class="w-240" |
|
|
|
size="small" |
|
|
|
:disabled="!canEdit || type === 'accept'" |
|
|
|
type="number" |
|
|
|
:min="0" |
|
|
|
:max="9999999999" |
|
|
|
v-model="subItem.amount" |
|
|
|
placeholder="请输入" |
|
|
|
></el-input> |
|
|
|
></el-input-number> |
|
|
|
<span class="ml-8">万元</span> |
|
|
|
</el-form-item> |
|
|
|
<i |
|
|
|
@ -157,6 +156,7 @@ |
|
|
|
action="#" |
|
|
|
:http-request="handleUpload" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:on-remove="handleRemove" |
|
|
|
accept=".docx,.doc,.pdf" |
|
|
|
show-file-list |
|
|
|
:file-list="filesList" |
|
|
|
@ -176,20 +176,22 @@ |
|
|
|
:disabled="!canEdit || type === 'accept'" |
|
|
|
size="small" |
|
|
|
:rows="5" |
|
|
|
maxlength="500" |
|
|
|
type="textarea" |
|
|
|
v-model="ruleForm.remark" |
|
|
|
placeholder="请输入，文字限制500字内" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="维养图片" prop="operators"> |
|
|
|
<el-form-item label-width="130px" label="维养图片" prop="ledgerImg"> |
|
|
|
<el-upload |
|
|
|
:disabled="!canEdit || type === 'accept'" |
|
|
|
class="" |
|
|
|
action="#" |
|
|
|
:http-request="handleUploadLedger" |
|
|
|
:before-upload="beforeUploadLedger" |
|
|
|
:on-remove="handleRemoveledger" |
|
|
|
accept=".jpg,.png,.tif,.gif" |
|
|
|
show-file-list |
|
|
|
:show-file-list="false" |
|
|
|
:file-list="ledgerList" |
|
|
|
> |
|
|
|
<el-button size="small" :disabled="!canEdit || type === 'accept'" type="primary">点击上传</el-button> |
|
|
|
@ -197,6 +199,24 @@ |
|
|
|
文件上传支持.jpg .png .tif .gif 单张图片5M以内 最多上传3张 |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
<div class="mt-10 img-list-box"> |
|
|
|
<div |
|
|
|
class="img-box" |
|
|
|
v-for="(url, index) in ledgerList" |
|
|
|
:key="url" |
|
|
|
> |
|
|
|
<el-image |
|
|
|
:src="url" |
|
|
|
:preview-src-list="[url]" |
|
|
|
class="w-240 h-124" |
|
|
|
></el-image> |
|
|
|
<i |
|
|
|
class="el-icon-error del-icon" |
|
|
|
:size="18" |
|
|
|
@click="handleRemoveledger(index)" |
|
|
|
></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-row :gutter="20" v-if="type === 'accept' && canEdit"> |
|
|
|
<el-col :span="12"> |
|
|
|
@ -206,6 +226,7 @@ |
|
|
|
size="small" |
|
|
|
:rows="5" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
v-model="ruleForm.comment" |
|
|
|
placeholder="请输入，文字限制500字内" |
|
|
|
> |
|
|
|
@ -220,6 +241,7 @@ |
|
|
|
action="#" |
|
|
|
:http-request="handleUpload1" |
|
|
|
:before-upload="beforeUpload1" |
|
|
|
:on-remove="handleRemove1" |
|
|
|
accept=".docx,.doc,.pdf" |
|
|
|
show-file-list |
|
|
|
:file-list="filesList1" |
|
|
|
@ -292,15 +314,15 @@ export default { |
|
|
|
planId: [ |
|
|
|
{ required: false, message: "请输入维养计划名称", trigger: "blur" }, |
|
|
|
], |
|
|
|
before: [ |
|
|
|
{ required: true, message: "请输入维修养护前", trigger: "blur" }, |
|
|
|
remark: [ |
|
|
|
{ required: true, message: "请输入维修描述", trigger: "blur" }, |
|
|
|
], |
|
|
|
comment: [{ required: true, message: "请输入审批意见", trigger: "blur" }], |
|
|
|
middle: [ |
|
|
|
{ required: true, message: "请输入维修养护过程", trigger: "blur" }, |
|
|
|
ledgerDoc: [ |
|
|
|
{required: true, validator: this.validatorProjectList }, |
|
|
|
], |
|
|
|
after: [ |
|
|
|
{ required: true, message: "请输入维修养护结束后", trigger: "blur" }, |
|
|
|
ledgerImg: [ |
|
|
|
{ required: true, validator: this.validatorProjectListImg }, |
|
|
|
], |
|
|
|
}, |
|
|
|
supplementRules: { |
|
|
|
@ -340,6 +362,32 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleRemove(file, fileList) { |
|
|
|
this.filesList = fileList |
|
|
|
}, |
|
|
|
handleRemove1(file, fileList) { |
|
|
|
this.filesList1 = fileList |
|
|
|
}, |
|
|
|
handleRemoveledger(index) { |
|
|
|
this.ledgerList.splice(index, 1); |
|
|
|
}, |
|
|
|
// 验证维养台账 |
|
|
|
validatorProjectList(rule, value, callback) { |
|
|
|
if (this.filesList.length === 0) { |
|
|
|
callback(new Error("请上传计划方案")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 验证维养图片 |
|
|
|
validatorProjectListImg(rule, value, callback) { |
|
|
|
if (this.ledgerList.length === 0) { |
|
|
|
callback(new Error("请上传计划方案")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}, |
|
|
|
getDetail() { |
|
|
|
getRunSzYhRecord({id: this.id}).then((res) => { |
|
|
|
this.ruleForm = res.data; |
|
|
|
@ -396,8 +444,8 @@ export default { |
|
|
|
// 审批文件上传前 |
|
|
|
beforeUploadLedger(e) { |
|
|
|
const { name, size } = e; |
|
|
|
if (size > 50 * 1024 * 1024) { |
|
|
|
this.$message.warning("文件大小不能超过100M"); |
|
|
|
if (size > 5 * 1024 * 1024) { |
|
|
|
this.$message.warning("文件大小不能超过5M"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
if (!/\.(jpg|png|tif|gif)$/.test(name)) { |
|
|
|
@ -547,7 +595,7 @@ export default { |
|
|
|
const dict = this.supplementOptions?.find((element) => { |
|
|
|
return element.dictValue == supplement.type |
|
|
|
}) |
|
|
|
let subName = `${dict.dictLabel}/${supplement.amount}` |
|
|
|
let subName = `${dict.dictLabel}/${supplement.amount.replace(/\B(?=(\d{3})+(?!\d))/g, ",")}` |
|
|
|
name = name + ' ' + subName |
|
|
|
}) |
|
|
|
return name; |
|
|
|
|
hejunjie
9 months ago