<template>
    <div class="recordsDetails">
        <div>
            <div id="pdfId">
                <div class="title">天津市粮油仓储单位熏蒸作业备案表</div>
                <div class="littleMsg">
                    <span style="float:left;">单位：</span>
                    <span style="float:left;">{{tableData.orgName}}</span>
                    <span style="float:right;margin-left: 30px;">申请日期：{{tableData.gxspsj}}</span>
                </div>
                <div class="recordsTable">
                    <table>
                        <tbody>
                        <tr>
                            <td colspan="1">粮油仓储单位</td>
                            <td colspan="3">
                                {{tableData.orgName}}
                                <div id="qyxzbaInfoApply"></div>
                            </td>
                            <td colspan="1">单位负责人</td>
                            <td colspan="2">{{tableData.orgPerson}}</td>
                            <td colspan="1">联系电话</td>
                            <td colspan="3">{{tableData.orgPhone}}</td>
                        </tr>
                        <tr>
                            <td colspan="1">熏蒸作业负责人</td>
                            <td colspan="3">{{tableData.operationSupervisor}}</td>
                            <td colspan="1">职务</td>
                            <td colspan="2">{{tableData.position}}</td>
                            <td colspan="1">联系电话</td>
                            <td colspan="3">{{tableData.contactPhone}}</td>
                        </tr>
                        <tr>
                            <td colspan="1">熏蒸作业地点</td>
                            <td colspan="3">{{tableData.xzzydd}}</td>
                            <td colspan="1">熏蒸作业起止时间</td>
                            <td colspan="1">开始时间</td>
                            <td colspan="1">{{tableData.fumigationStart}}</td>
                            <td colspan="1">终止时间</td>
                            <td colspan="1">{{tableData.fumigationEnd}}</td>
                            <td colspan="1">熏蒸时长（小时）</td>
                            <td colspan="1">{{tableData.xzsc}}</td>
                        </tr>
                        <tr>
                            <td :rowspan="tableData.xzdx? tableData.xzdx.length + 1 : 1">熏蒸对象</td>
                            <td>仓房类型及仓（囤、垛）号</td>
                            <td>粮油品种</td>
                            <td>数量：（吨）</td>
                            <td>粮油性质</td>
                            <td>粮油水分%</td>
                            <td>堆袋方式</td>
                            <td colspan="1">主要害虫</td>
                            <td>发生部位</td>
                            <td>发现虫害时间</td>
                            <td>害虫密度（头/kg）</td>
                        </tr>
                        <tr  v-if="tableData.xzdx" v-for='xzdxItem in tableData.xzdx' >
                            <td>{{xzdxItem.houseName}}</td>
                            <td>{{getDictName('pzOption',xzdxItem.grainKind)}}</td>
                            <td>{{xzdxItem.grainCount}}</td>
                            <td>{{getDictName('lyxzOption',xzdxItem.grainNature)}}</td>
                            <td>{{xzdxItem.grainMoisture}}</td>
                            <td>{{getDictName('ddfsOption',xzdxItem.stowWay)}}</td>
                            <td colspan="1">{{getDictName('zyhcOption',xzdxItem.majorInsectPests)}}</td>
                            <td>{{xzdxItem.occurrencePlace}}</td>
                            <td>{{formatDateTime(new Date(xzdxItem.insectProductTime))}}</td>
                            <td>{{xzdxItem.insectDensity}}</td>
                        </tr>
                        <tr>
                            <td colspan="1">警戒距离</td>
                            <td colspan="10">
                                东：{{tableData.east}}
                                南：{{tableData.south}}
                                西：{{tableData.west}}
                                北：{{tableData.north}}
                            </td>
                        </tr>
                        <tr>
                            <td :rowspan="tableData.fumigationPesticide? tableData.fumigationPesticide.length + 1 : 1">药剂信息</td>
                            <td>仓房类型及仓（囤、垛）号</td>
                            <td>药剂名称</td>
                            <td>类型/型号</td>
                            <td>有效期</td>
                            <td>领取数量（克）</td>
                            <td>施药数量（克）</td>
                            <td>领取人</td>
                            <td>领取时间</td>
                            <td colspan="1">施药方式</td>
                            <td colspan="1">补药次数（次）</td>
                        </tr>
                        <tr v-if="tableData.fumigationPesticide" v-for='fumigationPesticideItem in tableData.fumigationPesticide'>
                            <td>{{fumigationPesticideItem.houseName}}</td>
                            <td>{{getDictName('yjOption',fumigationPesticideItem.drugName)}}</td>
                            <td>{{getDictName('lxOption',fumigationPesticideItem.reagentType)}}</td>
                            <td>{{fumigationPesticideItem.validity}}</td>
                            <td>{{fumigationPesticideItem.getNumber}}</td>
                            <td>{{fumigationPesticideItem.plannDrugCount}}</td>
                            <td>{{fumigationPesticideItem.getPerson}}</td>
                            <td>{{fumigationPesticideItem.getTime}}</td>
                            <td colspan="1">{{fumigationPesticideItem.useDrugType}}</td>
                            <td colspan="1">{{fumigationPesticideItem.bycs}}</td>
                        </tr>
                        <tr>
                            <td colspan="11" style="text-align:left;">包装物及药剂残渣处理说明：{{tableData.processingInstructions}}</td>
                        </tr>
                        <tr>
                            <td :rowspan="tableData.fumigationPersonnels?tableData.fumigationPersonnels.length + 1 : 1">熏蒸施药人员</td>
                            <td>姓名</td>
                            <td>职业资质</td>
                            <td>身体状况</td>
                            <td colspan="5">工作任务</td>
                            <td colspan="2">是否为外请</td>
                        </tr>
                        <tr v-if="tableData.fumigationPersonnels" v-for='fumigationPersonnelsItem in tableData.fumigationPersonnels'>
                            <td>{{fumigationPersonnelsItem.personnelName}}</td>
                            <td>{{fumigationPersonnelsItem.professionalQualification}}</td>
                            <td>{{fumigationPersonnelsItem.physicalCondition}}</td>
                            <td colspan="5">{{fumigationPersonnelsItem.workTask}}</td>
                            <td colspan="2">{{fumigationPersonnelsItem.outside}}</td>
                        </tr>
                        <tr>
                            <td rowspan="2">熏蒸前后变化</td>
                            <td colspan="2">粮食发芽率（%）</td>
                            <td colspan="2">粮温变化（℃）</td>
                            <td colspan="4">害虫密度变化</td>
                            <td colspan="2">粮食水分</td>
                        </tr>
                        <tr>
                            <td>前：{{tableData.lsfyl_befor}}</td>
                            <td>后：{{tableData.lsfyl_after}}</td>
                            <td>前：{{tableData.lw_befor}}</td>
                            <td>后：{{tableData.lw_after}}</td>
                            <td colspan="2">前：{{tableData.chmd_befor}}</td>
                            <td colspan="2">后：{{tableData.chmd_after}}</td>
                            <td>前：{{tableData.lssf_befor}}</td>
                            <td>后：{{tableData.lssf_after}}</td>
                        </tr>
                        <tr>
                            <td colspan="1">申请企业意见</td>
                            <td colspan="10">{{tableData.enterpriseOpinion}}</td>
                        </tr>
                        <!--                    <tr v-if="tableData.gxspjg == 0 || tableData.gxspjg == 1">-->
                        <!--                        <td colspan="1">购销公司意见</td>-->
                        <!--                        <td style="text-align:left;line-height: 30px;"  colspan="9">-->
                        <!--                            <div>-->
                        <!--                                <span v-if="tableData.gxspjg == 0">拒绝</span>-->
                        <!--                                <span v-if="tableData.gxspjg == 1">同意</span>-->
                        <!--                            </div>-->
                        <!--                            <div style="height: 70px">-->
                        <!--                                <span>{{tableData.gxspyj}}</span>-->
                        <!--                            </div>-->
                        <!--                            <div style="width: 300px;float:right;">-->
                        <!--                                <p>{{tableData.gxspr}}</p>-->
                        <!--                                <p>{{tableData.gxspsj}}</p>-->
                        <!--                                <div id="gxxzbaInfoApply"></div>-->
                        <!--                            </div>-->
                        <!--                        </td>-->
                        <!--                    </tr>-->
                        <tr v-if="(tableData.qlbspjg == 0 || tableData.qlbspjg == 1) && $route.query.type != 'audit'">
                            <td colspan="1">备案公司意见</td>
                            <td style="text-align:left;line-height: 30px;"  colspan="10">
                                <div>
                                    <span v-if="tableData.qlbspjg == 0">拒绝</span>
                                    <span v-if="tableData.qlbspjg == 1">同意</span>
                                </div>
                                <div style="height: 70px">
                                    <span>{{tableData.organsOpinion}}</span>
                                </div>
                                <div style="width: 300px;float:right;">
                                    <p>{{tableData.outPerson}}</p>
                                    <p>{{tableData.outForrecordTime}}</p>
                                    <div id="xzbaInfoApply"></div>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <!--                <div>-->
                    <!--                    <p><span>备注：</span>1. 此表由粮油仓储单位填写，一式两份，一份受理机关备案后退回企业，一份受理机关留存</p>-->
                    <!--                    <p style="text-indent: 42px">2. 备案时须同时报送粮油熏蒸作业方案一份</p>-->
                    <!--                    <p style="text-indent: 42px">3. 如有问题，请联系申请单位，由申请单位重新提交</p>-->
                    <!--                </div>-->
                </div>
            </div>
            <el-form label-width="140px">
                <el-row>
                    <el-col :span="22">
                        <el-form-item label="熏蒸方案:">
                            <el-input type="textarea" :rows="2" v-model="tableData.fumigaPlan" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <el-form-item label="附件:">
                            <el-upload
                                    :action="fileUrl"
                                    :on-preview="handlePreview"
                                    multiple
                                    :file-list="fileVOList"
                                    :limit="1"
                            >
                            </el-upload>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="11">
                        <el-form-item label="申请人：">
                            <el-input v-model="tableData.gxspr" disabled clearable placeholder="申请人"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="11">
                        <el-form-item label="联系电话:" prop="funigaPhone">
                            <el-input v-model="tableData.funigaPhone" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <el-form label-width="120px" :rules="rules" ref="tableData" :model="tableData" v-if="$route.query.type == 'audit'">
                <div style="width: 90%;height: 0;border: 1px dashed #000000;margin: 10px auto;"></div>
                <el-row :gutter="10" class="rowBottom">
                    <el-col :span="12">
                        <el-form-item label="审核意见：" prop="qlbspjg">
                            <el-radio-group  v-model="tableData.qlbspjg" :disabled="$route.query.type != 'audit'">
                                <el-radio :label="'1'">同意</el-radio>
                                <el-radio :label="'0'">拒绝</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row :gutter="10" class="rowBottom" >
                    <el-col :span="22">
                        <el-form-item label="备案公司意见：" :prop="tableData.qlbspjg == '1'? '': 'organsOpinion'">
                            <el-input type="textarea" :rows="3" v-model="tableData.organsOpinion" clearable placeholder="请输入备案公司意见"  :disabled="$route.query.type != 'audit'" ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row :gutter="10" class="rowBottom">
                    <el-col :span="12">
                        <el-form-item label="审核人：" prop="shr">
                            <el-input v-model="tableData.outPerson" disabled clearable placeholder="审核人"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="审核时间：" prop="shsj">
                            <el-date-picker
                                    type="datetime"
                                    format="yyyy-MM-dd HH:mm:ss"
                                    value-format="yyyy-MM-dd HH:mm:ss"
                                    v-model="tableData.outForrecordTime"
                                    placeholder="审核时间"
                                    clearable
                                    disabled
                            ></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
        <div style="margin-top: 20px;text-align:center;">
            <el-button type="primary" @click="confirmFun" size="small" class="iconfont icontijiao" v-if="$route.query.type == 'audit'">提交</el-button>
            <el-button type="primary" @click="gaizhangFn" size="small" class="iconfont iconqianzhang" v-if="$route.query.type == 'seal' && !isGzwc">盖章</el-button>
            <el-button type="primary" @click="bohuiFn" size="small" class="iconfont iconbohui" v-if="$route.query.type == 'seal' && !isGzwc">驳回</el-button>
            <el-button type="primary" @click="exportFun" size="small" class="iconfont icondaochu11">导出</el-button>
            <el-button type="primary" @click="returnFun" size="small" class="iconfont iconquxiao">取消</el-button>
        </div>
    </div>
