fj-dc-ui/.svn/pristine/49/496be1ff625d02f8c9a6f5355f9986ff6da685a1.svn-base

<template>
    <el-container style="height:520px;">
        <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
            <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
            <el-form ref="form" :model="form" label-width="340px" style="padding: 10px;">
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">取用水指标确定及落实</span><span class="hrs"></span></p>
                <el-form-item label="建管单位(项目法人)">
                    <el-input v-model="form.buildUnit" placeholder="请输入"
                              clearable style="width: 40%;"></el-input>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">资金到位情况</span><span class="hrs"></span></p>
                <el-form-item label="中央资金是否到位">
                    <el-radio-group v-model="form.aofCntlIsArv">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.aofCntlIsArv == '2'" @click="addProblemList('aofCntlIsArv')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="省级资金是否到位">
                    <el-radio-group v-model="form.aofPronIsArv">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.aofPronIsArv == '2'" @click="addProblemList('aofPronIsArv')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="市县级资金是否到位">
                    <el-radio-group v-model="form.aofCtcntIsArv">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.aofCtcntIsArv == '2'" @click="addProblemList('aofCtcntIsArv')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">治理任务与规划备案情况</span><span class="hrs"></span></p>
                <el-form-item label="治理项目是否一致">
                    <el-radio-group v-model="form.cntrlPrjIsFit">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.cntrlPrjIsFit == '2'" @click="addProblemList('cntrlPrjIsFit')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="治理长度是否一致">
                    <el-radio-group v-model="form.cntrlLongIsFit">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.cntrlLongIsFit == '2'" @click="addProblemList('cntrlLongIsFit')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">管理系统信息填报情况</span><span class="hrs"></span></p>
                <el-form-item label="进度填报是否一致">
                    <el-radio-group v-model="form.msifsPiaIsFit">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.msifsPiaIsFit == '2'" @click="addProblemList('msifsPiaIsFit')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="资金使用填报是否一致">
                    <el-radio-group v-model="form.msifsFurIsFit">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.msifsFurIsFit == '2'" @click="addProblemList('msifsFurIsFit')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">项目建设情况</span><span class="hrs"></span></p>
                <el-form-item label="进度是否存在问题">
                    <el-radio-group v-model="form.pcPlanIsPblm">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.pcPlanIsPblm == '1'" @click="addProblemList('pcPlanIsPblm')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="质量安全是否存在问题">
                    <el-radio-group v-model="form.pcQsIsPblm">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.pcQsIsPblm == '1'" @click="addProblemList('pcQsIsPblm')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">“四制”落实情况</span><span class="hrs"></span></p>
                <el-form-item label="项目法人责任制是否落实">
                    <el-radio-group v-model="form.iotfsPlprsIsWk">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.iotfsPlprsIsWk == '2'" @click="addProblemList('iotfsPlprsIsWk')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="招标投标制是否落实">
                    <el-radio-group v-model="form.iotfsTspbfpIsWk">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.iotfsTspbfpIsWk == '2'" @click="addProblemList('iotfsTspbfpIsWk')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="建设监理制是否落实">
                    <el-radio-group v-model="form.iotfsCssIsWk">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.iotfsCssIsWk == '2'" @click="addProblemList('iotfsCssIsWk')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="合同管理制是否落实">
                    <el-radio-group v-model="form.iotfsCmsIsWk">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.iotfsCmsIsWk == '2'" @click="addProblemList('iotfsCmsIsWk')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                        style="width:120px;padding-left: 10px">备注</span><span class="hrs"></span></p>
                <el-form-item label="备注">
                    <el-input
                            type="textarea"
                            :rows="4"
                            placeholder="请输入"
                            v-model="form.note"
                            style="width: 40%;">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">保 存</el-button>
                </el-form-item>
            </el-form>
        </el-main>
        <!-- 问题列表中间件 -->
        <el-dialog width="60%" :title="currentObjectName+'添加问题'" :modal='true' :append-to-body='true'
                   :before-close="getdialogFormVisible" :visible.sync="showProblemList">
            <problem-list v-if="showProblemList"
                          :objId="currentObjectId"
                          :regId="currentObjectRgstrId"
                          :objName="currentObjectName"
                          :objType="35"
                          :currentObjectRgstrId="currentObjectRgstrId"
                          @closeDialog="getdialogFormVisible"></problem-list>
        </el-dialog>


    </el-container>
