zhaoshangyinzi/ruoyi-ui/src/views/index.vue

<template>
  <div class="in_box" style="background-color: #eef0ff;">
    <div>
      <div class="indes_fag">
        <div>
          <p @click="nhl(1)" :class="jk == false ? 'lo' : ''">招商首页</p>
           <p @click="nhl(2)" :class="jk == true ? 'lo' : ''">发改委首页</p>
        </div>
      </div>
      <el-row v-if="jk == true">
        <el-col :xs="12" :sm="12"  :lg="16" :xl="16">
         <div class="fgw_index">
           <p class="p">项目整体概况</p>
           <div class="fgwindex_act">
             <div>
               <p><i></i><span>项目总数(个)</span></p>
               <p>{{mjieus.xmzs}}</p>
             </div>
             <div>
               <p><i style="background-color: #10D235;"></i><span>正常项目</span></p>
               <p style="color: #10D235;">{{mjieus.zcxm}}</p>
             </div>
             <div>
               <p><i style="background-color: #D388E4;"></i><span>超期节点项目</span></p>
               <p style="color: #D388E4;">{{mjieus.cqjdxm}}</p>
             </div>
             <div>
               <p><i style="background-color: #D388E4;"></i><span>严重滞后项目</span></p>
               <p style="color: #D388E4;">{{mjieus.yzzhxm}}</p>
             </div>
           </div>
           <div class="fgwindex_act">
             <div>
               <p><i style="background-color: #FF5061;"></i><span>节点总数</span></p>
               <p style="color: #FF5061;">{{mjieus.jdzs}}</p>
             </div>
             <div>
               <p><i style="background-color: #FF7821;"></i><span>正常节点</span></p>
               <p style="color: #FF7821;">{{mjieus.zcjd}}</p>
             </div>
             <div>
               <p><i style="background-color: #2529EA;"></i><span>超期节点</span></p>
               <p style="color: #2529EA;">{{mjieus.cqjd}}</p>
             </div>
             <div>
               <p><i style="background-color: #2529EA;"></i><span>严重滞后节点</span></p>
               <p style="color: #2529EA;">{{mjieus.yzzhjd}}</p>
             </div>
           </div>
         </div>
        </el-col>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8">
          <div class="fgw_index">
            <p class="p">本月汇报进度</p>
            <el-col :span="14" style="background-color: #fff; height: 210px;">
              <div style="text-align: center;">
                <panel-groups  v-if="fgwcbs" :chart-data="panelChartDataleidfgw"  />
              </div>
            </el-col>
            <el-col :span="10" style="background-color: #fff; height: 210px;">
              <div class="nslesfgw">
                <p>未汇报项目<span style="color: #FC3500; font-size: 29px; line-height: 20px; margin-left: 5px;margin-right: 5px;">{{panelChartDataleidfgw.whb}}</span>个</p>
                <p>已汇报项目<span style="color: #10D235; font-size: 29px; margin-left: 5px;margin-right: 5px;">{{panelChartDataleidfgw.yhb}}</span>个</p>
                <el-button v-hasPermi="['fgw:sytj:sycb']"   @click="fgwcbyj">一键催报</el-button>
              </div>
            </el-col>
          </div>
        </el-col>
      </el-row>
      <el-row v-if="jk == true">
        <el-col :xs="24" :sm="24"  :lg="24" :xl="24">
         <div class="fgw_index" style="height: 460px;">
           <p class="p">项目产业进展</p>
           <div class="fgwindex_act">
             <div>
               <line-charts   />
             </div>
           </div>
         </div>
        </el-col>


        <!-- <el-col :xs="24" :sm="24"  :lg="12" :xl="12">
          <div class="fgw_index" style="height: 460px;">
            <el-col :xs="12" :sm="12"  :lg="17" :xl="16">
            <p class="p">全市投资完成情况</p>
            <div class="fgwindex_act">
              <div style="padding-left: 39px;">
                <el-table
                      :data="tableData"

                      style="width: 100%">
                      <el-table-column
                        prop="date"
                        label="日期"
                        align="center"
                        width="180">
                      </el-table-column>
                      <el-table-column
                        prop="name"
                        label="姓名"
                        align="center"
                        width="180">
                      </el-table-column>
                      <el-table-column
                        prop="address"
                        align="center"
                        label="地址">
                      </el-table-column>
                    </el-table>
              </div>

            </div>
            </el-col> -->
            <!-- <el-col :xs="12" :sm="12"  :lg="7" :xl="8">
              <div class="fgw_index" >
                <div>
                  <panel-group    />
                </div>
              </div>
            </el-col> -->
          <!-- </div> -->
        <!-- </el-col> -->

        <!-- <el-col :xs="12" :sm="12"  :lg="8" :xl="8">
          <div class="fgw_index" style="height: 460px;">
            <p class="p">问题类型统计</p>
            <div>
              <panel-groupsone  :chart-data="panelChartDataleid"  />
            </div>
          </div>
        </el-col> -->
      </el-row>
      <el-row v-if="jk == true">
         <div class="fgw_index" >
           <el-col :xs="24" :sm="24"  :lg="24" :xl="24" style="background-color: #fff; padding-bottom: 20px; padding-right: 40px;">
           <p class="p">全市投资完成情况</p>
           <div class="fgwindex_act">
             <div style="padding-left: 39px;">
               <el-table
                     :data="tableData"
                     style="width: 100%">
                     <el-table-column
                       prop="date"
                       label="汇报单位 "
                       align="center"
                       width="180">
                     </el-table-column>
                     <el-table-column
                       prop="name"
                       label="总投资(万元) "
                       align="center"
                       width="180">
                     </el-table-column>
                     <el-table-column
                       prop="address"
                       align="center"
                       label="年度计划投资(万元) ">
                     </el-table-column>
                     <el-table-column
                       prop="address"
                       align="center"
                       label="当月完成投资(万元) ">
                     </el-table-column>
                     <el-table-column
                       prop="address"
                       align="center"
                       label="累计投资(万元) ">
                     </el-table-column>
                   </el-table>
             </div>

           </div>
           </el-col>
           <!-- <el-col :xs="12" :sm="12"  :lg="7" :xl="8">
             <div class="fgw_index" >
               <div>
                 <panel-group    />
               </div>
             </div>
           </el-col> -->
         </div>
      </el-row>

      <el-row :gutter="20" style="padding: 0 20px; " v-if="jk == false">
        <div style="background-color: #fff;  padding: 10px 0; margin: 10px; margin-bottom: 0; border-radius: 15px;">
          <div style="padding-left: 10px; display: flex; justify-content: flex-start; align-items: center;">
            年度:<el-input type="number"  v-model="conversion_time1" placeholder="请输入年度" clearable size="small" style="width: 250px; margin-left: 20px; margin-right: 10px;"  />
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="margin-right: 20px;">搜索</el-button>
            按年份统计，默认本年度
            <p style="margin: 0;padding: 0; margin-left: 10px;">项目总数: <span style="color: #2529EA;">{{nhgewo.all}}</span>个 </p>
          </div>
        </div>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8" >
          <div @click="pkue(0)" class="headerone heser" style="background-color: #fff; position: relative;">
        <img src="../assets/images/icon_hp_ztxs.png" style="width: 68px; height: 68px;" alt="">
        <p>
          <span>{{nhgewo.st}} <i style="font-style:normal;">项</i> </span>
          <span>在谈线索数</span>
        </p>
        <p>
          <span>在谈线索</span>

        </p>
         <img src="../assets/images/icon_ztsj_blue.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <img src="../assets/images/pic_hthp_ztbg.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
        </div></el-col>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8"><div @click="pkue(1)" class="headertwo heser" style="background-color: #fff; position: relative;">
        <img src="../assets/images/icon_hp_qyxm.png" style="width: 68px; height: 68px;" alt="">
        <p>
          <span>{{nhgewo.qy}} <i style="font-style:normal;">项</i> </span>
          <span>签约项目数</span>
        </p>
        <p>
          <span>签约项目</span>

        </p>
         <img src="../assets/images/icon_ztsj_pink.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <img src="../assets/images/pic_hthp_qybg.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
        </div></el-col>
        <el-col @click="pkue(2)" :xs="12" :sm="12"  :lg="8" :xl="8">
          <div @click="pkue(2)" class="headerther heser" style="background-color: #fff; position: relative;">
        <img  src="../assets/images/icon_hp_zjxm.png" style="width: 68px; height: 68px;" alt="">
        <p >
          <span>{{nhgewo.kg}} <i style="font-style:normal;">项</i> </span>
          <span>在建项目数</span>
        </p>
        <p>
          <span>在建项目</span>
        </p>
         <img  src="../assets/images/icon_ztsj_green.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <img  src="../assets/images/pic_hthp_zjbg.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
        </div>
        </el-col>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8"><div @click="pkue(3)" class="headerfour heser" style="background-color: #fff; position: relative;">
        <img src="../assets/images/icon_hp_tcxm.png" style="width: 68px; height: 68px;" alt="">
        <p>
          <span>{{nhgewo.tc}} <i style="font-style:normal;">项</i> </span>
          <span>投产项目数</span>
        </p>
        <p>
          <span>投产项目</span>

        </p>
        <img src="../assets/images/icon_ztsj_yellow.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <!-- <img src="../assets/images/icon_ztsj_bluesss.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" > -->
         <img src="../assets/images/pic_hthp_tcbg.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
         <!-- <img src="../assets/images/pic_hthp_ztbgsss.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" > -->
        </div>
        </el-col>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8"><div @click="pkues" class="headerfour heser" style="background-color: #fff; position: relative;">
        <img src="../assets/images/icon_hp_ztxss.png" style="width: 68px; height: 68px;" alt="">
        <p>
          <span>{{nhgewo.sk}} <i style="font-style:normal;">项</i> </span>
          <span>省库项目数</span>
        </p>
        <p>
          <span>省库项目</span>

        </p>
         <img src="../assets/images/icon_ztsj_blues.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <img src="../assets/images/pic_hthp_ztbgs.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
        </div>
        </el-col>
        <el-col :xs="12" :sm="12"  :lg="8" :xl="8"><div @click="pkue" class="headerfour heser" style="background-color: #fff; position: relative;">
        <img src="../assets/images/icon_hp_ztxsss.png" style="width: 68px; height: 68px;" alt="">
        <p>
          <span>{{nhgewo.all}} <i style="font-style:normal;">项</i> </span>
          <span>全部信息数</span>
        </p>
        <p>
          <span>全部信息</span>

        </p>
         <img src="../assets/images/icon_ztsj_bluesss.png" style="width: 12px; height: 19px;position: absolute; right: 0; top:15px" alt="" >
         <img src="../assets/images/pic_hthp_ztbgsss.png" style="width: 100%; position: absolute; right: 0; bottom: 0;" alt="" >
        </div></el-col>

      </el-row>


    <el-row :gutter="10" style="padding: 0 20px" v-if="jk == false">
      <el-col :xs="24" :sm="24" :lg="12" :xl="12"  v-if="ndhw">
        <div class="chart-wrapper" style="background-color: #fff;border-radius: 5px; margin-bottom: 10px; padding: 10px;"><raddar-chart :chart-data="panelChartDataleid"/></div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="12" :xl="12" v-if="ndhw">
        <div class="chart-wrapper" style="background-color: #fff; border-radius: 5px; padding: 10px;"><line-chart :chart-data="panelChartDataleid"  /></div>
      </el-col>
      <!-- <el-col :xs="24" :sm="24" :lg="8" >
        <div class="chart-wrapper" style="background-color: #fff; border-radius: 5px; padding: 10px;"><bar-chart :chart-data="panelChartDatazhuzh" /></div>
      </el-col> -->
    </el-row>

      <!-- <el-row>
        <el-col :span="18">
          <div class="in_left">
            <div class="exl_box" style="background-color: #fff;">
              <div class="exl_title" style="display: flex; align-items: center; position: relative;">
                <img src="../assets/images/icon_ztsj_blue.png" alt="" style="width: 12px;height: 19px; position: absolute;top: 50%;left: -20px; transform: translateY(-50%);">
                <span>招资引资项目到资金额</span>
                <el-date-picker
                      v-model="lb_value"
                      style="width: 100px;"
                      type="year"
                      value-format="yyyy"
                      @change="picher_fn"
                      placeholder="选择年">
                    </el-date-picker>
              </div>
              <echarts :echartData="echartData" :ehaersList="ehaersList" v-if="flags"></echarts>
            </div>
          </div>
        </el-col>
        <el-col :span="6" style="padding: 0 12px 24px 0 ;">
          <div class="in_right" style="background-color: #fff;">
            <div class="rig_title" style="display: flex; align-items: center; position: relative;">
              <img src="../assets/images/icon_ztsj_blue.png" alt="" style="width: 12px;height: 19px; position: absolute;top: 50%;left: -20px; transform: translateY(-50%);">
              "两区"及乡镇
            </div>
            <div class="rig_tab_top">
              <div class="rig_tab_item">
                单位名称
              </div>
              <div class="rig_tab_item">
                新签约亿元以上项目的个数
              </div>
              <div class="rig_tab_item">
                实际利用市外资金金额
              </div>
              <div class="rig_tab_item">
                入省项目个数
              </div>
            </div>
            <div class="rig_cont">
              <div class="rig_items" v-for="(item,index) in unitList" :key="index">
                <span>{{item.deptName}}</span>
                <span>{{item.projectMillionNum?item.projectMillionNum:0}}个</span>
                <span>{{item.projectCityMoney?item.projectCityMoney:0}}亿元</span>
                <span>{{item.projectProNum?item.projectProNum:0}}个</span>
              </div>
            </div>
            <div class="rig_title" style="display: flex; align-items: center; position: relative;">
              <img src="../assets/images/icon_ztsj_blue.png" alt="" style="width: 12px;height: 19px; position: absolute;top: 50%;left: -20px; transform: translateY(-50%);">
              市直榜单
            </div>
            <div class="rig_tab_top" style="background-color: #1C84C6;">

              <div class="rig_tab_item">
                单位名称
              </div>
              <div class="rig_tab_item">
                新签约目标金额
              </div>
              <div class="rig_tab_item">
                实际到资金额
              </div>
            </div>
            <div class="rig_cont">
              <div class="rig_items" v-for="(item,index) in zjList" :key="index">
                <span>{{item.deptName}}</span>
                <span>{{item.targetArrivalAmount?item.targetArrivalAmount:0}}万元</span>
                <span>{{item.targetcAontractAmount?item.targetcAontractAmount:0}}万元</span>
              </div>
            </div>
          </div>
        </el-col>
      </el-row> -->
      <el-dialog :show-close="false" :close-on-click-modal="false" title="督办信息" :visible.sync="opensh" width="1200px" append-to-body>
        <el-table v-if="bgtesde" v-loading="loading" :data="xmList" @selection-change="handleSelectionChange" >
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="项目编号" align="center" prop="xmbh" width="128"/>
          <el-table-column label="项目名称" align="center" prop="xmmc" />
          <el-table-column label="内容" align="center" prop="details" />
          <el-table-column label="操作" align="center" width="120" class-name="small-padding fixed-width" >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                @click="handleDelete(scope.row)"
              >添加对接模块</el-button>
            </template>
          </el-table-column>
        </el-table>

        <pagination v-show="totals>0" :total="totals" :page.sync="queryParamss.pageNum" :limit.sync="queryParamss.pageSize"
          @pagination="bd_btn"/>

        <div slot="footer" class="dialog-footer">
          <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
          <!-- <el-button @click="cancel">取 消</el-button> -->
        </div>
      </el-dialog>
      <el-dialog :show-close="false" width="800px" :close-on-click-modal="false" :title="njdlos" :visible.sync="flags" append-to-body >
        <el-form ref="forms" :model="xs_form" :rules="xs_rules" label-width="120px">
          <el-row>
            <el-col :span="24">
               <el-form-item label="对接内容:" prop="jzqk">
                  <el-input type="textarea" v-model="xs_form.jzqk" placeholder="请输入对接内容" />
               </el-form-item>
            </el-col>
            <el-col :span="24">
               <el-form-item label="附件上传:" prop="zsyzFjList">
                 <fileUpload :limit="5" v-model="xs_form.zsyzFjList" />
               </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="xs_submit">确 定</el-button>
          <el-button @click="nskehk">取 消</el-button>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
