fj-dc-ui/.svn/pristine/7a/7aeeb8553dacfcdefa8fa70edc0e59e34753a827.svn-base

<template>
    <el-dialog title="任务处理" :visible.sync="dialogVisible" :close-on-click-modal="false" width="60%"
        @close="closeDialog">
        <el-form size="mini" label-width="150px">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="请输入印发文号">
                        <el-input placeholder="请输入印发文号" v-model="updateObj.pblmNub" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="请输入印发文号名称">
                        <el-input placeholder="请输入印发文号名称" v-model="updateObj.pblmNubName" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="请输入责任处室">
                        <el-input placeholder="请输入责任处室" v-model="updateObj.dutyName" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="请选择整改时限">
                        <el-date-picker v-model="updateObj.pblmCrtm" type="date" format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd" placeholder="请选择整改时限">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="请选择督察类型">
                        <el-select v-model="updateObj.objType" disabled placeholder="请选择督查类型" clearable>
                            <el-option v-for="item in dcTypeList" :key="item.code" :label="item.inspName"
                                :value="item.inspType">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="请输入督察对象">
                        <el-input readonly="readonly" placeholder="请输入督察对象" v-model="updateObj.objName" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题类别">
                        <el-input readonly="readonly" placeholder="请输入问题类别" v-model="updateObj.pblmNameBz" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="检查项目">
                        <el-input readonly="readonly" placeholder="请输入检查项目" v-model="updateObj.checkPointBz" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题描述">
                        <el-input readonly="readonly" placeholder="请输入问题描述" v-model="updateObj.pblmDescBz" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="详细描述">
                        <el-input readonly="readonly" placeholder="请输入详细描述" v-model="updateObj.inspPblmDesc" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="严重程度">
                        <el-select v-model="updateObj.inspPblmCate" disabled placeholder="请选择严重程度" clearable>
                            <el-option readonly="readonly" v-for="item in inspPblmCateList" :label="item.name"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="上报时间">
                        <el-date-picker disabled v-model="updateObj.pblmTm" type="date" format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd" placeholder="请选择上报时间">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="整改建议">
                        <el-input type="textarea" v-model="updateObj.pblmReason" placeholder="请输入整改建议"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="是否反馈">
                        <el-select v-model="updateObj.isRect" disabled placeholder="请选择是否反馈" clearable>
                            <el-option v-for="item in isRectList" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="预计完成时间">
                        <el-date-picker disabled v-model="updateObj.pblmPltm" type="date" format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd" placeholder="请选择预计完成时间">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="实际完成时间">
                        <el-date-picker disabled v-model="updateObj.pblmActm" type="date" format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd" placeholder="实际完成时间">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="整改状态">
                        <el-select v-model="updateObj.crtState" disabled placeholder="请选择整改状态" clearable>
                            <el-option v-for="item in crtStateList" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="整改信息说明">
                        <el-input type="textarea" readonly="readonly" v-model="updateObj.crtInfo"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题状态">
                        <el-select v-model="updateObj.pblmState" disabled placeholder="请选择问题状态" clearable>
                            <el-option readonly="readonly" v-for="item in rectificationStatus" :label="item.name"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="接收单位">
                        <el-input readonly="readonly" placeholder="请输入接收单位" v-model="updateObj.recvOrgName" clearable>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <el-table border ref="zgTable" :height="300" :data="tableDataLog" tooltip-effect="dark"
                        style="width: 100%">
                        <el-table-column align="center" type="index" label="序号" min-width="25">
                            <template slot-scope="scope">{{(scope.$index + 1) }}</template>
                        </el-table-column>
                        <el-table-column header-align="center" align="center" prop="orgNm" label="操作机构名称"
                            show-overflow-tooltip></el-table-column>
                        <el-table-column header-align="center" align="center" prop="persName" label="操作人员名称"
                            show-overflow-tooltip></el-table-column>
                        <el-table-column header-align="center" align="center" prop="stateNote" label="状态描述"
                            show-overflow-tooltip></el-table-column>
                        <el-table-column header-align="center" align="center" prop="note" label="备注或驳回原因"
                            show-overflow-tooltip></el-table-column>
                        <el-table-column header-align="center" align="center" prop="intm" :formatter="formatDate"
                            label="创建时间" show-overflow-tooltip></el-table-column>
                    </el-table>
                </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <span
                        style="color:red;font-size: 10px;">下方备注显示的是当前最新的提交或被驳回的备注信息,可修改它为当前提交或驳回操作添加备注，各级备注会在上面流程信息表格内查看</span>
                </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <el-input type="textarea" v-model="updateObj.crtNote" placeholder="请输入驳回原因或下发备注"></el-input>
                </el-col>
            </el-row>
            <div style="width: 100%;display: flex;align-items: center;padding-top: 10px;justify-content: center">
                <el-button type="primary" @click="submitEdit" style="margin-right: 100px;"
                    v-if="updateObj.pblmState=='0' || updateObj.pblmState=='2' || updateObj.pblmState=='4'">保存基本信息
                </el-button>
                <el-button type="primary" size="mini" v-if="updateObj.pblmState=='0' || updateObj.pblmState=='2'"
                    @click.stop="submitRow()">提交</el-button>
                <el-button type="primary" size="mini" v-if="updateObj.pblmState=='4'"
                    @click.stop="returnBtn(updateObj.id)">驳回</el-button>
                <el-button type="primary" size="mini" v-if="updateObj.pblmState=='4'"
                    @click.stop="checkBtn(updateObj.id)">审核</el-button>
            </div>
        </el-form>
    </el-dialog>