</template>

<script>
    import {
        getDetail,
        confirmFumigation,updateFumigation,findByIds,getDictionaryList,
    } from "@/api/grainReserves/zygl/index";
    import { FileApi } from "@/api";
    import htmlToPdf from "@/utils/htmlToPdf";
    import {updateWarehousefacilityFiling} from "@/api/zgsq/ccssba";
    export default {
        name: "recordsDetails",
        data () {
            return {
                isLook: false,
                isGz: false,
                tableData: {},
                isGzwc: false,
                rules:{
                    qlbspjg: [{ required: true, message: '请选择审核意见', trigger: 'change' }],
                    organsOpinion: [{ required: true, message: '请填写备案公司意见', trigger: 'blur' }],
                },
                fileUrl: `${FileApi}/file/upload`,
                fileVOList: [],
                cfOption: [],
                pzOption: [],
                lyxzOption: [],
                ddfsOption: [],
                zyhcOption: [],
                yjOption: [],
                lxOption: [],
            }
        },
        methods: {
            getDictName(key,value) {
                let name = ''
                this[key].forEach(item=>{
                    if(item.dictCode == value){
                        name = item.dictName
                    }
                })
                return name
            },
            getDictionaryList(){
                //品种
                getDictionaryList({groupId: 'KJPZ'}).then(res=>{
                    this.pzOption = res.data
                }).catch()
                //粮油性质
                getDictionaryList({groupId: 'KJLYXZ'}).then(res=>{
                    this.lyxzOption = res.data
                }).catch()
                //害虫
                getDictionaryList({groupId: 'KJHC'}).then(res=>{
                    this.zyhcOption = res.data
                }).catch()
                //药剂
                getDictionaryList({groupId: 'KJYJ'}).then(res=>{
                    this.yjOption = res.data
                }).catch()
                //堆袋方式
                getDictionaryList({groupId: 'KJDZFS'}).then(res=>{
                    this.ddfsOption = res.data
                }).catch()
                //熏蒸类型
                getDictionaryList({groupId: 'KJXZLX'}).then(res=>{
                    this.lxOption = res.data
                }).catch()
            },
            //确认
            confirmFun(){
                this.$refs['tableData'].validate((valid,dom) => {
                    if (valid) {
                        if(this.tableData.qlbspjg == '0' && this.tableData.organsOpinion == ''){
                            this.$message.error('请填写备案公司意见')
                            return
                        }
                        let params = this.tableData
                        if(this.tableData.qlbspjg == '1'){
                            params.dataStatus = 6 //区粮办待盖章
                        }else{
                            // params.dataStatus = 3 //购销公司待审核
                            params.dataStatus = 9 //补充材料
                            params.xzgxgz = ''
                        }

                        updateFumigation(params).then(res=>{
                            if(res.infoCode && res.infoCode == 200){
                                this.$message.success('确认成功')
                                this.$router.go(-1)
                            }else{
                                this.$message.error('确认失败')
                            }
                        }).catch()
                    } else {
                        for(let item in dom){
                            this.$message.error(dom[item][0].message)
                            return false;
                        }
                    }
                });
            },
            //驳回
            bohuiFn() {
                let params = this.tableData
                params.dataStatus = 5 //区粮办待审核
                updateFumigation(params).then(res=>{
                    if(res.infoCode && res.infoCode == 200){
                        this.$message.success('确认成功')
                        this.$router.go(-1)
                    }else{
                        this.$message.error('确认失败')
                    }
                }).catch()
            },
            gaizhangFn() {
                this.$WebSeal(
                    0,
                    "xzbaInfoApplySign",
                    "盖章人",
                    0,
                    "lingdao",
                    "xzbaInfoApply",
                    "0:0"
                );
                let gInterTime = 0;
                let _this = this; //其他浏览器
                gInterTime = setInterval(function () {
                    //取newstring的返回值做判断：0失败 1成功
                    if (sessionStorage.getItem("sealFlag") === "0") {
                        //盖章失败
                        clearInterval(gInterTime);
                        sessionStorage.setItem("sealFlag", "");
                    } else if (sessionStorage.getItem("sealFlag") === "1") {
                        clearInterval(gInterTime);
                        _this.sealTodo();
                        sessionStorage.setItem("sealFlag", "");
                    } else {
                        //为空则一直轮询，直到sealFlag有返回值
                    }
                }, 500);
            },
            sealTodo() {
                var id = "";
                var sh = this.$GetSealData("xzbaInfoApplySign");
                let params = this.tableData
                params.dataStatus = 7 //已备案
                params.xzbagz = sh
                updateFumigation(params).then((res) => {
                    if (res.infoCode == 200) {
                        this.$ShowSeal("xzbaInfoApply", 1);
                        // this.$ShowSeal(sh,"depositAudit")
                        this.$message({
                            message: "盖章成功",
                            type: "success",
                        });
                        this.isGzwc = true;
                    }
                });
            },
            //导出
            exportFun(){
                this.printType = false;
                let _this = this;
                setTimeout(function() {
                    htmlToPdf.downloadPDF(
                        document.querySelector("#pdfId"),
                        "天津市粮油仓储单位熏蒸作业备案表.pdf"
                    );
                    _this.printType = true;
                }, 100);
            },
            //取消
            returnFun(){
                this.$router.go(-1)
            },

            getInfo(){
                let params = {
                    id: this.$route.query.id
                }
                getDetail(params).then(res=>{
                    if(res.infoCode && res.infoCode == 200){
                        this.tableData = res.data
                        let fumigationPesticide = []
                        let xzdx = []
                        let xzzydd = ''
                        if(this.tableData.fumigationPlans){
                            this.tableData.fumigationPlans.forEach(item=>{
                                this.$set(this.tableData,'fumigationNumber',item.fumigationNumber)//熏蒸人数
                                this.$set(this.tableData,'drugPurity',item.fumigationPesticide.drugPurity)//药剂纯度（%）
                                this.$set(this.tableData,'sealType',item.fumigationPesticide.sealType)//密闭方法
                                this.$set(this.tableData,'fumigationType',item.fumigationType)//熏蒸方式
                                this.$set(this.tableData,'fumiagtionProtective',item.fumiagtionProtective)//防护人员
                                xzzydd += item.houseName + '，'
                                fumigationPesticide.push({
                                    houseName: item.houseName, //仓房类型及仓（囤、垛）号
                                    houseId: item.houseId, //仓房类型及仓（囤、垛）号
                                    drugName: item.fumigationPesticide.drugName, //药剂名称
                                    reagentType: item.fumigationPesticide.reagentType, //类型/型号
                                    validity: item.fumigationPesticide.validity, //有效期
                                    getNumber: item.fumigationPesticide.getNumber, //领取数量（克）
                                    plannDrugCount: item.fumigationPesticide.plannDrugCount, //施药数量（克）
                                    getPerson: item.fumigationPesticide.getPerson, //领取人
                                    getTime: item.fumigationPesticide.getTime, //领取时间
                                    useDrugType: item.fumigationPesticide.useDrugType, //施药方式
                                    id: item.fumigationPesticide.id
                                })
                                xzdx.push({
                                    houseId: item.houseId, //仓房类型及仓（囤、垛）号
                                    houseName: item.houseName, //仓房类型及仓（囤、垛）号
                                    grainKind: item.grainKind, //粮油品种
                                    grainCount: item.grainCount, //数量：（吨）
                                    grainNature: item.grainNature, //粮油性质
                                    grainMoisture: item.grainMoisture, //粮油水分
                                    stowWay: this.tableData.stowWay, //堆袋方式
                                    majorInsectPests: item.fumigationPesticide.majorInsectPests, //主要害虫
                                    insectDensity: item.fumigationPesticide.insectDensity, //害虫密度（头/kg）
                                    occurrencePlace: item.fumigationPesticide.occurrencePlace, //发生部位
                                    insectProductTime: item.fumigationPesticide.insectProductTime, //发现虫害时间
                                    state: item.state,
                                    id: item.id
                                })
                            })
                        }
                        this.$set(this.tableData,'fumigationPesticide',fumigationPesticide)
                        this.$set(this.tableData,'xzdx',xzdx)
                        this.$set(this.tableData,'xzzydd',xzzydd.substring(0,xzzydd.length-1))
                        if (this.tableData.xzbagz) {
                            this.$nextTick(() => {
                                this.$SetSealData(this.tableData.xzbagz, 0, "lingdao", 1);
                            });
                        }
                        if (this.tableData.xzqygz) {
                            this.$nextTick(() => {
                                this.$SetSealData(this.tableData.xzqygz, 0, "lingdao", 1);
                            });
                        }
                        if (this.tableData.xzgxgz) {
                            this.$nextTick(() => {
                                this.$SetSealData(this.tableData.xzgxgz, 0, "lingdao", 1);
                            });
                        }
                        if(this.tableData.fileId){
                            findByIds(this.tableData.fileId).then((res) => {
                                let file = []
                                file.push({
                                    fileId: res.data[0].id,
                                    name: res.data[0].name,
                                    remark: res.data[0].name,
                                    status: "666",
                                    fileType: 0
                                })
                                this.$set(this, "fileVOList", file);
                            });
                        }
                        if(this.$route.query.type == 'audit'){
                            this.tableData.qlbspjg = '1'
                            this.tableData.organsOpinion = ''
                            this.tableData.outPerson = sessionStorage.getItem('userName')
                            this.tableData.outForrecordTime = this.formatDateTime(new Date());
                        }
                    }
                }).catch()
            },
            handlePreview(file, fileList) {
                if(file.url){
                    document.location.href = file.url;
                }else if(file.id){
                    window.open(`${FileApi}/file/download?id=${file.id}`);
                }else if(file.fileId){
                    window.open(`${FileApi}/file/download?id=${file.fileId}`);
                }else{
                    let reader = new FileReader()
                    reader.readAsDataURL(file.raw);
                    // 转换成功后的操作，reader.result即为转换后的DataURL
                    reader.onload=()=>{
                        var aEle = document.createElement("a");// 创建a标签
                        aEle.download = file.response.data.name;// 设置下载文件的文件名
                        aEle.href = reader.result;// content为后台返回的下载地址
                        aEle.click();// 设置点击事件
                    }
                }
            },
            //转时间方法
            formatDateTime(date) {
                let y = date.getFullYear();
                let m = date.getMonth() + 1;
                m = m < 10 ? "0" + m : m;
                let d = date.getDate();
                d = d < 10 ? "0" + d : d;
                let h = date.getHours();
                h = h < 10 ? "0" + h : h;
                let minute = date.getMinutes();
                minute = minute < 10 ? "0" + minute : minute;
                let second = date.getSeconds();
                second = second < 10 ? "0" + second : second;
                return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
            },
        },
        created() {
            this.getDictionaryList()
            if(this.$route.query.type == 'detail'){
                this.isLook = true
            }else if(this.$route.query.type == 'seal'){
                this.isGz = true
            }else if(this.$route.query.type == 'audit'){
                //审核
                this.tableData.shsj = this.formatDateTime(new Date())
                this.tableData.shr = sessionStorage.getItem('userName')
            }
            this.getInfo()
        }
    }
