fj-dc-ui/.svn/pristine/35/35ac2e4a3e1426c68db0015b50822f2d2242fcf6.svn-base

<template>
<div>
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
        <el-form-item label="删除人姓名" prop="pblmDelPersnm ">
            <el-input v-model="ruleForm.pblmDelPersnm " :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="删除原因" prop="pblmDelNote">
            <el-input type="textarea" v-model="ruleForm.pblmDelNote"></el-input>
        </el-form-item>
        <el-form-item label="删除时间">
            <el-col :span="11">
                <el-form-item prop="date1">
                    <el-date-picker type="datetime" placeholder="选择日期" readonly	 v-model="ruleForm.date1"  style="width: 100%;"></el-date-picker>
                </el-form-item>
            </el-col>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="submitForm('ruleForm')">删除并添加原因</el-button>
            <el-button @click="resetForm('ruleForm')">重置</el-button>
        </el-form-item>
    </el-form>
</div>
</template>

<script>
import {
    updateMiaoshu,
    findPageInfo,
    submitUpload,
    showDetailsXq,
    removeSupervise,
    deleteFileById,
} from "../../api/duChaAPI.js";
import request from '../../utils/gw_ajax_request'
export default {
    props: ['deleteProblemId', ],
    data() {
        return {
            userId: localStorage.getItem('userid'),
            ruleForm: {
                pblmDelPersnm: localStorage.getItem('account'),
                pblmDelPers: localStorage.getItem('userid'),
                date1: new Date(),
                pblmDelNote: '',

            },
            rules: {
                pblmDelNote: [{
                    required: true,
                    message: '请填写删除原因',
                    trigger: 'blur'
                }]
            }
        };
    },
    watch: {

    },
    methods: {
        // 操作成功反馈
        successInfo() {
            this.ruleForm={
                pblmDelPersnm: localStorage.getItem('account'),
                pblmDelPers: localStorage.getItem('userid'),
                date1: new Date(),
                pblmDelNote: '',
            };
            this.$message({
                type: "success",
                message: "删除成功!"
            });
        },
        submitForm(formName) {
            this.$refs[formName].validate((valid) => {
                if (valid) {
                    let that = this;
                    this.$confirm("删除该问题并添加删除原因, 是否继续?", "提示", {
                        confirmButtonText: "确定",
                        cancelButtonText: "返回",
                        type: "warning"
                    }).then(
                        res => {
                            if (res === "confirm") {
                                let data = this.ruleForm;
                                data.pblmId = this.deleteProblemId
                                updateMiaoshu(data).then(res => {
                                    console.log(res)
                                    if (res.success) {
                                        removeSupervise(data.pblmId,localStorage.getItem('userid')).then(res1 => {
                                            if (res1.success) {
                                                that.successInfo();
                                                this.$emit('deleteSuccess')
                                            } else {
                                                that.$message.error(res1.message);
                                            }
                                        });
                                    }
                                })
                            }
                        },
                        res => {
                            console.log("返回");
                        }
                    );
                } else {
                    console.log('error submit!!');
                    return false;
                }
            });
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        }
    }
}
</script>

<style>

</style>