Admin
2022-11-18 8f03059619b5a5e9574b71d2ada27b76db2ffd7a
src/views/selfCheck/components/selfReport.vue
@@ -8,12 +8,16 @@
    >
        <div class="company-info">
            <div>企业基本信息</div>
            <div><span>企业名称:</span><span>XXXXXXXXXX有限公司</span></div>
            <div><span>许可证:</span><span>在有效期(有效期至:XXXXX)</span></div>
            <div><span>库存:</span><span>100(万箱)</span></div>
            <div><span>企业名称:</span><span>{{enterpriseName}}</span></div>
            <div>
                <span>许可证:</span>
                <span v-if="licenceValidStatus == 0">在有效期(有效期至:{{licenceValidDeadline}})</span>
                <span v-else>已过期</span>
            </div>
            <div><span>库存:</span><span>{{stockNum}}</span></div>
            <div><span>库容:</span>
                <span>
                    <el-input placeholder="请输入库容量" v-model="checkForm.store"></el-input>
                    <el-input placeholder="请输入库容量" v-model="checkForm.storageCapacity"></el-input>
                </span>
            </div>
        </div>
@@ -22,22 +26,22 @@
            <div>自查自改填报</div>
            <div>
                <span>自查是否有隐患:</span>
                <el-radio-group v-model="checkForm.isRisky">
                <el-radio-group v-model="checkForm.hiddendangerStatus">
                    <el-radio :label="1">是</el-radio>
                    <el-radio :label="2">否</el-radio>
                    <el-radio :label="0">否</el-radio>
                </el-radio-group>
            </div>
        </div>
        <div class="risk-list" v-if="checkForm.isRisky==1">
        <div class="risk-list" v-if="checkForm.hiddendangerStatus==1">
            <table class="risk-table">
                <th><span>序号</span><span>检查出的隐患问题</span><span>检查时间</span><span>最后整改期限</span><span>隐患等级</span><span>操作</span></th>
                <tr v-for="(item,index) in checkForm.riskList">
                <tr v-for="(item,index) in checkForm.submitHiddendangers">
                    <td class="num">{{index + 1}}</td>
                    <td class="info"><el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.info"></el-input></td>
                    <td class="date"><el-date-picker v-model="item.time" type="datetime" placeholder="选择检查时间"></el-date-picker></td>
                    <td class="deadline"><el-date-picker v-model="item.deadline" type="datetime" placeholder="选择整改期限"></el-date-picker></td>
                    <td class="info"><el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.hiddendangerRemark"></el-input></td>
                    <td class="date"><el-date-picker v-model="item.checkTime" type="datetime" placeholder="选择检查时间"></el-date-picker></td>
                    <td class="deadline"><el-date-picker v-model="item.rectifyDeadlineTime" type="datetime" placeholder="选择整改期限"></el-date-picker></td>
                    <td class="level">
                        <el-radio-group v-model="item.level">
                        <el-radio-group v-model="item.hiddendangerLevel">
                            <el-radio :label="1">一般隐患</el-radio>
                            <el-radio :label="2">重大隐患</el-radio>
                        </el-radio-group>
@@ -55,11 +59,11 @@
        <div style="display: flex;align-items: center;margin-top: 20px">
            <span>填报人:</span>
            <span style="margin-right: 40px">
                <el-input v-model="checkForm.reporter"></el-input>
                <el-input v-model="checkForm.selfcheckReportUserName"></el-input>
            </span>
            <span>电话号码:</span>
            <span>
                <el-input v-model="checkForm.reportPhone"></el-input>
                <el-input v-model="checkForm.selfcheckReportUserMobile"></el-input>
            </span>
        </div>
        <span slot="footer" class="dialog-footer">
@@ -71,25 +75,31 @@
<script>
    import {computePageCount} from "@/utils";
    import { saveSelfCheckReport, getSelfBaseInfo } from '@/api/selfCheck'
    export default {
        name: "selfReport",
        data(){
            return{
                dialogVisible:false,
                id: null,
                enterpriseName: '',
                licenceValidStatus: 0,
                licenceValidDeadline: '',
                stockNum: 0,
                checkForm:{
                    store: '',
                    isRisky: 2,
                    riskList: [
                    storageCapacity: 0,
                    hiddendangerStatus: 0,
                    submitHiddendangers: [
                        {
                            info: '',
                            time: '',
                            deadline: '',
                            level: ''
                            id: null,
                            hiddendangerRemark: '',
                            checkTime: '',
                            rectifyDeadlineTime: '',
                            hiddendangerLevel: 1
                        }
                    ],
                    reporter: '',
                    reportPhone: ''
                    selfcheckReportUserName: '',
                    selfcheckReportUserMobile: ''
                },
            }
        },
@@ -98,18 +108,58 @@
        methods:{
            addItem(){
                const newItem = {
                    info: '',
                    time: '',
                    level: ''
                    hiddendangerRemark: '',
                    checkTime: '',
                    rectifyDeadlineTime: '',
                    hiddendangerLevel: 1
                }
                this.checkForm.riskList.push(newItem)
                this.checkForm.submitHiddendangers.push(newItem)
            },
            deleteItem(i){
                console.log(i)
                this.checkForm.riskList.splice(i,1)
                this.checkForm.submitHiddendangers.splice(i,1)
            },
            confirmSend(){
                this.dialogVisible = false
            async getUncheckList(){
                const t = this
                let res = await getSelfBaseInfo(t.id)
                if(res.data.code === "200"){
                    t.recordTotal = res.data.result.enterpriseName
                    t.licenceValidStatus = res.data.result.licenceValidStatus
                    t.licenceValidDeadline = res.data.result.licenceValidDeadline
                    t.stockNum = res.data.result.stockNum
                }else{
                    t.$message({
                        type:'warning',
                        message:res.data.message
                    })
                }
            },
            async confirmSend(){
                const t = this
                let data = t.checkForm
                data.id = t.id
                if(data.storageCapacity.toString()=='' || data.submitHiddendangers.hiddendangerRemark == '' || data.submitHiddendangers.checkTime == '' || data.submitHiddendangers.rectifyDeadlineTime==''||data.submitHiddendangers.hiddendangerLevel.toString()==''){
                    t.$message({
                        type:'warning',
                        message:'请完善表单信息'
                    })
                    return
                }
                let res = await saveSelfCheckReport(data)
                if(res.data.code === "200"){
                    t.$message({
                        type:'success',
                        message:res.data.message
                    })
                }else{
                    t.$message({
                        type:'warning',
                        message:res.data.message
                    })
                }
                t.dialogVisible = false
            }
        },
    }