first commit

This commit is contained in:
2026-09-08 19:49:21 +08:00
commit ebffbab428
7320 changed files with 1477614 additions and 0 deletions
@@ -0,0 +1,877 @@
<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>