Files
UNION_NSI/target/classes/static/components/syr/SyrInfoNew.vue
T
2026-09-08 19:49:21 +08:00

878 lines
31 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<el-tabs v-model="activeName" tab-position="top">
<el-tab-pane label="基本信息" name="1" v-if="showPaneBeforePwJtPs">
<el-card>
<table class="table table-bordered" style="border-top: 0">
<tr>
<td class="text-center" colspan="6" style="font-size: 20px;">
{{ kt.jbxx.xmmc }}
<el-tooltip content="点我可以导出申报表" effect="dark" placement="top-start">
<i class="el-icon-tickets text-primary pointer"
@click="()=>{ window.open(base+'/platform/syr/common/exportlxsbs?id='+this.kt.jbxx.id)}">
</i>
</el-tooltip>
</td>
</tr>
<tr>
<td class="td-title" width="11.1%">姓名</td>
<td class="td-content" width="22.2%">{{ kt.jbxx.username }}</td>
<td class="td-title" width="11.1%">性别</td>
<td td-content width="22.2%">{{ kt.jbxx.sex }}</td>
<td class="td-title" width="11.1%">出生年月</td>
<td td-content width="22.2%">{{ kt.jbxx.birthday }}</td>
</tr>
<tr>
<td class="td-title">职务/职称</td>
<td td-content>{{ kt.jbxx.zwzc }}</td>
<td class="td-title">所在单位</td>
<td td-content>{{ kt.jbxx.dwname }}</td>
<td class="td-title">手机</td>
<td td-content>{{ kt.jbxx.mobile }}</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目组成员
</td>
</tr>
<tr>
<td colspan="6" style="padding:0!important;border-top: none">
<table class="table table-bordered" style="border-top: 0;border-left: 0;border-right: 0">
<tr>
<td>姓名</td>
<td>职称</td>
<!-- <td>学历</td>-->
<td>工作单位及职务</td>
</tr>
<tr v-for="o in kt.jbxx.xmzcy">
<td>{{ o.username }}</td>
<td>{{ o.zc }}</td>
<!-- <td>{{ o.xl }}</td>-->
<td>{{ o.gzdw }}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目研究基础及条件
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jbxx.yjjctj"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目实施路径及方法
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jbxx.xmssljff"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目预期成果及应用推广价值
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jbxx.yqcgtgjz"></div>
</td>
</tr>
</table>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>20 && showPaneBeforePwJtPs" label="院级工会初审信息" name="2">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.stbmghfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间">
{{ kt.jbxx.stbmghshsj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="审核意见">
{{ kt.jbxx.stbmghyj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="签字">
<div>
<el-image :src="kt.jbxx.stbmghfzrqz" style="width: 200px;height:auto"
v-if="kt.jbxx.stbmghfzrqz"></el-image>
<span v-else>暂无</span>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>30 && showPaneBeforePwJtPs" label="校工会初审信息" name="3">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.stxghfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间">
{{ kt.jbxx.stxghshsj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="审核意见">
{{ kt.jbxx.stxghyj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="签字">
<div>
<el-image :src="kt.jbxx.stxghfzrqz" style="width: 200px;height:auto"
v-if="kt.jbxx.stxghfzrqz"></el-image>
<span v-else>暂无</span>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<!--# if(@shiro.hasRole('superadmin') || @shiro.hasRole('A06')){ #-->
<el-tab-pane v-if="kt.jbxx.state>=40 && showPaneBeforePwJtPs" label="评委立项评审信息" name="4">
<div>
<el-card shadow="never">
<el-table :data="kt.lxpsxx" border>
<el-table-column label="评委姓名" prop="username"></el-table-column>
<el-table-column label="评委工号" prop="loginname"></el-table-column>
<el-table-column label="是否建议立项" prop="username">
<template scope="{row}">
{{ row.isjylx === 1 ? '√' : row.isjylx === 0 ? '×' : '' }}
</template>
</el-table-column>
<el-table-column label="立项等次" prop="username">
<template scope="{row}">
{{ row.lxlevel ? row.lxlevel + '元' : '' }}
</template>
</el-table-column>
<el-table-column label="评审意见" prop="psyj"></el-table-column>
<el-table-column label="评审时间" prop="pssj"></el-table-column>
<el-table-column label="是否评审" prop="username">
<template scope="{row}">
<i :class="row.pssj==null?'text-danger el-icon-circle-close':'text-success el-icon-circle-check'">
{{ row.pssj == null ? '未审' : '已审' }}
</i>
</template>
</el-table-column>
<el-table-column label="签字" prop="pwlxqz">
<template scope="{row}">
<el-image v-if="row.pwlxqz" :src="row.pwlxqz"
style="width: auto;height:50px;cursor:pointer"
title="查看签字"
@click="viewQz(row.pwlxqz)"></el-image>
<div v-else>暂无</div>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</el-tab-pane>
<!--# } #-->
<el-tab-pane v-if="kt.jbxx.state>50 && showPaneBeforePwJtPs" label="校工会立项评审信息" name="5">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.lxusername }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="立项审核时间">
{{ kt.jbxx.lxsj }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="立项结果">
{{ kt.jbxx.lxresult ? '立项' : '不予立项' }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="立项等次">
{{ kt.jbxx.lxlevel }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="签字">
<el-image :src="kt.jbxx.xghlxqz" style="width: 200px;height:auto"
v-if="kt.jbxx.xghlxqz"></el-image>
<div v-else>暂无</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>60 && kt.jbxx.lxresult===1 && showPaneBeforePwJtPs" label="中期检查提醒" name="6">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="提醒时间">
{{ kt.jbxx.zqtbtxsj }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="截止时间">
{{ kt.jbxx.zqtbjzsj }}
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>70 && kt.jbxx.lxresult===1 && showPaneBeforePwJtPs" label="中期检查表" name="7">
<el-card>
<el-form label-width="200px" label-suffix=":">
<el-row gutter="20">
<el-form-item label="项目的进展情况及存在的问题">
{{ kt.jbxx.zqxmjzqk }}
</el-form-item>
<el-form-item label="经费预算明细">
{{ kt.jbxx.zqjfysmx }}
</el-form-item>
<el-form-item label="备注">
{{ kt.jbxx.zqbz }}
</el-form-item>
<el-form-item label="附件">
<div class="pointer"
@click="()=>{window.location.href=base+'/platform/syr/common/exportzqjcb?id='+this.kt.jbxx.id}">
<svg id="icon-yunpanlogo-2" height="20" viewBox="0 0 1024 1024" width="20">
<path
d="M902.095238 314.514286V853.333333a97.52381 97.52381 0 0 1-97.523809 97.52381H219.428571a97.52381 97.52381 0 0 1-97.523809-97.52381V170.666667a97.52381 97.52381 0 0 1 97.523809-97.52381h441.295239z"
fill="#4997D9"></path>
<path d="M571.245714 720.944762h50.956191L707.047619 449.340952h-50.95619l-84.845715 271.60381z"
fill="#FFFFFF"></path>
<path
d="M660.72381 265.752381V73.142857l241.371428 241.371429h-192.609524a48.761905 48.761905 0 0 1-48.761904-48.761905z"
fill="#4B80CB"></path>
<path d="M622.201905 720.944762h-50.956191l-84.601904-237.470476h50.71238l84.845715 237.470476z"
fill="#FFFFFF"></path>
<path d="M401.798095 720.944762h50.956191l84.601904-237.470476h-50.71238l-84.845715 237.470476z"
fill="#FFFFFF"></path>
<path d="M452.754286 720.944762h-50.956191L316.952381 449.340952h50.95619l84.845715 271.60381z"
fill="#FFFFFF"></path>
</svg>
中期检查表.docx
</div>
</el-form-item>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>80 && kt.jbxx.lxresult===1 && showPaneBeforePwJtPs" label="中期审核信息" name="8">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.zqxghfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间">
{{ kt.jbxx.zqxghshsj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="审核意见">
{{ kt.jbxx.zqxghyj }}
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>90 && kt.jbxx.lxresult===1" label="结题报告" name="9">
<el-card>
<table class="table table-bordered" style="border-top: 0">
<tr>
<td class="text-center" colspan="6" style="font-size: 20px;">
{{ kt.jbxx.xmmc }}
<!-- <el-tooltip content="点我可以导出申报表" effect="dark" placement="top-start">
<i class="el-icon-tickets text-primary pointer"
@click="()=>{ window.open(base+'/platform/syr/common/exportlxsbs?id='+this.kt.jbxx.id)}">
</i>
</el-tooltip>-->
</td>
</tr>
<tr>
<td class="td-title" width="11.1%">姓名</td>
<td class="td-content" width="22.2%">{{ kt.jbxx.username }}</td>
<td class="td-title" width="11.1%">性别</td>
<td td-content width="22.2%">{{ kt.jbxx.sex }}</td>
<td class="td-title" width="11.1%">立项资助金额</td>
<td td-content width="22.2%">{{ kt.jbxx.lxlevel }}</td>
</tr>
<tr>
<td class="td-title">职务/职称</td>
<td td-content>{{ kt.jbxx.zwzc }}</td>
<td class="td-title">所在单位</td>
<td td-content>{{ kt.jbxx.dwname }}</td>
<td class="td-title">手机</td>
<td td-content>{{ kt.jbxx.mobile }}</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目组成员
</td>
</tr>
<tr>
<td colspan="6" style="padding:0!important;border-top: none">
<table class="table table-bordered" style="border-top: 0;border-left: 0;border-right: 0">
<tr>
<td>姓名</td>
<td>职称</td>
<!-- <td>学历</td>-->
<td>工作单位及职务</td>
</tr>
<tr v-for="o in kt.jbxx.xmzcy">
<td>{{ o.username }}</td>
<td>{{ o.zc }}</td>
<!-- <td>{{ o.xl }}</td>-->
<td>{{ o.gzdw }}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
项目研究实践的主要内容及方法
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jtbgs.zynr"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
成果自我评价及应用范围或取得的社会效益
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jtbgs.zwpjshxy"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
主要成果介绍
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jtbgs.zycgjs"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
成果目录
</td>
</tr>
<tr>
<td colspan="6" style="padding:0!important;border-top: none">
<table class="table table-bordered" style="border-top: 0;border-left: 0;border-right: 0">
<tr>
<td>成果形式</td>
<td>成果名称</td>
<td>主要完成人</td>
</tr>
<tr v-for="o in JSON.parse(kt.jtbgs.cgml)">
<td>{{ o.cgmc }}</td>
<td>{{ o.cgxs }}</td>
<td>{{ o.zywcr }}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
经费使用情况
</td>
</tr>
<tr>
<td colspan="6">
<div class="text-left" v-html="kt.jtbgs.jfsyqk"></div>
</td>
</tr>
<tr>
<td class="text-center" colspan="6"
style="font-size: 15px;border-top: 1px solid #e3e6f3;font-weight: bold">
研究成果及佐证材料文件
</td>
</tr>
<tr>
<td colspan="6">
<div v-for="o in kt.yjcgfj" class="pointer text-left"
@click="dd3s.download(o.filepath,o.filename)">
<svg id="icon-yunpanlogo-2" height="20" viewBox="0 0 1024 1024" width="20">
<path
d="M902.095238 314.514286V853.333333a97.52381 97.52381 0 0 1-97.523809 97.52381H219.428571a97.52381 97.52381 0 0 1-97.523809-97.52381V170.666667a97.52381 97.52381 0 0 1 97.523809-97.52381h441.295239z"
fill="#4997D9"></path>
<path d="M571.245714 720.944762h50.956191L707.047619 449.340952h-50.95619l-84.845715 271.60381z"
fill="#FFFFFF"></path>
<path
d="M660.72381 265.752381V73.142857l241.371428 241.371429h-192.609524a48.761905 48.761905 0 0 1-48.761904-48.761905z"
fill="#4B80CB"></path>
<path d="M622.201905 720.944762h-50.956191l-84.601904-237.470476h50.71238l84.845715 237.470476z"
fill="#FFFFFF"></path>
<path d="M401.798095 720.944762h50.956191l84.601904-237.470476h-50.71238l-84.845715 237.470476z"
fill="#FFFFFF"></path>
<path d="M452.754286 720.944762h-50.956191L316.952381 449.340952h50.95619l84.845715 271.60381z"
fill="#FFFFFF"></path>
</svg>
{{ o.filename }}
</div>
</td>
</tr>
</table>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>91 && kt.jbxx.lxresult===1" label="结题院级工会初审" name="9.1">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.jtfghcsfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间">
{{ kt.jbxx.jtfghshcssj }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否通过">
<span v-if="kt.jbxx.jtfghcsispass==null"></span>
<span v-else>
{{ kt.jbxx.jtfghcsispass ? '' : '' }}
</span>
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
<el-col :span="24">
<el-form-item label="审核意见">
{{ kt.jbxx.jtfghcsyj }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="签字">
<div>
<el-image :src="kt.jbxx.jtfghcsqz" style="width: 200px;height:auto"
v-if="kt.jbxx.jtfghcsqz"></el-image>
<span v-else>暂无</span>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="kt.jbxx.state>92 && kt.jbxx.lxresult===1" label="结题校工会初审" name="9.2">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人">
{{ kt.jbxx.jtxghcsfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间">
{{ kt.jbxx.jtxghshcssj }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否通过">
{{ kt.jbxx.jtxghcsispass ? '是' : '否' }}
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
<el-col :span="24">
<el-form-item label="审核意见">
{{ kt.jbxx.jtxghcsyj }}
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<!--# if(@shiro.hasRole('superadmin') || @shiro.hasRole('A06')){ #-->
<el-tab-pane v-if="kt.jbxx.state>=100 && kt.jbxx.lxresult===1" label="评委结题评审信息"
name="10">
<div>
<el-card shadow="never">
<el-table :data="kt.jtpsxx" border>
<el-table-column label="评委姓名" prop="username"></el-table-column>
<el-table-column label="评委工号" prop="loginname"></el-table-column>
<el-table-column label="是否同意结题">
<template scope="{row}">
{{ row.ispass === 1 ? '√' : row.ispass === 0 ? '×' : '' }}
</template>
</el-table-column>
<el-table-column label="是否优秀" prop="isgood">
<template scope="{row}">
{{ row.isgood === 1 ? '√' : row.isgood === 0 ? '×' : '' }}
</template>
</el-table-column>
<el-table-column label="评审意见" prop="psjy"></el-table-column>
<el-table-column label="评审时间" prop="pssj"></el-table-column>
<el-table-column label="是否评审">
<template scope="{row}">
<i :class="row.ispass==null?'text-danger el-icon-circle-close':'text-success el-icon-circle-check'">
{{ row.ispass == null ? '未审' : '已审' }}
</i>
</template>
</el-table-column>
<el-table-column label="签字" prop="pwjtqz">
<template scope="{row}">
<el-image v-if="row.pwjtqz" :src="row.pwjtqz"
style="width: auto;height:50px;cursor:pointer"
title="查看签字"
@click="viewQz(row.pwjtqz)"></el-image>
<div v-else>暂无</div>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</el-tab-pane>
<!--# } #-->
<el-tab-pane v-if="kt.jbxx.state>110 && kt.jbxx.lxresult===1" label="校工会结题评审信息"
name="11">
<el-card>
<el-form label-width="120px" label-suffix=":">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="评审人">
{{ kt.jbxx.jtxghfzr }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="评审时间">
{{ kt.jbxx.jtxghshsj }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否通过">
{{ kt.jbxx.ispass ? '是' : '否' }}
</el-form-item>
</el-col>
<el-col :span="12" v-if="kt.jbxx.ispass===1">
<el-form-item label="是否优秀">
{{ kt.jbxx.isgood ? '是' : '否' }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核意见">
{{ kt.jbxx.jtxghyj }}
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<!--handle 主要是审核操作-->
<slot name="handle"></slot>
</el-tabs>
</template>
<script>
module.exports = {
props: {
activeName: {
type: String,
default: '1'
}
},
data() {
return {
kt: {
jbxx: {},
lxpsxx: {},
jtpsxx: {},
jtbgs: {},
yjcgfj: []
},
showPaneBeforePwJtPs: true
}
},
methods: {
async openView(id, activeName = '1') {
/*if (activeName === 'pwjtps' || activeName === '9' || activeName === 'jtsq' || activeName === 'jtcsyjsh'
|| activeName === 'jtcsxjsh' || activeName === 'xghpsjg') {
this.showPaneBeforePwJtPs = false
}*/
const resp = await $.get(base + '/platform/syr/common/findOne', {id})
this.activeName = activeName
/* if(activeName === 'pwjtps' || activeName === 'jtsq' || activeName === 'jtcsyjsh' || activeName === 'jtcsxjsh'
|| activeName === 'xghpsjg') {
this.activeName = '9'
}*/
if (resp.code === 0) {
this.$set(this, 'kt', resp.data)
if (resp.data.jbxx.state > 90 && resp.data.jbxx.state < 120 && resp.data.jbxx.lxresult === 1) {
this.showPaneBeforePwJtPs = false
}else if (resp.data.jbxx.state === 90 && resp.data.jbxx.lxresult === 1 && activeName !== 'jtsq'){
this.showPaneBeforePwJtPs = true
this.activeName = '1'
}else if (resp.data.jbxx.state === 120 && resp.data.jbxx.lxresult === 1){
this.showPaneBeforePwJtPs = false
this.activeName = '9'
}else {
this.showPaneBeforePwJtPs = true
}
/*if (resp.data.jbxx.state === 120){
this.showPaneBeforePwJtPs = false
this.activeName='9'
}*/
this.kt.jbxx.xmzcy = JSON.parse(resp.data.jbxx.xmzcy)
/*if (this.kt.jbxx.state >= 40) {
this.initPwLxPsPlot()
}
if (this.kt.jbxx.state > 100 && this.kt.jbxx.lxresult === 1) {
this.initPwJtPsPlot()
}*/
}
},
initPwLxPsPlot() {
//已评审的
let ypsList = this.kt.lxpsxx.filter(o => o.pssj !== null)
if (ypsList.length > 0) {
this.pwlxxxshow = true
}
//建议立项的
let jylxList = this.kt.lxpsxx.filter(o => o.isjylx === 1)
this.$nextTick(() => {
const jylxDiv = document.getElementById('jylxDiv')
const jylxChart = echarts.init(jylxDiv)
const value = (jylxList.length / ypsList.length) * 100;
const option = {
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [
{
name: 'Pressure',
type: 'gauge',
progress: {
show: true
},
detail: {
valueAnimation: true,
formatter: '{value}'
},
data: [
{
value: value,
name: '建议立项率'
}
]
}
]
};
jylxChart.setOption(option)
const level2List = this.kt.lxpsxx.filter(o => {
return o.lxlevel === '2000'
})
const level3List = this.kt.lxpsxx.filter(o => {
return o.lxlevel === '3000'
})
const level5List = this.kt.lxpsxx.filter(o => {
return o.lxlevel === '5000'
})
let roleData = [{name: '2000元', value: level2List.length}, {
name: '3000元',
value: level3List.length
}, {name: '5000元', value: level5List.length}]
const lxlevelChart = echarts.init(document.getElementById('lxlevelDiv'))
lxlevelChart.setOption({
legend: {
orient: 'vertical',
left: 'left'
},
tooltip: {
trigger: 'item'
},
series: [
{
name: '立项等次',
type: 'pie',
radius: '50%',
data: roleData,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
})
})
},
initPwJtPsPlot() {
//已评审的
let ypsList = this.kt.jtpsxx.filter(o => o.pssj !== null)
//通过的
let passList = this.kt.jtpsxx.filter(o => o.ispass === 1)
//优秀的
let goodList = this.kt.jtpsxx.filter(o => o.isgood === 1)
this.$nextTick(() => {
const passChart = echarts.init(document.getElementById('passDiv'))
const passValue = (passList.length / ypsList.length) * 100
passChart.setOption({
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [
{
name: 'Pressure',
type: 'gauge',
progress: {
show: true
},
detail: {
valueAnimation: true,
formatter: '{value}'
},
data: [
{
value: passValue,
name: ''
}
]
}
]
})
const goodChart = echarts.init(document.getElementById('goodDiv'))
const goodValue = (goodList.length / passList.length) * 100
goodChart.setOption({
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [
{
name: 'Pressure',
type: 'gauge',
progress: {
show: true
},
detail: {
valueAnimation: true,
formatter: '{value}'
},
data: [
{
value: goodValue,
name: ''
}
]
}
]
})
})
},
viewQz(content) {
let image = new Image();
image.src = content
let viewer = new Viewer(image);
viewer.show();
}
}
}
</script>
<style scoped>
.pwlxTable td {
vertical-align: middle;
}
</style>