<script>
// import echarts from '@/components/Echarts/index.vue'
import RaddarChart from './dashboard/RaddarChart';
import PieChart from './dashboard/PieChart';
import BarChart from './dashboard/BarChart';
import LineChart from './dashboard/LineChart';
import LineCharts from './dashboard/LineCharts';
import PanelGroups from './dashboard/PanelGroups';
import PanelGroup from './dashboard/PanelGroup';
import PanelGroupsone from './dashboard/PanelGroupsone';
// import store from './store'
import { listProject } from "@/api/projectInfo/info";
import {listleida,toBeReviewedList,setExamine,getfgwcb,fcyjcb,setReject,getUnitList,getUnitAmountList,getIndexEharts,getUnitListNuber,getxingm} from '@/api/index.js'
  export default {
    components: {
      RaddarChart,
      PieChart,
      BarChart,
      LineChart,
      PanelGroups,
      LineCharts,
      PanelGroupsone,
      PanelGroup
    },
    data() {
      return {
        totals:0,
        infoList: [],
        echartData: {
          name: '到资金额柱状图',
          numName: '到资金额',
          numNameArr: ['到资金额']
        },
        zjList: [],
        ehaersList: {},
        loading: false,
        unitList: [],
        flags: false,
        lb_value: '2021', // 柱状图类别
        nhgewo:{},
        panelChartDatayuanh:{},
        panelChartDataleid:{},
        panelChartDataleidfgw:{},
        panelChartDatazhuzh:{},
        ndhw:false,
        opensh:false,
        njdlos:'项目进展',
        xmList:[],
        queryParamss:{
          pageNum:1,
          pageSize:10
        },
        xs_form:{},
        xs_rules:{
          jzqk: [{
            required: true,
            message: "请输入进展情况",
            trigger: "blur"
          }]
        },
        bskejsa:0,
        tableData:[

        ],
        jk:false,
        nhg:false,
        mjieus:{},
        fgwcbs:false,
        bgtesde:true,
        conversion_time1:'',
        kngegs:{

        }
      }
    },
    created() {
      var tempDate = new Date() // 获取今天的日期
      this.gettime(tempDate)
      console.log(this.$store.getters,34)
      let nhue = []
      nhue = this.$store.getters.userType.split(',')
      console.log(nhue)
      if(nhue.length == 2){
        this.nhg = true
        this.jk = false
        this.bd_btn(1)
        // this.zj_btn()
        // this.eharts_fn()
        this.getListyhte()
        this.leidaList()
        this.xmses()
        this.fgwcb()
      }else{
        if(nhue[0] == '发改委'){
          //发改委
          this.jk = true
          this.nhg = false
          this.xmses()
          this.fgwcb()
        }else if(this.$store.getters.roles[0] == 'admin'){
          this.nhg = true
          this.jk = false
          this.bd_btn(1)
          // this.zj_btn()
          // this.eharts_fn()
          this.getListyhte()
          this.leidaList()
          this.xmses()
          this.fgwcb()
        }else if(nhue[0] == '招商'){
          this.nhg = false
           this.jk = false
           this.bd_btn(1)
           // this.zj_btn()
           // this.eharts_fn()
           this.getListyhte()
           this.leidaList()
        }
      }
      // if(this.$store.getters.roles[0] == 'common_fgw'){

      // }else if(this.$store.getters.roles[0] ==  'common_fgwd'){
      //   this.nhg = false
      //   this.jk = true
      // }else if( this.$store.getters.roles[0] == 'admin'){

      // }



      // else{
      //   this.nhg = false
      //    this.jk = false
      //    this.bd_btn(1)
      //    // this.zj_btn()
      //    // this.eharts_fn()
      //    this.getListyhte()
      //    this.leidaList()
      // }

      console.log(this.jk)
    },
    mounted() {
      // this.getList()

      // this.dbyhList()
      // this.zhuzhList()
    },
    methods: {
      handleQuery(){
       this.getListyhte()
       this.leidaList()
      },
      gettime(date){
                      var date = date;
                      var y = date.getFullYear();
                      var m = date.getMonth() + 1;
                      m = m < 10 ? ('0' + m) : m;
                      var d = date.getDate();
                      d = d < 10 ? ('0' + d) : d;
                      var h = date.getHours();
                      h = h < 10 ? ('0' + h) : h;
                      var min = date.getMinutes();
                      min = min < 10 ? ('0' + min) : min;
                      var s = date.getSeconds();
                      s = s < 10 ? ('0' + s) : s;
                      this.conversion_time1 = y  ;
      					  return  y + '-' + m + '-' + d + '/' +h +':' + min + ':' + s
      					  // this.njdes = parseInt(new Date().getTime() / 1000) + ''
      					  console.log()
      					  // 转换时间戳
                  },
      nhl(val){
        if(this.nhg == false){
          return
        }
        if(val == 1){
          //招商
          this.jk = false
        }else if(val == 2){
          //发改委
          this.jk = true
        }
        console
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.id)
        this.single = selection.length !== 1
        this.multiple = !selection.length
      },
      picher_fn() {
        this.eharts_fn()
      },
      eharts_fn(val) {
        getIndexEharts({
          year: this.lb_value
        }).then(res => {
          this.ehaersList = res.data
          this.flags = true
        })
      },
      zj_btn() {
        getUnitAmountList().then(res => {
          if(res.rows == null){
            this.zjList = []
          }else{
            this.zjList = res.rows
          }

        })
      },
      bd_btn(row) {
        this.bgtesde = false
        getUnitList(this.queryParamss).then(res =>{
          console.log(res)
          if(res.rows != null){
            if(res.rows.length != 0){
              this.xmList = res.rows
              this.totals = res.total
              this.opensh = true
              if(res.total == 0 ){
                if(row == 3){
                  this.flags = false;
                  this.opensh = false
                }

              }
            }
          }


          this.bgtesde = true
          // if(res.rows == null){
          //   this.unitList = []
          // }else{
          //   this.unitList = res.rows
          // }
        })
      },
      // xmse
      xmses(){
        getxingm(this.queryParamss).then(res =>{
          console.log(res)
          this.mjieus = res.data
        })
      },

      dec_btn(row){
        this.$router.push({
          path: '/management/row/index',
          query: {
            setid: row.id,
            setrd: row.projectStatus,
          },
        })
      },
      pkue(row){
        //再谈项目
        console.log(34)
        this.$router.push({
          path: '/management/management/info/index',
          query: {
            tz: row,
            time:this.conversion_time1
          },
        })
      },
      pkues(){
        //再谈项目
        console.log(345)
        this.$router.push({
          path: '/management/reviewed/skxm',
        })
      },
      bh_brn(scope) {
        const _this = this
        this.$confirm('是否确认驳回审核', "提醒", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return setReject({
            code: 2,
            bmProjectId: scrop.id
          });
        }).then(() => {
          _this.getList();
          _this.msgSuccess("提交成功");
        })
      },

      infoBtn(scope) {
        const _this = this
        this.$confirm('是否确认提交审核', "提醒", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return setExamine({
            code: 1,
            bmProjectId: scrop.id
          });
        }).then(() => {
          _this.getList();
          _this.msgSuccess("提交成功");
        })
        },
      getList() {
        toBeReviewedList().then(res => {
          console.log(res)
          this.infoList = res.rows
        })
      },
      getListyhte() {
        let nhg = { params:{} }
        nhg.params.year =  this.conversion_time1
         this.ndhw = false
        getUnitListNuber(nhg).then(res => {
          console.log(res)
          this.nhgewo = res.data
           this.ndhw = true
        })
      },
      // fgwcb
      fgwcb(){
        getfgwcb().then(res => {
          console.log(res)
          this.panelChartDataleidfgw = res.data
          this.fgwcbs = true
        })
      },
      fgwcbyj(){
        let nhder={'idList':this.panelChartDataleidfgw.whbId}
        console.log(nhder)
        fcyjcb(nhder).then(res => {
          console.log(res)
          this.msgSuccess("操作成功");
          // this.nhgewo = res.data
        })
      },
      // panelChartDataleidfgw
      // 雷达图
      leidaList(){
        this.ndhw = false
        listleida(this.conversion_time1).then(response => {
          if(response.data.y.st.length == 0){
            // response.data.y.xs = [17,36,59,28]
          }
          this.panelChartDataleid = response.data;
          this.ndhw = true
          console.log(this.panelChartDataleid,97)
          // this.panelChartDatas = this.deviceIpOptions
        });
      },
      // 底部圆环数据
      dbyhList(){
        listleida().then(response => {
          this.panelChartDatayuanh = response.data;
          // this.panelChartDatas = this.deviceIpOptions
        });
      },
      // 柱状图数据
      zhuzhList(){
        listleida().then(response => {
          this.panelChartDatazhuzh = response.data;
          // this.panelChartDatas = this.deviceIpOptions
        });
      },
      handleAuthRolexmshnej(){

      },
      cancel(){

      },

      handleDelete(row){
        this.opensh = false
        this.flags = true
        this.xs_form.xmId = row.xmId
        this.xs_form.xmbh = row.xmbh
        this.xs_form.xmmc = row.xmxsmc
      },
      xs_submit() {
        this.$refs["forms"].validate(valid => {
          if (valid) {
            // let data = JSON.parse(JSON.stringify(this.xs_form))
            // data.industryCategory = data.industryCategory.join(',')
            listProject(this.xs_form).then(res => {
              this.msgSuccess("添加成功");
              this.xs_form = {}
              this.flags = false;
              this.opensh = true
              this.bd_btn(3)
              this.bskejsa = this.bskejsa + 1
              console.log(this.bskejsa,98)
              // this.getList();
              // this.chei(res.data)
            })
          }
        });
      },
      nskehk(){
     this.flags = false;
     this.opensh = true
      },

    }
  }