</template>
<script>
    import request from '@util/gw_ajax_request.js'
    import dateFormat from '@util/gw_date.js'
    export default {
        props: {
            id:{
                type: String
            }
        },
        data() {
            return {
                dialogVisible: true,
                updateObj: {
                    pblmId: "",
                    pblmNub: "",
                    pblmNubName: "",
                    dutyName: "",
                    objType: "",
                    objName: "",
                    pblmNameBz: "",
                    checkPointBz: "",
                    pblmDescBz: "",
                    inspPblmDesc: "",
                    inspPblmCate: "",
                    pblmTm: "",
                    pblmCrtm: "",
                    pblmPltm: "",
                    pblmActm: "",
                    crtState: "",
                    crtInfo: "",
                    crtNote: "",
                    pblmOut: "",
                    recvOrgName: ""
                },
                dcTypeList: [],
                inspPblmCateList: [
                    {
                        name: "一般",
                        value: "0"
                    },
                    {
                        name: "较重",
                        value: "1"
                    },
                    {
                        name: "严重",
                        value: "2"
                    },
                    {
                        name: "特别严重",
                        value: "3"
                    }
                ],
                isRectList: [
                    {
                        name: "否",
                        value: "0"
                    },
                    {
                        name: "是",
                        value: "1"
                    }
                ],
                pblmOutList: [
                    {
                        name: "否",
                        value: "0"
                    },
                    {
                        name: "是",
                        value: "1"
                    }
                ],
                crtStateList: [
                    {
                        name: "未整改",
                        value: "0"
                    },
                    {
                        name: "整改中",
                        value: "1"
                    },
                    {
                        name: "整改完成",
                        value: "2"
                    },
                    {
                        name: "不具备整改条件",
                        value: "3"
                    }
                ],
                rectificationStatus: [],
                tableDataLog: [],
            }
        },
        computed:{
        },
        mounted() {
        },
        methods: {
            // 获取待办任务详情
            getTaskDetail(){
                request.get(`/bis/v1/workflow/qryTaskDetail/${this.id}`).then(res=>{
                    if(res.success){
                        this.updateObj = res.data
                    }
                }).catch(err=>{
                    console.log(err)
                })
            },
            submitEdit(){
            },
            submitRow(){
                let data = {}
                request.post(`/bis/v1/workflow/taskAction/${this.id}/submit`, data).then(res=>{
                    if(res.success){
                        this.$message.success('修改成功')
                    }
                }).catch(err=>{
                    console.log(err)
                })},
            returnBtn(){
                let data = {}
                request.post(`/bis/insp/pblm/plist/v1/workflow/taskAction/${this.id}/back`, data).then(res=>{
                    if(res.success){
                        this.$message.success('回退成功')
                    }
                }).catch(err=>{
                    console.log(err)
                })
            },
            checkBtn(){},
            closeDialog(){
                this.$emit('closeDialog')
            },
            formatDate(row){
                return dateFormat(row.intm, 'yyyy-MM-dd')
            }
        }
    }
</script>
<style lang="">

</style>