</template>
<script>
    //import problemDialog from "./addProblemDialog.vue";
    import request from "@util/gw_ajax_request.js"
    //add by lch  addProlemMidForm/quShuiKouProblemList.vue
    import problemList from './addProblemForm'

    export default {
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'szRuls'],
        data() {
            return {
                checkList: [],
                form: {},
                checked1: false,
                checked2: false,
                showAddProblemDialog: false,
                problData: '',
                // add by lch
                showProblemList: false,
                checkedList1: [],
                checkedList2: [],
                saveLoading: false
            }

        },
        components: {
            problemList
        },
        computed: {
            persId() {
                return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
            }
        },
        watch: {},
        mounted() {
            this.getInfo()
        },
        methods: {
            handchange1(data) {
                this.checked1 = data
            },
            handchange2(data) {
                this.checked2 = data
            },
            getInfo() {
                request.get(`/bis/insp/samrmp/rgstr/smrmp/getBy/${this.currentObjectRgstrId}`).then(res => {
                    if (res.success && Object.keys(res.data).length) {
                        this.form = res.data;
                    } else {
                        this.$message.error(res.message)
                    }
                })
            },
            onSubmit() {
                this.form.rgstrId = this.currentObjectRgstrId
                this.form.recPersId = this.persId
                //通过填报信息判断数据填报状态
                if (!this.form.buildUnit && !this.form.aofCntlIsArv && !this.form.aofPronIsArv && !this.form.aofCtcntIsArv && !this.form.cntrlPrjIsFit && !this.form.cntrlLongIsFit && !this.form.msifsPiaIsFit && !this.form.msifsFurIsFit && !this.form.pcPlanIsPblm && !this.form.pcQsIsPblm && !this.form.iotfsPlprsIsWk && !this.form.iotfsTspbfpIsWk && !this.form.iotfsCssIsWk && !this.form.iotfsCmsIsWk && !this.form.note) {
                    this.form.status = '0'
                } else if (this.form.buildUnit && this.form.aofCntlIsArv && this.form.aofPronIsArv && this.form.aofCtcntIsArv && this.form.cntrlPrjIsFit && this.form.cntrlLongIsFit && this.form.msifsPiaIsFit && this.form.msifsFurIsFit && this.form.pcPlanIsPblm && this.form.pcQsIsPblm && this.form.iotfsPlprsIsWk && this.form.iotfsTspbfpIsWk && this.form.iotfsCssIsWk && this.form.iotfsCmsIsWk && this.form.note) {
                    this.form.status = '2'
                } else {
                    this.form.status = '1'
                }

                if (!this.saveLoading) {
                    this.saveLoading = true
                    this.$confirm('确认保存中小河流治理项目抽查情况？', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        request.post(`/bis/insp/samrmp/rgstr/smrmp`, this.form).then(res => {
                            if (res.success) {
                                this.$message.success('保存成功');
                                this.form["id"] = res.data.id;
                                this.getInfo();
                            } else {
                                this.$message.error(res.message)
                            }
                            this.saveLoading = false
                        }).catch(err => {
                            this.saveLoading = false
                            this.$message.info(err)
                        });
                    })

                }
            },

            // add by lch  新增问题列表中间件
            addProblemList(item) {
                this.showProblemList = true;
                console.log(this.showProblemList)
            },
            getdialogFormVisible(val) {
                this.showProblemList = false;
            },
            // end
        }
    }
</script>

<style scoped>
    .el-icon-circle-plus {
        margin-left: 20px;
        color: #00bbff;
        font-size: 18px;
        line-height: 12px;
        vertical-align: top;
        cursor: pointer;
    }
</style>