<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>