fj-dc-ui/.svn/pristine/60/60a132cbde13a9e3fedf8b36e63f9204071fc4fb.svn-base

<template>
    <el-dialog title="整改反馈" width="50%" :visible.sync="dialogFormVisible" @close="closeDialog" :close-on-click-modal="false" :modal-append-to-body="true" :append-to-body="true">
        <el-form :model="form" label-width="110px">
            <el-form-item label="问题名称：">
              <el-input v-model="form.estUnit" clearable></el-input>
            </el-form-item>
            <el-form-item label="整改状态：">
                <el-select v-model="form.estUnit" placeholder="请选择">
                    <el-option
                    v-for="item in rectifyStatus"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="整改说明：">
                <el-input v-model="form.estUnit" type="textarea" :rows="5" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="多媒体：">
                <upload-img
                    ref="uploadFile"
                    :url="`/pdcApi/file/insert?bizId=`"
                    @uploadOver="removeNewSupervision"
                ></upload-img>
            </el-form-item>
            <el-form-item label="文件：">
                <upload
                    ref="uploadFile"
                    :url="`/pdcApi/file/insert?bizId=`"
                    @uploadOver="removeNewSupervision"
                ></upload>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button  size="mini" @click="closeDialog">取 消</el-button>
            <el-button  size="mini" type="primary" @click="addFile">保 存</el-button>
        </div>
    </el-dialog>
</template>
<script>
import {addFileApi} from '@api/InspectionReport.js'
export default {
    props: ['listId'],   //底稿id
    data() {
    //这里存放数据
        return {
            dialogFormVisible: true,
            form:{
                catalogName: '',
                estUnit: '',  //编制单位
                estTm: '',    //编制时间
                listId: '',    //底稿id
                persId: '',
                gwComFileList: []
            },
            gwComFileList: [],
            rectifyStatus: [
                {label:'未整改',value: '0'},
                {label:'整改中',value: '1'},
                {label:'已整改',value: '2'}
            ]
        };
    },
    components:{
        upload: resolve => {
            require(["@widget/uploadFile.vue"], resolve);
        },
        uploadImg: resolve => {
            require(["@widget/uploadFileWithPic.vue"], resolve);
        }
    },
    computed: {
        persId() {
            return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
        },
    },
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        //添加资料
        addFile(){
            this.form.listId = this.listId
            this.form.persId = this.persId
            addFileApi(this.form).then(res=>{
                if(res.success){
                    this.gwComFileList = [];
                    if (this.$refs.uploadFile.submitUpload(res.data.id)) {
                        this.removeNewSupervision();
                    }
                    this.$message.success('添加成功')
                }
            }).catch(err=>{
                this.$message.error(err)
            })
        },
        closeDialog(){
            this.$emit('dialogClose')
        },
        removeNewSupervision(arg) {
            if (arg) {
                var args = this.gwComFileList.concat(arg);
            }
            this.gwComFileList = [];
            this.$emit('dialogClose')
        },
        // 文件上传
        submitUpload() {
            this.$refs.upload.submit();
        },
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {

    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    }
}
</script>
<style scoped>

</style>