</script>

<style lang="scss">
  .fgwindex_act{
    .el-table .el-table__header-wrapper th {
      background-color: #E6EDF1;
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
    }
  }
</style>
<style lang="scss" scoped>
  .heser{
    background-color: #fff;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    box-shadow: 0px 1px 4px 0px rgba(47, 47, 47, 0.35);
    border-radius: 5px;
    p{
      flex: 1;
    }
    p:nth-child(3){
     height: 100%;
     margin: 0;
     padding-top: 15px;
     box-sizing: border-box;
     font-size: 17px;
     font-family: PingFang SC;
     font-weight: 800;
     color: #343434;
     position: relative;
    }
    p:nth-child(2){
      display: flex;
      flex-direction: column;
      span{
        font-size: 14px;
        color: #666666;
        padding-left: 10px;
      }
      span:nth-child(1){
        font-size: 17px;
        color: #343434;
        font-weight: 700;
        i{
          font-size: 14px;
          color: #666666;
        }
      }
    }


  }
  .rig_tab_top{
    display: flex;
    background: #6DCEF6;
    line-height: 36px;
    color: #fff;
    .rig_tab_item{
      font-size: 14px;
      flex: 1;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .rig_cont{
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    margin-bottom: 31px;
    max-height: 270px;
    overflow-y: auto;
    scrollbar-width: none;
/* firefox */
    -ms-overflow-style: none;

    /* IE 10+ */
    &::-webkit-scrollbar {
      display: none;
      /* Chrome Safari */
    }
    .rig_items{
      line-height: 36px;
      color: #343434;
      font-size: 12px;
      display: flex;
      span{
        flex: 1;
        text-align: center;
      }
    }
  }
  .in_right{
    padding: 15px 20px 0;
    border: 1px solid #DADADA;
    box-shadow: 0px 7px 9px 2px rgba(201, 201, 201, 0.36);
    .rig_title{
      color: #1C84C6;
      font-size: 18px;
      line-height: 36px;
      margin-bottom: 15px;
    }
  }
  .in_left {
    padding: 0 20px 40px;

    .toReviewed {
      padding: 19px 16px;
      border: 1px solid #DADADA;
      box-shadow: 0px 7px 9px 2px rgba(201, 201, 201, 0.36);
      margin-bottom: 38px;

      .rev_title {
        margin-bottom: 23px;
      }
    }

    .exl_box {
      border: 1px solid #DADADA;
      box-shadow: 0px 7px 9px 2px rgba(201, 201, 201, 0.36);
      padding: 20px;
      box-sizing: border-box;

      .exl_title {
        display: flex;
        justify-content: space-between;

        span {
          color: #343434;
          font-size: 18px;
          line-height: 36px;
        }

      }
    }
  }
  .fgw_index{
    background-color: #fff;
    margin: 20px;
    padding-bottom: 30px;
    padding-top: 14px;
    border-radius: 7px;
    .p{
      border-left: 8px solid #1C83C6;
      font-size: 13px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
      padding-left: 10px;
    }
  }
  .fgwindex_act{
    display: flex;
    margin-top: 30px;
    div{
      flex: 1;
      text-align: center;
      p{
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #343434;
        margin: 0;
        i{
          display: inline-block;
          width: 12px;
          height: 12px;
          background: #3C9BCD;
          border-radius: 6px;
          margin-right: 12px;
        }
      }
      p:nth-child(2){
        font-size: 29px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #3C9BCD;
        margin-top: 10px;
        text-align: center;
      }
    }

  }
  .nslesfgw{
    p{
      font-size: 13px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
      margin-top: 22px;
    }
  }

  .indes_fag{
    padding-top: 30px;
    div{
      background-color: #fff;
      border-radius: 5px;
      margin: 20px;
      display: flex;
      margin-top: 0;
      margin-bottom: 10px;
      p{
       margin-left: 25px;
       color: #aaaaaa;
       cursor:pointer
       // background-color: red;
      }
      .lo{
        color: #1c83c6 ;
      }
    }
    // background-color: #fff;

  }

</style>