<template>
    <div class="seeZgPage">
        <el-tabs v-model='activeName' :tab-position="tabPosition">
            <el-tab-pane label="企业基本情况" name='企业基本情况'>
                <span slot="label"><i class='circleStyle'></i>企业基本情况</span>
                <table border="1" class="tabStyle">
                    <tr>
                        <th colspan="6" class="thPad centerStyle">企业基本信息</th>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>企业名称</td>
                        <td colspan="2">{{ formData.companyName }}</td>
                        <td class="tabTit" width='150' align='right'>统一社会信用代码</td>
                        <td colspan="2">{{ formData.creditCode }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>法人代表</td>
                        <td>{{ formData.legalName }}</td>
                        <td class="tabTit" width='150' align='right'>联系电话</td>
                        <td>{{ formData.officePhone }}</td>
                        <td class="tabTit" width='150' align='right'>手机号码</td>
                        <td>{{ formData.phone }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>电子信箱</td>
                        <td>{{ formData.email }}</td>
                        <td class="tabTit" width='150' align='right'>传真号码</td>
                        <td>{{ formData.fax }}</td>
                        <td class="tabTit" width='150' align='right'>邮政编码</td>
                        <td>{{ formData.postalCode }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>通讯地址</td>
                        <td colspan="5">{{ formData.companyAddress }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>企业性质</td>
                        <td>{{ formData.unitOfNatureName }}</td>
                        <td class="tabTit" width='150' align='right'>经营范围</td>
                        <!-- {{ formData.businessVarietyName ? formData.businessVarietyName.join(',') : '' }} -->
                        <td>{{ formData.businessVarietyName }}</td>
                        <td class="tabTit" width='150' align='right'>主营业务</td>
                        <!-- {{ formData.unitPrimaryServiceName ? formData.unitPrimaryServiceName.join(',') : '' }} -->
                        <td>{{ formData.unitPrimaryServiceName }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='150' align='right'>注册时间</td>
                        <td>{{ formData.registerDate }}</td>
                        <td class="tabTit" width='150' align='right'>注册资本（万元）</td>
                        <td>{{ formData.registerMoney }}</td>
                        <td class="tabTit" width='150' align='right'>企业总人数</td>
                        <td>{{ formData.totalNum }}</td>
                    </tr>
                </table>
                <table border="1" class="tabStyle borderNone">
                    <tr>
                        <th class="borderNone thPad centerStyle" colspan="6">企业储粮情况</th>
                    </tr>
                    <tr>
                        <td class="tabTit" width='165' align='right'>企业收储粮食主要品种</td>
                        <td colspan="5">{{ formData.storeShouldForm.storeType ? formData.storeShouldForm.storeType.join(',') : '' }}</td>
                    </tr>
                    <tr align="center" >
                        <td class="tabTit thPad">序号</td>
                        <td class="tabTit thPad">储粮品种</td>
                        <td class="tabTit thPad">储粮总量（万吨）</td>
                        <td class="tabTit thPad">中央储备粮（万吨）</td>
                        <td class="tabTit thPad">地方储备粮（万吨）</td>
                        <td class="tabTit thPad">其他粮食（万吨）</td>
                    </tr>
                    <tr v-for="(item,index) in formData.storeShouldForm.tableGrain" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td>{{ item.grainType }}</td>
                        <td>{{ item.grainZL }}</td>
                        <td>{{ item.grainZy }}</td>
                        <td>{{ item.grainDf }}</td>
                        <td>{{ item.grainOther }}</td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="库区基本情况" name='库区基本情况'>
                <span slot="label"><i class='circleStyle'></i>库区基本情况</span>
                <table border="1" class="tabStyle">
                    <!-- <tr>
                        <th colspan="6" class="thPad">企业基本信息</th>
                    </tr> -->
                    <tr align='center'>
                        <td class="tabTit">内 容</td>
                        <td class="tabTit"  v-for="(item, index) in formData.editableTabs" :key="index">{{ item.tabName }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>库区名称</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.nameKq }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>总仓容（万吨）</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.totalArea }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>申请仓容（万吨）</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.applyArea }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>库区占地面积（平方米）</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.storeArea }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无铁路专用线</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isRoad == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无水运码头</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isWharf == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>紧邻公路类别</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.roadClose }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>与紧邻公路距离（公里）</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">{{ item.formStoreHouse.roadDistance }}</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>防洪标准是否不低于50年一遇</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isFlood == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>周围是否无污染源及易燃易爆场所</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isHarmful == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无消防水源</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isWater == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无消防设施</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isFire == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无汽车衡</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isScale == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit" width='300'>有无化验室</td>
                        <td v-for="(item, index) in formData.editableTabs" :key="index">
                            <i class="el-icon-check" v-if="item.formStoreHouse.isAssay == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="仓房基本情况" name='仓房基本情况'>
                <span slot="label"><i class='circleStyle'></i>仓房基本情况</span>
                <table border="1" class="tabStyle">
                    <tr>
                        <th colspan="25" class="thPad centerStyle">仓房基本情况表</th>
                    </tr>
                    <tr>
                        <th align="center" class="tabTit thPad">序号</th>
                        <th align="center" class="tabTit thPad">仓号</th>
                        <th align="center" class="tabTit thPad">仓型</th>
                        <th align="center" class="tabTit thPad">仓容（万吨）</th>
                        <th align="center" class="tabTit thPad">仓顶能否防漏</th>
                        <th align="center" class="tabTit thPad">仓墙能否防湿</th>
                        <th align="center" class="tabTit thPad">仓底能否防潮</th>
                        <th align="center" class="tabTit thPad">门窗是否严密</th>
                        <th align="center" class="tabTit thPad">仓房能否隔热保冷</th>
                        <th align="center" class="tabTit thPad">仓房能否散装储存</th>
                        <th align="center" class="tabTit thPad">有无防鼠防雀装置</th>
                        <th align="center" class="tabTit thPad">有无防火防盗措施</th>
                        <th align="center" class="tabTit thPad">有无机械通风设施</th>
                        <th align="center" class="tabTit thPad">能否密闭熏蒸杀虫</th>
                        <th align="center" class="tabTit thPad">有无粮情检测设备</th>
                        <th align="center" class="tabTit thPad">有无粮食智能出入库系统</th>
                        <th align="center" class="tabTit thPad">有无智能粮情测控系统</th>
                        <th align="center" class="tabTit thPad">有无智能安防监控系统</th>
                        <th align="center" class="tabTit thPad">有无粮库综合业务管理系统</th>
                        <th align="center" class="tabTit thPad">是否粮库智能化升级项目</th>
                        <th align="center" class="tabTit thPad">建设时间(竣工时间)</th>
                        <th align="center" class="tabTit thPad">是否改造</th>
                        <th align="center" class="tabTit thPad">最近一次主要设施改造时间</th>
                        <th align="center" class="tabTit thPad">最近一次改造说明</th>
                        <th align="center" class="tabTit thPad">其他说明</th>
                    </tr>
                    <tr v-for="(item,index) in formData.tableHouse" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td class="widthStyle1">{{ item.houseNum }}</td>
                        <td class="widthStyle1">{{ item.houseShape }}</td>
                        <td class="widthStyle1">{{ item.houseArea }}</td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseFL"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseFs"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseFc"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseYm"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseBL"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseStore"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseZz"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseCs"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseSs"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseSc"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseDevice"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseOutIn"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseCk"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseJk"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseGL"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseZn"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td class="widthStyle1">{{ item.houseOver }}</td>
                        <td>
                            <i class="el-icon-check" v-if="item.houseGz"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td class="widthStyle1">{{ item.houseDateGz }}</td>
                        <td><el-tooltip class="item" effect="dark" :content="item.houseGzExplain" placement="top" v-if="item.houseGzExplain"><p class="widthStyle2">{{ item.houseGzExplain }}</p></el-tooltip></td>
                        <td><el-tooltip class="item" effect="dark" :content="item.houseOtherExplain" placement="top" v-if="item.houseOtherExplain"><p class="widthStyle2">{{ item.houseOtherExplain }}</p></el-tooltip></td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="主要储粮技术应用说明" name='主要储粮技术应用说明'>
                <span slot="label"><i class='circleStyle'></i>主要储粮技术应用说明</span>
                <table border="1" class="tabStyle">
                    <tr><td align='center'>通风降温技术应用及粮情检测技术应用简要说明</td></tr>
                    <tr>
                        <td><p class="tdHeight">{{ formData.grainTechnologyForm.technologyExplain1 }}</p></td>
                    </tr>
                    <tr><td align='center'>熏蒸杀虫技术应用简要说明</td></tr>
                    <tr>
                        <td><p class="tdHeight">{{ formData.grainTechnologyForm.technologyExplain2 }}</p></td>
                    </tr>
                    <tr><td align='center'>粮库智能化技术应用简要说明</td></tr>
                    <tr>
                        <td><p class="tdHeight">{{ formData.grainTechnologyForm.technologyExplain3 }}</p></td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="企业检化验条件表" name='企业检化验条件表'>
                <span slot="label"><i class='circleStyle'></i>企业检化验条件表</span>
                <table border="1" class="tabStyle">
                    <tr>
                        <td class="tabTit" width='250' align='right'>有无专用检化验室</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.checkForm.isCheckRoom == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td class="tabTit" width='250' align='right'>能否检测粮食质量等级和储存品质</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.checkForm.isCheckPz == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr v-if="formData.checkForm.isCheckRoom == 1">
                        <td class="tabTit" width='250' align='right'>检化验室建筑面积(平方米)</td>
                        <td>{{ formData.checkForm.checkArea }}</td>
                        <td class="tabTit" width='250' align='right'>能否筛查粮食主要食品安全指标</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.checkForm.isCheckSafe == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr v-else>
                        <td class="tabTit" width='250' align='right'>能否筛查粮食主要食品安全指标</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.checkForm.isCheckSafe == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                        <td class="tabTit" width='250' align='right'></td>
                        <td></td>
                    </tr>
                </table>
                <table border="1" class="tabStyle borderNone">
                    <tr>
                        <th class="borderNone thPad centerStyle" colspan="5">拥有粮食检化验仪器情况</th>
                    </tr>
                    <tr align="center">
                        <td>序号</td>
                        <td>仪器名称</td>
                        <td>仪器规格</td>
                        <td>数量</td>
                        <td>备注</td>
                    </tr>
                    <tr v-for="(item,index) in formData.checkForm.tableDevice" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td>{{ item.deviceName }}</td>
                        <td>{{ item.deviceGg }}</td>
                        <td>{{ item.deviceNum }}</td>
                        <td>{{ item.deviceNote }}</td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="主要专业人员" name='主要专业人员'>
                <span slot="label"><i class='circleStyle'></i>主要专业人员</span>
                <table border="1" class="tabStyle">
                    <tr>
                        <th colspan="7" class="thPad centerStyle">主要专职保管人员</th>
                    </tr>
                    <tr align="center">
                        <td>序号</td>
                        <td>姓名</td>
                        <td>学历</td>
                        <td>专业</td>
                        <td>技术职称</td>
                        <td>资格证书名称</td>
                        <td>发证单位</td>
                    </tr>
                    <tr v-for="(item,index) in formData.tablePersonForm.tableBgPerson" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td>{{ item.name }}</td>
                        <td>{{ item.education }}</td>
                        <td>{{ item.major }}</td>
                        <td>{{ item.technical }}</td>
                        <td>{{ item.qualification }}</td>
                        <td>{{ item.unit }}</td>
                    </tr>
                    <tr>
                        <th class="borderNone thPad centerStyle" colspan="7">主要专职检化验人员</th>
                    </tr>
                    <tr align="center">
                        <td>序号</td>
                        <td>姓名</td>
                        <td>学历</td>
                        <td>专业</td>
                        <td>技术职称</td>
                        <td>资格证书名称</td>
                        <td>发证单位</td>
                    </tr>
                    <tr v-for="(item,index) in formData.tablePeopleForm.tableCheckPerson" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td>{{ item.name }}</td>
                        <td>{{ item.education }}</td>
                        <td>{{ item.major }}</td>
                        <td>{{ item.technical }}</td>
                        <td>{{ item.qualification }}</td>
                        <td>{{ item.unit }}</td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="主要仓储设备" name='主要仓储设备'>
                <span slot="label"><i class='circleStyle'></i>主要仓储设备</span>
                <table border="1" class="tabStyle">
                    <tr>
                        <th colspan="5" class="thPad centerStyle">主要仓储设备</th>
                    </tr>
                    <tr align="center">
                        <td>序号</td>
                        <td>设备名称</td>
                        <td>型号规格</td>
                        <td>数量</td>
                        <td>备注</td>
                    </tr>
                    <tr v-for="(item,index) in formData.mainStoreForm.tableStoreDevi" :key="index" align="center">
                        <td>{{ index+1 }}</td>
                        <td>{{ item.name }}</td>
                        <td>{{ item.model }}</td>
                        <td>{{ item.num }}</td>
                        <td>{{ item.note }}</td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="企业仓储管理情况" name='企业仓储管理情况'>
                <span slot="label"><i class='circleStyle'></i>企业仓储管理情况</span>
                <table border="1" class="tabStyle">
                    <!-- <tr>
                        <th colspan="5" class="thPad">主要仓储设备</th>
                    </tr> -->
                    <tr>
                        <td class="tabTit" width='300' align='right'>“一符四无”粮仓比例是否达到100%</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.storeManagerForm.isManagerBL == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='300' align='right'>评定单位</td>
                        <td>{{ formData.storeManagerForm.isManagerPd }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='300' align='right'>两年内是否没有发生储粮安全事故</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.storeManagerForm.isManagerSafe == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerSafe != 1">
                        <td class="tabTit" width='300' align='right'>事故情况</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerSafeSg }}</p>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerSafe != 1">
                        <td class="tabTit" width='300' align='right'>处理决定</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerSafeDeal }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='300' align='right'>两年内是否没有发生安全生产事故</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.storeManagerForm.isManagerSc == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerSc != 1">
                        <td class="tabTit" width='300' align='right'>事故情况</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerScSg }}</p>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerSc != 1">
                        <td class="tabTit" width='300' align='right'>处理决定</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerScDeal }}</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tabTit" width='300' align='right'>两年内是否没有发生违反国家政策法规记录</td>
                        <td>
                            <i class="el-icon-check" v-if="formData.storeManagerForm.isManagerFg == 1"></i>
                            <i class="el-icon-close" v-else></i>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerFg != 1">
                        <td class="tabTit" width='300' align='right'>违反政策法规情况</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerFgQk }}</p>
                        </td>
                    </tr>
                    <tr v-if="formData.storeManagerForm.isManagerFg != 1">
                        <td class="tabTit" width='300' align='right'>处理决定</td>
                        <td>
                            <p class="tdHeight">{{ formData.storeManagerForm.isManagerFgDeal }}</p>
                        </td>
                    </tr>
                </table>
            </el-tab-pane>
            <el-tab-pane label="企业财务状况" name='企业财务状况'>
                <span slot="label"><i class='circleStyle'></i>企业财务状况</span>
                <table border="1" class="tabStyle">
                    <!-- <tr>
                        <th colspan="5" class="thPad">主要仓储设备</th>
                    </tr> -->
                    <tr align='center'>
                        <td class="tabTit" width='' rowspan="2">年度</td>
                        <td class="tabTit" colspan="3">资产（万元）</td>
                        <td class="tabTit" colspan="3">负债（万元）</td>
                        <td class="tabTit" colspan="5">所有者权益（万元）</td>
                        <td class="tabTit" width='' rowspan="2">资信状况</td>
                    </tr>
                    <tr align='center'>
                        <td class="tabTit">流动资产</td>
                        <td class="tabTit">固定资产</td>
                        <td class="tabTit">总额</td>
                        <td class="tabTit">流动负债</td>
                        <td class="tabTit">长期负债</td>
                        <td class="tabTit">总额</td>
                        <td class="tabTit">实收资本</td>
                        <td class="tabTit">资本公积</td>
                        <td class="tabTit">盈余公积</td>
                        <td class="tabTit">未分配公积</td>
                        <td class="tabTit">总额</td>
                    </tr>
                    <tr v-for="(item,index) in formData.financingForm.tableFinancingData" :key="index" align='center'>
                        <td>{{ item.year }}</td>
                        <td>{{ item.flowZc }}</td>
                        <td>{{ item.fixedZc }}</td>
                        <td>{{ item.totalZc }}</td>
                        <td>{{ item.flowFz }}</td>
                        <td>{{ item.longFz }}</td>
                        <td>{{ item.totalFz }}</td>
                        <td>{{ item.ownerSs }}</td>
                        <td>{{ item.ownerZb }}</td>
                        <td>{{ item.ownerYy }}</td>
                        <td>{{ item.ownerNoAllot }}</td>
                        <td>{{ item.totalOwner }}</td>
                        <td>{{ item.ownerZx }}</td>
                    </tr>
                    <tr>
                        <td class="tabTit" colspan="4" align='right'>近两年是否有重大经营性亏损及其说明</td>
                        <td colspan="9">
                            <p class="tdHeight">{{ formData.financingForm.mainNote }}</p>
                        </td>
                    </tr>
                </table>
            </el-tab-pane>
        </el-tabs>
    </div>   