</script>

<style scoped lang="scss">
.recordsDetails{
    font-size: 14px;
    padding-bottom: 20px;
    #pdfId{
        padding: 20px;
    }
    .littleMsg{
        height: 17px;
    }
    .title{
        font-size: 26px;
        font-weight: 500;
        text-align: center;
    }
    table {
        margin: 10px 0;
        font-size: 14px;
        border-collapse: collapse;
        color: #525357;
    }
    th {
        font-weight: 700;
        font-size: 18px;
    }
    td,
    th {
        padding: 10px;
        text-align: center;
        border: 1px solid #b0b0b0;
    }
}
</style>
<style>
    #qyxzbaInfoApply {
        position: relative !important;
    }
    #qyxzbaInfoApply > div {
        left: 0px !important;
        top: -40px !important;
    }
    #qyxzbaInfoApplySign {
        left: 0px !important;
        top: -40px !important;
    }
    #gxxzbaInfoApply {
        position: relative !important;
    }
    #gxxzbaInfoApply > div {
        left: 0px !important;
        top: -160px !important;
    }
    #gxxzbaInfoApplySign {
        left: 0px !important;
        top: -160px !important;
    }
    #xzbaInfoApply {
        position: relative !important;
    }
    #xzbaInfoApply > div {
        left: 0px !important;
        top: -160px !important;
    }
    #xzbaInfoApplySign {
        left: 0px !important;
        top: -160px !important;
    }
</style>
