Files
zhgh_whcp/target/classes/static/components/module/kh/UploadMaterials.vue
T
2026-01-08 14:58:16 +08:00

82 lines
2.0 KiB
Vue

<template>
<el-form :model="data" ref="form" :rules="formRules" label-width="100px">
<el-form-item prop="nr" label="考核内容">
<el-input disabled v-model="data.nr" type="text"></el-input>
</el-form-item>
<el-form-item prop="bz" label="考核标准">
<el-input disabled v-model="data.bz" type="textarea" :autosize="{ minRows: 2, maxRows: 10}"></el-input>
</el-form-item>
<el-form-item prop="remark" label="考核验收方式">
<el-input disabled v-model="data.remark" type="textarea" :autosize="{ minRows: 2, maxRows: 10}"
placeholder="暂无考核验收方式"></el-input>
</el-form-item>
<el-form-item prop="clnr" label="材料说明">
<el-input v-model="data.clnr" type="textarea" :autosize="{ minRows: 2, maxRows: 10}"
placeholder="暂无材料说明" :disabled="is_view"></el-input>
</el-form-item>
<el-form-item label="佐证材料">
<template v-if="is_view">
<span v-if="!data.files">暂无佐证材料</span>
<file-preview v-else :files="data.files" complete_result></file-preview>
</template>
<template v-else>
<file-upload
:value.sync="data.files"
:upload_number="50"
upload_mode="drag"
upload_result_category="array"
complete_result
:accept="'.pdf,.doc,.docx,.jpg,.png'"
></file-upload>
</template>
</el-form-item>
<slot name="extra"></slot>
</el-form>
</template>
<script>
const METHOD_NAME = "change"
module.exports = {
props: {
is_view: {
type: Boolean,
default: false
},
width: "200px",
data: {
type: Object,
default: {
files: () => [],
}
},
},
// components: {
// 'file-upload': httpVueLoader('/components/plugins/FileUpload.vue')
// },
data() {
return {
formRules: {
xxx: [{required: true, message: '', trigger: ['blur', 'change']}]
}
}
},
methods: {},
watch: {},
created() {
}
}
</script>
<style>
</style>