</template>
<script>
import { getZgDetail,getLcDetail,getManagerDetail } from '@/api/grainReserves/qualification'
export default {
    data() {
        return {
            activeName: '企业基本情况',
            tabPosition: 'right',
            zgsqlx: '',//资格申请类型：1是资格认证
            kzzd1: '',//仓容
            kzzd2: '',//信用代码
            kzzd4: '',//仓房编号
            zgzbh: '',//资格证书编号
            formData: {//几个tab的大对象 
                companyName: '',//企业名称
                creditCode: '',//统一社会信用代码
                legalName: '',//法人代表
                officePhone: '',//联系电话
                phone: '',//手机号码
                email: '',//电子信箱
                fax: '',//传真号码
                postalCode: '',//邮政编码
                companyAddress: '',//通讯地址
                unitOfNatureName: '',//企业性质
                businessVarietyName: [],//经营范围
                unitPrimaryServiceName: [],//主营业务
                registerDate: '',//注册时间
                registerMoney: '',//注册资本（万元）
                // totalNum: '',//企业总人数
              storeShouldForm: {
                storeType: [],//企业收储粮食主要品种
                tableGrain: []//当前储粮品种表格
              },
              editableTabs: [
                  {
                      tabName: '主库区',
                      formStoreHouse: {
                            nameKq: '',//库区名称
                            totalArea: '',//总仓容
                            applyArea: '',//申请仓容
                            storeArea: '',//库区占地面积
                            isRoad: '0',//有无铁路专用线
                            isWharf: '0',//有无水运码头
                            roadClose: '',//紧邻公路类别
                            roadDistance: '',//与紧邻公路距离（公里）
                            isFlood: '0',//防洪标准是否不低于50年一遇
                            isHarmful: '0',//周围是否无污染源及易燃易爆场所
                            isWater: '0',//有无消防水源
                            isFire: '0',//有无消防设施
                            isScale: '0',//有无汽车衡
                            isAssay: '0'//有无化验室
                      }
                  }
              ],//库区基本情况
              tableHouse: [],//仓房基本情况
                grainTechnologyForm: {//主要储粮技术应用说明
                    technologyExplain1: '',
                    technologyExplain2: '',
                    technologyExplain3: ''
                },
                checkForm: {//企业检化验条件表表格上边的表单
                    isCheckRoom: '0',//有无专用检化验室
                    isCheckPz: '0',//能否检测粮食质量等级和储存品质
                    checkArea: '',//检化验室建筑面积
                    isCheckSafe: '0',//能否筛查粮食主要食品安全指标
                    tableDevice: []//企业检化验条件表表格
                },
                tablePersonForm: {
                    tableBgPerson: []//主要专职保管人员
                },
                tablePeopleForm: {
                    tableCheckPerson: []//主要专职检化验人员
                },
                mainStoreForm: {
                    tableStoreDevi: [],//主要仓储设备
                },
                storeManagerForm: {//企业仓储管理情况
                    isManagerBL: '0',//“一符四无”粮仓比例是否达到100%
                    isManagerPd: '',//评定单位
                    isManagerSafe: '1',//两年内是否没有发生储粮安全事故
                    isManagerSafeSg: '',//两年内是否没有发生储粮安全事故：事故情况
                    isManagerSafeDeal: '',//两年内是否没有发生储粮安全事故：处理决定
                    isManagerSc: '1',//两年内是否没有发生安全生产事故
                    isManagerScSg: '',//两年内是否没有发生安全生产事故；事故情况
                    isManagerScDeal: '',//两年内是否没有发生安全生产事故；处理决定
                    isManagerFg: '1',//两年内是否没有发生违反国家政策法规记录
                    isManagerFgQk: '',//违反政策法规情况
                    isManagerFgDeal: ''//两年内是否没有发生违反国家政策法规记录：处理决定
                },
                financingForm: {//企业财务状况
                    mainNote: '',//近两年是否有重大经营性亏损及其说明
                    tableFinancingData: [
                        {},
                        {}
                    ]//近两年财务报表
                }
            }
        }
    },
    props: ['fromId','isSee'],
    created() {
        this.getInitInfo()
    },
    methods: {
        getInitInfo() {
            if(this.isSee == 'zgManager') {
                getManagerDetail(this.fromId).then(res => {
                    if(res.infoCode == 200) {
                        this.formData = JSON.parse(res.data.sqxx)
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error',
                            duration: 2000
                        })
                    }
                })
            }else if(this.isSee == 'zgApply') {
                getZgDetail(this.fromId).then(res => {
                    if(res.infoCode == 200) {
                        this.formData = JSON.parse(res.data.sqxx)
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error',
                            duration: 2000
                        })
                    }
                })
            }else {
                getLcDetail(this.fromId).then(res => {
                    if(res.infoCode == 200) {
                        this.formData = JSON.parse(res.data.sqxx)
                        this.zgsqlx = res.data.zgsqlx
                        this.kzzd1 = res.data.kzzd1
                        this.kzzd2 = res.data.kzzd2
                        this.kzzd4 = res.data.kzzd4//仓房编号
                        this.zgzbh = res.data.zgzbh
                        this.$emit('getZgzbh',this.zgzbh)
                    }else {
                        this.$message({
                            message: res.msg,
                            type: 'error',
                            duration: 2000
                        })
                    }
                })
            }
        }
    }
}
</script>
<style lang="scss" scoped>
    .seeZgPage{
        .tit{
            margin-bottom: 20px;
        }
        .circleStyle {
            display: inline-block;
            margin-right: 4px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #67C23A;
        }
        .tabStyle {
            width: 100%;
            height: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            font-size: 14px;
            border: 1px solid #ccc;
            td, .thPad {
                padding: 10px;
            }
            .tabTit {
                font-weight: 500;
                font-size: 14px;
            }
        }
        .borderNone {
            border-top: none;
        }
        .el-tab-pane:nth-child(3) {
            overflow-x: auto;
        }
        .widthStyle1{
            width: auto;
            min-width: 110px;
        }
        .widthStyle2 {
            width: 110px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .tdHeight{
            min-height: 100px;
        }
        .centerStyle {
            text-align: center;
        }
    }
</style>


