<template>
<div class="full-box qyData">
<div class="" style="width: 100%;height:100%;" >
<div class="top-tip-box t-title">当前位置：后台系统管理 -- 企业数据管理</div>
<div class="table-info-box " v-if="!showDetail">
<div class="table-search-box tworow">
<div class="search-info-box">
<div class="search-row" style="padding-top:0;">
<div class="search-row-label">企业板块</div>
<div class="search-row-condition">
<el-checkbox class="search-condition-checkall" :indeterminate="bkCheckObj.isIndeterminate" v-model="bkCheckObj.checkAll" @change="(value) => handleCheckAllChange(value,'bk')">全选</el-checkbox>
<el-checkbox-group v-model="bkCheckObj.checkedList" @change="(value) => handleCheckedChange(value,'bk')">
<el-checkbox v-for="(item,index) in bkCheckObj.checkList" :label="item.name" :key="index">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="search-row" style="padding-top:0;margin-bottom:5px;">
<div class="search-row-label">行业</div>
<div class="search-row-condition">
<el-checkbox class="search-condition-checkall" :indeterminate="hyCheckObj.isIndeterminate" v-model="hyCheckObj.checkAll" @change="(value) => handleCheckAllChange(value,'hy')">全选</el-checkbox>
<el-checkbox-group v-model="hyCheckObj.checkedList" @change="(value) => handleCheckedChange(value,'hy')">
<el-checkbox v-for="(item,index) in hyCheckObj.checkList" :label="item.value" :key="index">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="search-item">
<div class="search-item-label">关键字</div>
<el-input v-model="filter.key" placeholder="支持组织机构代码、统一社会形同代码，企业名称查询" style="width: 374px"></el-input>
</div>
<el-button class="search-btn" type="primary" @click="searchResult">查询</el-button>
<el-button class="search-btn" type="primary" @click="resetFilter">重置</el-button>
</div>
<div class="search-border-box">
<div class="sbb-line"></div>
<div class="sbb-role"></div>
</div>
</div>
<div class="table-result-boxx">
<div class="table-container-style">
<el-table :data="tableData.list" height="200">
<el-table-column type="index" align="center" label="序号" width="80"></el-table-column>
<el-table-column prop="socialCreditCode" align="center" label="统一社会信用代码" ></el-table-column>
<el-table-column prop="companyName" align="center" label="企业名称"></el-table-column>
<el-table-column prop="plat" align="center" label="所属板块"> </el-table-column>
<el-table-column prop="industryName" align="center" label="所属行业" ></el-table-column>
<el-table-column prop="qyclrq" align="center" label="成立时间"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<div class="table-edit-btn" @click="showRowDetail(scope.row.id)">查看</div>
</template>
</el-table-column>
</el-table>
<el-pagination @current-change="handlePageChange" background layout="total, prev, pager, next" :total="tableData.total" :current-page="tableData.pageNum" :page-size="tableData.pageSize" :page-count="tableData.pages" style="text-align: right;"></el-pagination>
</div>
</div>
</div>
<!--detail-->
<transition name="el-zoom-in-bottom">
<div class="table-info-box detail-box qydata-detail" style="" v-if="showDetail">
<div class="qydata-search-box">
<div class="map-title-box">
<div class="map-title"><span class="dot"></span><div>{{detail.detailInfo.companyName}}</div></div>
<div class="map-address">版块：{{detail.detailInfo.plat}}</div>
<div class="back-index" style="float: right" @click="backList">返回</div>
</div>
<div class="qy-detail-box">
<div class="qy-detail-label-row">
<div class="qy-detail-label-row-label">地 址：</div>
<div class="qy-detail-label-row-info"><el-tag>{{detail.detailInfo.street}}</el-tag></div>
</div>
<div class="qy-detail-label-row">
<div class="qy-detail-label-row-label">行 业：</div>
<div class="qy-detail-label-row-info">
<el-tag :key="index" v-for="item,index in detail.detailInfo.industryNames" closable :disable-transitions="false" @close="handleTagClose(index,'hy')"> {{item}}</el-tag>
<div class="add-btns" @click="addHy('hy')"><i class="el-icon-plus"></i>添加行业</div>
</div>
</div>
<div class="qy-detail-label-row">
<div class="qy-detail-label-row-label">标 签：</div>
<div class="qy-detail-label-row-info">
<el-tag :key="index" v-for="item,index in detail.detailInfo.tagNames" closable :disable-transitions="false" @close="handleTagClose(index,'tag')"> {{item}}</el-tag>
<div class="add-btns" @click="addHy('tag')"><i class="el-icon-plus"></i>添加标签</div>
</div>
</div>
</div>
</div>
<div class="qydata-detail-boxs">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="基本信息" name="jbxx">
<div class="gsxx-box">
<div class="gsxx-rowss titlessss" >基本信息</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>法人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.fddbr}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>社会统一信用代码</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.socialCode}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>组织机构代码</span></div>
<div class="gsxx-info"><span>{{detail.detailInfo.companyCode}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>登记机关</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qydjjg}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>成立日期</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyclrq}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>注册类型</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzclx}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>注册资本</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzczb}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>实到资本</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qysdzb}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>营业状态</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyyyzt}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>营业期限</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyyerqks}} 至 {{detail.detailInfoBody.qyyerqjs}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>是否出口企业</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyck}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>是否规上企业</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qygs}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>是否高新技术企业</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qygx}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>高企获得时间</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.gqhdsj}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>是否上市企业</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyssqy}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>上市情况</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyssqyqk}}</span></div>
</div>
<div class="gsxx-row" style="width:100%;height:calc((100% / 8.5) * 1.5);">
<div class="gsxx-label" style=""><span>经营范围</span></div>
<div class="gsxx-info" style="overflow-y: auto"><span>{{detail.detailInfoBody.qyjyfw}}</span></div>
</div>
<div class="gsxx-rowss titlessss" >联系方式</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>企业网站</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qywz}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>传真号码</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycz}}</span></div>
</div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>邮编</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyyb}}</span></div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>企业法人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyfrxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyfrsj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyfrgd}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyfryx}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>财务联系人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycwxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycwsj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycwdh}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycwyx}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>办公室主任</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzrxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzrsj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzrdh}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyzryx}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>安全负责人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyaqyxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyaqysj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyaqydh}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyaqyyx}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>环保负责人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyhbrxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyhbrsj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyhbrdh}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qyhbryx}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>常用联系人</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycyrxm}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>手机</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycyrsj}}</span></div>
</div>
</div>
<div class="gsxx-rowss">
<div class="gsxx-row" >
<div class="gsxx-label"><span>固定电话</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycyrgd}}</span></div>
</div>
<div class="gsxx-row" >
<div class="gsxx-label"><span>电子邮箱</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.qycwyx}}</span></div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="企业人员信息" name="qyryxx">
<div class="yfxx-box">
<div class="ttttitle">企业人员统计</div>
<el-table :data="detail.qyryxx.qiyerenyuan" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="年度" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="职工总数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="女性人数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="参加社保人数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="本科人数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="硕士研究生人数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="博士生人数" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td7" label="留学归国人数" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">企业主要人员信息</div>
<el-table :data="detail.qyryxx.qiyezhuyaorenyuan" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="人员姓名" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="人员性别" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="人员年龄" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="籍贯" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="人员职务" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="任职起始年份" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="人员学历" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td7" label="毕业院校" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td8" label="主要经历" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td9" label="人才称号" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="企业经济信息" name="qyjjxx">
<div class="yfxx-box">
<div class="ttttitle">企业产能情况</div>
<el-table :data="detail.qyjjxx.qiyechanneng" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="年份" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="固定资产总额" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="销售总额" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="销售成本" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="研发投入总额" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="营业收入（千元）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="主营业务收入（千元）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td7" label="营业税金及附加（千元）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td8" label="主营业务税金及附加（千元）" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">企业生产信息</div>
<el-table :data="detail.qyjjxx.shengchanxinxi" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="原材料来源" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="物流" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="销售渠道" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">企业税务信息</div>
<el-table :data="detail.qyjjxx.shuiwuxinxi" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="缴税月份" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="工业税收" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="工业增值税" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">税收合计</div>
<el-table :data="detail.qyjjxx.shuishouheji" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="年份" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="本年累计" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label=" 同期累计" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label=" 净增额" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="同比（%）" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="项目申报信息" name="xmsbxx">
<div class="tabless-box table-container-style">
<el-table :data="detail.xmxx.list" highlight-current-row style="width: 100%;" height="300">
<el-table-column property="td0" label="项目内容" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="项目类别" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="申报主管部门" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="获批资金" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="获得时间" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="研发项目详细信息" name="yfxmxx">
<div class="yfxx-box">
<div class="ttttitle">研发项目报表（项目基础信息）</div>
<el-table :data="detail.yfxmxx.xiangfaxiangmubaobiao" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="项目名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="项目来源" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="项目合作形式" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="项目成果形式" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="项目技术经济目标" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="项目起始日期" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="项目完成日期" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td7" label="跨年项目所处主要进展阶段" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">研发项目报表（项目人员信息）</div>
<el-table :data="detail.yfxmxx.xiangmurenyuanxinxi" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="项目名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="参加项目人员（人）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="项目人员实际工作时间（人月）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="项目经费内部支出（千元）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="政府资金(万元)" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="项目人员折合全时当量（人年）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="研究人员" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">研发项目报表（项目审核信息）</div>
<el-table :data="detail.yfxmxx.xiangmushenhe" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="项目名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="R&D项目活动类型(最初)" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="地市审核" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="省级审核" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="国家审核" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="国家三分类审核" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="R&D项目活动类型(最终)" align="center" show-overflow-tooltip></el-table-column>
</el-table>
<div class="ttttitle">研发项目报表（项目其他信息）</div>
<el-table :data="detail.yfxmxx.xiangmuqita" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column property="td0" label="项目名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="报表类别" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label=" 建筑业企业资质等级" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="认定为最终汇总企业标志" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="登记注册类型 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="单位规模" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="企业控股情况 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td7" label="隶属关系 " align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="产能情况" name="cnqk">
<div class="tabless-box table-container-style">
<el-table :data="detail.channengqingkuang" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
<el-table-column property="td0" label="产品名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="计量单位" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="年初生产能力" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="年末生产能力" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="产品产量" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="耗能情况" name="hnqk">
<div class="hnqk-box table-container-style">
<el-table :data="detail.haonnegqingkuang" highlight-current-row style="width: 100%;" height="300">
<el-table-column property="td0" label="月份" align="center" width="50"></el-table-column>
<el-table-column label="电" align="center" show-overflow-tooltip>
<el-table-column property="td1" label="（万千瓦时）" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="同期累计 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="同比（%）" align="center" show-overflow-tooltip></el-table-column>
</el-table-column>
<el-table-column label="煤" align="center" show-overflow-tooltip>
<el-table-column property="td4" label="（吨标准煤） " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="同期累计 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td6" label="同比（%）" align="center" show-overflow-tooltip></el-table-column>
</el-table-column>
<el-table-column label="燃气" align="center" show-overflow-tooltip>
<el-table-column property="td7" label="（立方米） " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td8" label="同期累计 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td9" label="同比（%）" align="center" show-overflow-tooltip></el-table-column>
</el-table-column>
<el-table-column label="水" align="center" show-overflow-tooltip>
<el-table-column property="td10" label="（吨） " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td11" label="同期累计 " align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td12" label="同比（%）" align="center" show-overflow-tooltip></el-table-column>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="荣誉资质" name="ryzz">
<qyzz-nav :qyzzList = 'detail.qyzz.list' :orgnId="detail.companyId" v-if="false"></qyzz-nav>
<div class="tabless-box table-container-style">
<el-table :data="detail.rongyuzizhi" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
<el-table-column property="td0" label="获评年份" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="获评名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="授予单位" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="有效期" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="知识产权" name="zzcq">
<div class="gsxx-box">
<div class="gsxx-row">
<div class="gsxx-label"><span>专利总数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.zlzs}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>国际专利数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.gjzl}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>发明专利数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfo.fmzl}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>外观设计专利数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.wgzl}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>实用新型专利数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.syzl}}</span></div>
</div>
<div class="gsxx-row">
<div class="gsxx-label"><span>软件著作权总数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.zzzl}}</span></div>
</div>
<div class="gsxx-row" style="width: 100%;">
<div class="gsxx-label"><span>商标注册总数</span></div>
<div class="gsxx-info"><span>{{detail.detailInfoBody.sbzs}}</span></div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="企业设备情况" name="qysb">
<div class="tabless-box table-container-style">
<el-table :data="detail.shebeiqingkuang" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
<el-table-column property="td0" label="设备名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="设备来源" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="设备国籍" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td3" label="设备用途" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td4" label="使用年限" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td5" label="备注" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="产学研合作" name="cxyhz">
<div class="tabless-box table-container-style">
<el-table :data="detail.chanxueyanhezuo" highlight-current-row style="width: 100%;" height="300">
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
<el-table-column property="td0" label="合作单位" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td1" label="合作项目名称" align="center" show-overflow-tooltip></el-table-column>
<el-table-column property="td2" label="合作期限" align="center" show-overflow-tooltip></el-table-column>
</el-table>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</transition>
</div>
<!-- pop -->
<el-dialog title="添加行业" :visible.sync="addHyDialogVisible" width="450px" :close-on-click-modal=false>
<div class="">
<div class="search-row" style="padding-top:0;margin-bottom:10px;height: auto;">
<div class="search-row-label">行业名称</div>
<div class="search-row-condition" style="height: auto;">
<el-checkbox class="search-condition-checkall" :indeterminate="popHyCheckObj.isIndeterminate" v-model="popHyCheckObj.checkAll" @change="(value) => handleCheckAllChange(value,'hyPop')">全选</el-checkbox>
<el-checkbox-group v-model="popHyCheckObj.checkedList" @change="(value) => handleCheckedChange(value,'hyPop')">
<el-checkbox v-for="(item,index) in popHyCheckObj.checkList" :label="item.code" :key="index">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="addHyDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="addSucess('hy')">确 定</el-button>
</div>
</el-dialog>
<el-dialog title="添加标签" :visible.sync="addTagDialogVisible" width="450px" :close-on-click-modal=false>
<div class="">
<div class="search-row" style="padding-top:0;margin-bottom:10px;height: auto;">
<div class="search-row-label">行业标签</div>
<div class="search-row-condition" style="height: auto;">
<el-checkbox class="search-condition-checkall" :indeterminate="popTagCheckObj.isIndeterminate" v-model="popTagCheckObj.checkAll" @change="(value) => handleCheckAllChange(value,'tagPop')">全选</el-checkbox>
<el-checkbox-group v-model="popTagCheckObj.checkedList" @change="(value) => handleCheckedChange(value,'tagPop')">
<el-checkbox v-for="item in popTagCheckObj.checkList" :label="item.code" :key="item.code">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="addTagDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="addSucess('tag')">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
let month = new Date().getMonth()==0?1:new Date().getMonth()+1;
let year = month<10?new Date().getFullYear()+"-0"+month :new Date().getFullYear()+"-"+month;
import qyzzNav from './qyDetail/qyzzNav'
export default {
name: 'qyDataManage',
data () {
return {
dialogVisible:false,
timeFilter:[new Date().format("yyyy-")+"01",new Date(year).format("yyyy-MM")],
filter:{
key:'',
industries:'',
plates: '',
},
bkCheckObj:{
isIndeterminate: false,
checkList: [{value:1,name:'创新创业园'},{value:2,name:'东山工业园'},{value:3,name:'渊山岗工业园'},{value:4,name:'其他'}],
checkedList: [],
checkAll: false
},
hyCheckObj:{
isIndeterminate: false,
checkList: [],
checkedList: [],
checkAll: false
},
zbName:'',
tableData:{
list: [],
pageNum: 1,
pageSize: 10,
pages: 1,
total: 1,
},
rowData:{},
popTitle:'',
editListData:{
period:['每月','每季度'],
conditionType:['大于','小于'],
},
popFilter:{
name:'',
conditionType: "",
period: "",
value: 0
},
/**/
showDetail:false,
hyList: [],
tagList: [],
addHyDialogVisible:false,
addTagDialogVisible:false,
popHyCheckObj:{
isIndeterminate: false,
checkList: [],
checkedList: [],
checkAll: false
},
popTagCheckObj:{
isIndeterminate: false,
checkList: [],
checkedList: [],
checkAll: false
},
activeName:'jbxx',
detail: {
companyId:null,companyCode:'',
detailInfoBody:{
fddbr:'',socialCode:'',companyCode:'',qydjjg:'',qyclrq:'',qyzclx:'',qyzczb:'',qysdzb:'',qyyyzt:'',qyyerqks:'',qyyerqjs:'',qygx:'',gqhdsj:'',qyssqy:'',qyjyfw:'',qyssqyqk:'', zlzs:'', gjzl:'', fmzl:'', syzl:'', zzzl:'', sbzs:'', wgzl:'',
qywz:'',qycz:'',qyyb:'',qyfrxm:'',qyfrsj:'',qyfrgd:'',qyfryx:'',qycwxm:'',qycwsj:'',qycwdh:'',qycwyx:'',qyzrxm:'',qyzrsj:'',qyzrdh:'',qyzryx:'',qyaqyxm:'',qyaqysj:'',qyaqydh:'',qyaqyyx:'',qyhbrxm:'',qyhbrsj:'',qyhbrdh:'',qyhbryx:'',qycyrxm:'',qycyrsj:'',qycyrgd:'',qycwyx:''
},
detailInfo:{
companyName:"",
industryNames: ['行业一', '行业二'],industryCodes:[],
tagNames: ['标签一', '标签二', '标签三'],tagCodes:[],
},
xmxx:{data:false,list: []},
yfxmxx:{data:false,xiangfaxiangmubaobiao: [],xiangmurenyuanxinxi: [],xiangmushenhe: [],xiangmuqita: []},
qyjjxx:{data:false,qiyechanneng: [],shengchanxinxi: [],shuiwuxinxi: [],shuishouheji: []},
qyryxx:{data:false,qiyerenyuan: [],qiyezhuyaorenyuan: []},
channengqingkuang:[],haonnegqingkuang:[],shebeiqingkuang:[],rongyuzizhi:[],chanxueyanhezuo:[]
},
}
},
components: {
"qyzz-nav":qyzzNav,
},
mounted (){},
created(){
this.GLOBAL.app.getDictList(resp => {
this.bkCheckObj.checkList = resp["板块"];
this.hyCheckObj.checkList = resp["行业列表"];
})
this.getList();
if(!this.$Util.isEmpty(this.$route.params)){
this.showDetail = true;
this.showRowDetail(this.$route.params.id)
}
},
watch:{},
methods:{
searchResult(){
this.getList(1);
},
resetFilter(){
this.filter.key='';
this.bkCheckObj.isIndeterminate = false;this.bkCheckObj.checkedList = [];this.bkCheckObj.checkAll = false;
this.hyCheckObj.isIndeterminate = false;this.hyCheckObj.checkedList = [];this.hyCheckObj.checkAll = false;
},
getList(pager){
let vm = this;
vm.tableData.pageNum = vm.$Util.isEmpty(pager) ? vm.tableData.pageNum : pager;
vm.filter.industries = vm.hyCheckObj.checkedList.join(",");
vm.filter.plates = vm.bkCheckObj.checkedList.join(",");
vm.$http.get('/dx-economy-api/company/page', {params: $.extend({pageNum: vm.tableData.pageNum,pageSize: vm.tableData.pageSize},vm.filter)}).then(function (resp) {
let _data = resp.data;
vm.tableData.list = _data.data.list
vm.tableData.pageNum = _data.data.pageNum;
vm.tableData.pageSize = _data.data.pageSize;
vm.tableData.pages = _data.data.pages;
vm.tableData.total = _data.data.total;
})
},
handlePageChange(currentPage){
this.getList(currentPage)
},
addData() {
let vm = this;
vm.dialogVisible = true;
vm.popTitle = '新增指标';
vm.rowData = {};
vm.popFilter.name = '';
vm.popFilter.conditionType = '';
vm.popFilter.period = '';
vm.popFilter.value = '';
},
gxsj(rowData){
let vm = this;
vm.dialogVisible = true;
vm.popTitle = '修改指标';
vm.rowData = rowData;
vm.popFilter.name = rowData.name;
vm.popFilter.conditionType = rowData.conditionType;
vm.popFilter.period = rowData.period;
vm.popFilter.value = rowData.value;
},
updateData(){
let vm = this
vm.rowData.name = vm.popFilter.name
vm.rowData.conditionType = vm.popFilter.conditionType
vm.rowData.period = vm.popFilter.period
vm.rowData.value = vm.popFilter.value
vm.dialogVisible = false;
},
/*chose start*/
handleCheckAllChange(value,type){
let _this = this,_list = [];
let obj = type == 'bk'? _this.bkCheckObj : type=='hy'? _this.hyCheckObj:type == 'hyPop' ?_this.popHyCheckObj :_this.popTagCheckObj;
if(value){
obj.checkList.forEach(item => {
if (type == 'hy') {
_list.push(item.value);
}else if(type == 'hyPop' || type == 'tagPop' ){
_list.push(item.code);
}else {
_list.push(item.name);
}
});
}
obj.checkedList = _list;
obj.isIndeterminate = false;
},
handleCheckedChange(value,type) {
let _this = this;
let obj = type == 'bk'? _this.bkCheckObj : type=='hy'? _this.hyCheckObj:type == 'hyPop' ?_this.popHyCheckObj :_this.popTagCheckObj;
obj.checkAll = value.length === obj.checkList.length;
obj.isIndeterminate = value.length > 0 && value.length < obj.checkList.length;
},
/*chose end*/
/*====== detail ==== */
showRowDetail(id){
let vm = this
vm.getTagList();vm.getIndustryList();
vm.$http.get('/dx-economy-api/company/'+id).then(function (resp) {
let _data = resp.data;
if(_data.code === 200 && !vm.$Util.isEmpty(_data.data)) {
vm.detail.detailInfo = _data.data;
vm.detail.companyId = id;
vm.detail.companyCode =_data.data.companyCode;
vm.popHyCheckObj.checkedList = vm.detail.detailInfo.industryCodes;
vm.popTagCheckObj.checkedList = vm.detail.detailInfo.tagCodes;
if(!vm.$Util.isEmpty(_data.data.body)){
vm.detail.detailInfoBody = JSON.parse(_data.data.body);
vm.detail.xmxx.list = vm.$Util.isEmpty(vm.detail.detailInfoBody.xiangmushenbao) ? [] :vm.detail.detailInfoBody.xiangmushenbao;
vm.detail.yfxmxx.xiangfaxiangmubaobiao = vm.$Util.isEmpty(vm.detail.detailInfoBody.xiangfaxiangmubaobiao) ?[]:vm.detail.detailInfoBody.xiangfaxiangmubaobiao;
vm.detail.yfxmxx.xiangmurenyuanxinxi = vm.$Util.isEmpty(vm.detail.detailInfoBody.xiangmurenyuanxinxi) ? []: vm.detail.detailInfoBody.xiangmurenyuanxinxi;
vm.detail.yfxmxx.xiangmushenhe = vm.$Util.isEmpty(vm.detail.detailInfoBody.xiangmushenhe) ? []: vm.detail.detailInfoBody.xiangmushenhe;
vm.detail.yfxmxx.xiangmuqita = vm.$Util.isEmpty(vm.detail.detailInfoBody.xiangmuqita) ? []: vm.detail.detailInfoBody.xiangmuqita;
vm.detail.qyjjxx.qiyechanneng = vm.$Util.isEmpty(vm.detail.detailInfoBody.qiyechanneng) ? []: vm.detail.detailInfoBody.qiyechanneng;
vm.detail.qyjjxx.shengchanxinxi = vm.$Util.isEmpty(vm.detail.detailInfoBody.shengchanxinxi) ? []: vm.detail.detailInfoBody.shengchanxinxi;
vm.detail.qyryxx.qiyerenyuan = vm.$Util.isEmpty(vm.detail.detailInfoBody.qiyerenyuan) ? []: vm.detail.detailInfoBody.qiyerenyuan;
vm.detail.qyryxx.qiyezhuyaorenyuan = vm.$Util.isEmpty(vm.detail.detailInfoBody.qiyezhuyaorenyuan) ? []: vm.detail.detailInfoBody.qiyezhuyaorenyuan;
vm.detail.qyjjxx.shuiwuxinxi = vm.$Util.isEmpty(vm.detail.detailInfoBody.shuiwuxinxi) ? []: vm.detail.detailInfoBody.shuiwuxinxi;
vm.detail.qyjjxx.shuishouheji = vm.$Util.isEmpty(vm.detail.detailInfoBody.shuishouheji) ? []: vm.detail.detailInfoBody.shuishouheji;
vm.detail.channengqingkuang = vm.$Util.isEmpty(vm.detail.detailInfoBody.channengqingkuang) ? []: vm.detail.detailInfoBody.channengqingkuang;
vm.detail.haonnegqingkuang = vm.$Util.isEmpty(vm.detail.detailInfoBody.haonnegqingkuang) ? []: vm.detail.detailInfoBody.haonnegqingkuang;
vm.detail.shebeiqingkuang = vm.$Util.isEmpty( vm.detail.detailInfoBody.shebeiqingkuang) ? []: vm.detail.detailInfoBody.shebeiqingkuang;
vm.detail.rongyuzizhi = vm.$Util.isEmpty(vm.detail.detailInfoBody.rongyuzizhi) ? []: vm.detail.detailInfoBody.rongyuzizhi;
vm.detail.chanxueyanhezuo = vm.$Util.isEmpty(vm.detail.detailInfoBody.chanxueyanhezuo) ? []: vm.detail.detailInfoBody.chanxueyanhezuo;
debugger
console.log(vm.detail.qyjjxx.shuiwuxinxi)
console.log(vm.detail.qyjjxx.shuishouheji)
}
vm.showDetail = true;
}
})
},
handleTagClose (i,type){
let vm = this
let objList = type=='hy' ?vm.detail.detailInfo.industryNames:vm.detail.detailInfo.tagNames;
let objList1 = type=='hy' ?vm.popHyCheckObj.checkedList:vm.popTagCheckObj.checkedList;
objList.splice(i, 1);
objList1.splice(i, 1);
if(type=='hy'){
debugger
vm.$http.put('/dx-economy-api/company/'+vm.detail.companyCode+'/industry',{industryCodes:objList1}).then(function (resp) {
let _data = resp.data;
})
}else{
vm.$http.put('/dx-economy-api/company/'+vm.detail.companyCode+'/tag',{tagCodes:objList1}).then(function (resp) {
let _data = resp.data;
})
}
},
getIndustryList() {
let vm = this;
vm.$http.get('/dx-economy-api/industry').then(function (resp) {
let _data = resp.data;
vm.popHyCheckObj.checkList = _data.data;
})
},
getTagList(){
let vm = this;
vm.$http.get('/dx-economy-api/tag').then(function (resp) {
let _data = resp.data;
vm.popTagCheckObj.checkList = _data.data
})
},
addHy(type){
let vm = this
if (type == 'hy') {
vm.addHyDialogVisible = true
}else {
vm.addTagDialogVisible = true
}
},
addSucess(type){
let vm = this
if (type == 'hy') {
let dataHy = {industryCodes:vm.popHyCheckObj.checkedList};
vm.$http.put('/dx-economy-api/company/'+vm.detail.companyCode+'/industry',dataHy).then(function (resp) {
let _data = resp.data.data;
vm.detail.detailInfo.industryCodes = _data.codes;
vm.detail.detailInfo.industryNames = _data.names;
vm.addHyDialogVisible = false
})
}else {
let dataTag = {tagCodes:vm.popTagCheckObj.checkedList};
vm.$http.put('/dx-economy-api/company/'+vm.detail.companyCode+'/tag',dataTag).then(function (resp) {
let _data = resp.data.data;
vm.detail.detailInfo.tagCodes = _data.codes;
vm.detail.detailInfo.tagNames = _data.names;
vm.addTagDialogVisible = false
})
}
},
handleClick(tab, event) {
console.log(tab, event);
},
backList(){
let vm = this;
/*if(!vm.$Util.isEmpty(vm.$route.params)){
vm.$router.push('/upProjectManage');
}else{*/
vm.activeName = "jbxx";
vm.showDetail = false;
vm.detail= {
companyId:null,companyCode:'',
detailInfoBody:{
fddbr:'',socialCode:'',companyCode:'',qydjjg:'',qyclrq:'',qyzclx:'',qyzczb:'',qysdzb:'',qyyyzt:'',qyyerqks:'',qyyerqjs:'',qygx:'',gqhdsj:'',qyssqy:'',qyjyfw:'',qyssqyqk:'', zlzs:'', gjzl:'', fmzl:'', syzl:'', zzzl:'', sbzs:'', wgzl:'',
qywz:'',qycz:'',qyyb:'',qyfrxm:'',qyfrsj:'',qyfrgd:'',qyfryx:'',qycwxm:'',qycwsj:'',qycwdh:'',qycwyx:'',qyzrxm:'',qyzrsj:'',qyzrdh:'',qyzryx:'',qyaqyxm:'',qyaqysj:'',qyaqydh:'',qyaqyyx:'',qyhbrxm:'',qyhbrsj:'',qyhbrdh:'',qyhbryx:'',qycyrxm:'',qycyrsj:'',qycyrgd:'',qycwyx:''
},
detailInfo:{
companyName:"",
industryNames: ['行业一', '行业二'],industryCodes:[],
tagNames: ['标签一', '标签二', '标签三'],tagCodes:[],
},
jyzk:{data:false,list: []},
xmxx:{data:false,list: []},
yfxmxx:{data:false,xiangfaxiangmubaobiao: [],xiangmurenyuanxinxi: [],xiangmushenhe: [],xiangmuqita: []},
qyjjxx:{data:false,qiyechanneng: [],shengchanxinxi: [],shuiwuxinxi: [],shuishouheji: []},
qyryxx:{data:false,qiyerenyuan: [],qiyezhuyaorenyuan: []},
channengqingkuang:[],haonnegqingkuang:[],shebeiqingkuang:[],rongyuzizhi:[],chanxueyanhezuo:[]
}
/*}*/
},
}
}
</script>
<style>
.qydata-detail .el-tag .el-icon-close{color:#fff!important;}
.qydata-detail .el-tag .el-icon-close:hover{background: none;opacity: 0.8;}
.hnqk-box .el-table--border th {border-right:1px solid #088ec8;}
.hnqk-box .el-table td{}
</style>
<style scoped>
.detail-box{background:rgba(22,225,255,.05);width: calc(100% - 40px);height: calc(100% - 70px);padding:20px 20px 10px;}
.qyData .table-search-box.tworow{height:130px;overflow-y: auto}
.qyData .table-search-box.tworow .search-info-box{padding:10px 0 10px 20px;height:calc(100% - 22px);}
.table-result-boxx{height: calc(100% - 145px);}
/*detail*/
.qydata-detail{}
.qydata-detail .map-title{font-size: 24px;}
.map-address{float:left;margin-left:30px;padding-left:30px;/*background:url("../../../assets/images/address.png") no-repeat left center;*/}
.qy-detail-box{width: 100%;height: auto;}
.qy-detail-label-row{width: 100%;min-height: 22px;margin-bottom: 10px;}
.qy-detail-label-row:last-child{margin-bottom: 0;}
.qy-detail-label-row > div{float:left;}
.qy-detail-label-row-label{color:#5bc9fa;width:80px;height: 22px;line-height: 22px;}
.qy-detail-label-row-info{width: calc(100% - 80px);}
.el-tag{height: 22px;line-height: 22px;border:0;border-radius: 0;background:rgba(91,201,250,.2);color:#fff;margin-right:6px;float: left}
.el-tag:last-child{margin-right: 0;}
.add-btns{float: left;color: #5bc9fa;height: 22px;line-height: 22px;margin-left: 20px;cursor: pointer;}
.add-btns:hover{opacity: 0.8;}
.search-row-condition .el-checkbox-group .el-checkbox:first-child{margin-left: 0;}
.qydata-search-box{width: 100%;overflow-y: auto;height: 140px;}
.qydata-detail-boxs{width: 100%;height: calc(100% - 140px);}
.search-condition-checkall{margin-right: 10px;}
/*详情*/
.gsxx-box{width:calc(100% - 29px);height:calc(100% - 2px);border:1px solid rgba(7,182,255,.5);background:rgba(7,182,255,0.02);overflow-y: auto}
.gsxx-row{width:50%;height:calc(100% / 8.5);float:left;color:rgba(255,255,255,.8);}
.gsxx-rowss{width:50%;height:calc(100% / 8.5);float:left;}
.gsxx-rowss .gsxx-row{height: 100%;}
.gsxx-rowss.titlessss{width:calc(100% - 20px);padding-left: 20px;height: 40px;line-height: 40px;font-weight: bold;border-bottom:1px solid rgba(7,182,255,.29);background:rgba(7,182,255,0.1);text-align: center;font-size: 15px;}
.gsxx-label,.gsxx-info{position:relative;height:100%;border-bottom:1px solid rgba(7,182,255,.29)}
.gsxx-label span,.gsxx-info span{display: block;width: 100%;height: 24px;line-height: 24px;letter-spacing:1px;position: absolute;top: 50%;margin-top: -12px;text-align: center;}
.gsxx-info span{text-align:left;width: calc(100% - 10px);}
.gsxx-label{width:130px;background:rgba(7,182,255,0.1);float:left;}
.gsxx-info{width:calc(100% - 140px);float: right;padding-left:10px;}
.search-row-condition .el-checkbox-group .el-checkbox:first-child{margin-left: 0;}
.yfxx-box{width:calc(100% - 10px);height:calc(100% - 2px);overflow-y: auto;padding-right: 10px;}
.yfxx-box .ttttitle,.hnqk-box .ttttitle{width: 100%;line-height: 40px;font-weight: bold;font-size: 15px;}
.yfxx-box .el-table, .yfxx-box .el-table__expanded-cell,.hnqk-box .el-table, .hnqk-box .el-table__expanded-cell{background: rgba(7,182,255,0.08);}
.tabless-box{width:calc(100% - 10px);height:calc(100% - 2px);overflow-y: auto;padding-right: 10px;}
.hnqk-box{width:calc(100% - 10px);height:calc(100% - 2px);overflow-y: auto;padding-right: 10px;}
.hnqk-box .el-table, .hnqk-box .el-table__expanded-cell{border:none;}
</style>
