project-html/src/views/index.vue

<template>

  <div>
    <div class="topBg"></div>
    <el-row :gutter="28" class="row">
      <el-col  :span="8">
        <div class="col zxxm" @click="linkTo('zxxm')">
          <img src="../assets/image/1.png" alt="咨询项目" /> 咨询项目
          <img src="../assets/image/1-.png" alt="咨询项目" class="rightimg" />

        </div>
      </el-col>
      <el-col   :span="8">
        <div class="col ysjy" @click="linkTo('ysjy')">
          <img src="../assets/image/2.png" alt="院士建议" /> 院士建议
          <img src="../assets/image/2-.png" alt="咨询项目" class="rightimg" />
        </div>
      </el-col>
      <el-col   :span="8">
        <div class="col bxcg" @click="linkTo('bxcg')">
          <img src="../assets/image/3.png" alt="百项成果" /> 百项成果
          <img src="../assets/image/3-.png" alt="咨询项目" class="rightimg" />
        </div>
      </el-col>
      <el-col   :span="8">
        <div class="col zhst" @click="linkTo('zhst')">
          <img src="../assets/image/4.png" alt="综合视图" /> 综合视图
          <img src="../assets/image/4-.png" alt="咨询项目" class="rightimg" />
        </div>
      </el-col>
      <el-col   :span="8">
        <div class="col ldst" @click="linkTo('gltj')">
          <img src="../assets/image/5.png" alt="领导视图" /> 管理统计
          <img src="../assets/image/5-.png" alt="咨询项目" class="rightimg" />
        </div>
      </el-col>
    </el-row>
  </div>

</template>

<script>
  import {mapState,mapMutations} from 'vuex'
  import storage from 'good-storage'
  export default {
    name: "",
    components: {
    },
    props: {},
    data() {
      return {
        routerTitle: [
          {
            title: "home",
            value: "home",
          },
          {
            title: "gltj",
            value: "/project/report/copyInport",
          },
          {
            title: "zhst",
            value: "/projectReport",
          },
          {
            title: "zxxm",
            value: "/project/infoShow/query",
          },
          {
            title: "bxcg",
            value: "/project/infoShow/resultList",
          },
          {
            title: "ysjy",
            value: "/project/infoShow/adviseList",
          },
        ],
      };
    },
    created() {},
    mounted() {},
    methods: {
      ...mapMutations(['changeTitle']),
      linkTo(name) {
        this.routerTitle.forEach((item) => {
          if (item.title == name) {
            this.changeTitle(name)
            storage.session.set('nowTitle',name)
            this.$router.push({ path: item.value, query: { yearRadio2: null } });
          }
        });
      },
    },
    computed: {
      ...mapState([
        'title'
      ])
    },
    watch: {},

  };
</script>

<style scoped lang="scss">
  .topBg {
    background-image: url("../assets/image/banner.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 30vh;
  }
  .row {
    padding: 20px;
    .col {
      margin-bottom: 10px;
      position: relative;
      min-height: 14vh;
      display: flex;
      align-items: center;
      // justify-content: start;
      border-radius: 6px;
      box-sizing: border-box;
      font: bold 16px/1.5 "\5FAE\x8F6F\6B63\9ED1\4F53";
      font-size: 20px;
      color: #fff;
      img {
        width: 8vh;
        height: 8vh;
        margin: 0 16px;
      }
      .rightimg{
        width: 120px;
        height: 120px;
        position: absolute;
        right: 1px;
      }
    }
    .zxxm {
      /*background: url("../../assets/image/logbc.jpg") top left no-repeat;*/
      background-image: linear-gradient(to right,#1482c6, #2a34b2);
      background-size: 100% 100%;
    }
    .ysjy {
      background-image: linear-gradient(to right,rgb(120,101,255), rgb(136,54,216));
      background-size: 100% 100%;
    }
    .bxcg {
      background-image: linear-gradient(to right,rgb(0,128,105), rgb(0,151,70));
      background-size: 100% 100%;
    }
    .zhst {
      background-image: linear-gradient(to right,rgb(247,188,132), rgb(243,104,111));
      background-size: 100% 100%;
    }
    .ldst {
      background-image: linear-gradient(to right,rgb(71,158,255), rgb(17,97,255));
      background-size: 100% 100%;
    }
  }
</style>

<!--<template>-->
<!--  <div class="app-container circleButton">-->
<!--    <el-form-->
<!--      :model="queryParams"-->
<!--      ref="queryForm"-->
<!--      v-show="showSearch"-->
<!--      label-width="100px">-->
<!--      <el-row>-->
<!--        <el-col :span="8">-->
<!--          <el-form-item label-width="100" prop="name">-->

<!--            <div style="float: left">-->
<!--              <span slot="label" class="font">咨询项目</span>-->
<!--            </div>-->
<!--            <el-input style="width:260px;margin-left:10px;margin-right: 10px"-->
<!--                      v-model="queryParams.searchValue"-->
<!--                      placeholder="请输入项目名称/项目编号"-->
<!--                      clearable-->
<!--                      size="small"-->
<!--                      @keyup.enter.native="handleQuery"-->
<!--                      @blur="handleQuery"-->
<!--            />-->
<!--            <el-button-->
<!--              type="cyan"-->
<!--              icon="el-icon-search"-->
<!--              size="mini"-->
<!--              @click="handleNameQuery">图表</el-button>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="9">-->
<!--          <el-form-item label-width="100" prop="userName">-->
<!--            <div style="float:left;">-->
<!--              <span slot="label" class="font">项目负责人</span>-->
<!--            </div>-->
<!--            <el-input style="width:260px;margin-left:10px;margin-right: 10px"-->
<!--                      v-model="queryParams.userName"-->
<!--                      placeholder="请输入负责人名称"-->
<!--                      clearable-->
<!--                      size="small"-->
<!--                      @keyup.enter.native="handleQuery"-->
<!--                      @blur="handleQuery"/>-->
<!--            <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleUserNameQuery">图表</el-button>-->
<!--            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
<!--          </el-form-item>-->
<!--        </el-col>-->

<!--      </el-row>-->


<!--      <el-form-item label-width="100" prop="yearRadio2">-->
<!--        <div class="lab">-->
<!--          <span slot="label" class="font">项目年份</span>-->
<!--        </div>-->
<!--        <el-radio-group v-model="queryParams.yearRadio2" @change="handleQuery">-->
<!--          <el-radio-button label="0" border><span class="fontT">全部</span></el-radio-button>-->
<!--          <el-radio-button label="999" border ><span class="fontT">2016年至今</span></el-radio-button>-->

<!--          <el-radio-button-->
<!--            v-for="dict in yearOptions"-->
<!--            :key="dict"-->
<!--            :label="dict"-->
<!--            border-->
<!--          ><span class="fontT">{{ dict }}</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="2015" border><span class="fontT">2016年以前</span></el-radio-button>-->

<!--        </el-radio-group>-->
<!--      </el-form-item>-->
<!--      <el-form-item label-width="100" prop="secrecyLevel" >-->
<!--        <div class="lab">-->
<!--          <span slot="label" class="font">秘密级别</span>-->
<!--        </div>-->
<!--        <el-radio-group v-model="queryParams.secrecyLevel" size="small" @change="handleQuery">-->
<!--          <el-radio-button label="0" border><span class="fontT">全部</span></el-radio-button>-->
<!--          <el-radio-button label="1" border><span class="fontT">机密</span></el-radio-button>-->
<!--          <el-radio-button label="2" border><span class="fontT">秘密</span></el-radio-button>-->
<!--          <el-radio-button label="4" border><span class="fontT">内部</span></el-radio-button>-->
<!--          <el-radio-button label="3" border><span class="fontT">非密</span></el-radio-button>-->
<!--        </el-radio-group>-->
<!--      </el-form-item>-->
<!--      <el-form-item label-width="100" prop="departmentId">-->
<!--        <div class="lab">-->
<!--          <span slot="label" class="font">联系部门</span>-->
<!--        </div>-->
<!--        <el-radio-group v-model="queryParams.departmentId" size="small" @change="handleQuery">-->
<!--          <el-radio-button label="0" border-->
<!--          ><span class="fontT">全部</span></el-radio-button>-->
<!--          <el-radio-button label="25" border-->
<!--          ><span class="fontT">机械学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="26" border-->
<!--          ><span class="fontT">信息学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="27" border-->
<!--          ><span class="fontT">化工学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="28" border-->
<!--          ><span class="fontT">能源学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="29" border-->
<!--          ><span class="fontT">土木学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="30" border-->
<!--          ><span class="fontT">环境学部</span></el-radio-button-->
<!--          >-->
<!--          <el-radio-button label="31" border><span class="fontT">农业学部</span></el-radio-button>-->
<!--          <el-radio-button label="32" border><span class="fontT">医药学部</span></el-radio-button>-->
<!--          <el-radio-button label="33" border><span class="fontT">工管学部</span></el-radio-button>-->
<!--          <el-radio-button label="149" border><span class="fontT">战略咨询中心</span></el-radio-button>-->
<!--          <el-radio-button label="998" border><span class="fontT">行业研究院</span></el-radio-button>-->
<!--          <el-radio-button label="999" border><span class="fontT">其他</span></el-radio-button>-->
<!--        </el-radio-group>-->
<!--      </el-form-item>-->
<!--      <el-form-item label-width="100" prop="type">-->

<!--        <div class="lab">-->
<!--          <span slot="label" class="font">项目类型</span>-->
<!--        </div>-->
<!--        <el-radio-group v-model="queryParams.type" @change="handleQuery">-->
<!--          <el-radio-button label="0" border ><span class="fontT">全部</span></el-radio-button>-->
<!--          <el-radio-button label="2" border ><span class="fontT">重点</span></el-radio-button>-->
<!--          <el-radio-button label="1" border><span class="fontT">重大</span></el-radio-button>-->
<!--          <el-radio-button label="17" border><span class="fontT">学部重大</span></el-radio-button>-->
<!--          <el-radio-button label="19" border><span class="fontT">学部重点</span></el-radio-button>-->
<!--          <el-radio-button label="18" border><span class="fontT">行业院重点</span></el-radio-button>-->
<!--          <el-radio-button label="16" border><span class="fontT">行业院重大</span></el-radio-button>-->
<!--          <el-radio-button label="6" border><span class="fontT">高端智库</span></el-radio-button>-->
<!--          <el-radio-button label="999" border><span class="fontT">其他</span></el-radio-button>-->
<!--        </el-radio-group>-->
<!--      </el-form-item>-->


<!--    </el-form>-->
<!--      <h2 style="margin-left: 10%">-->
<!--        <span>项目数&nbsp;&nbsp;:&nbsp;&nbsp;<span style="color: red">{{total}}</span></span>-->
<!--        <span style="margin-left: 20px">项目经费（万元）:&nbsp;&nbsp;<span style="color: red">{{zjf}}</span></span>-->
<!--      </h2>-->
<!--    <el-table-->
<!--      v-loading="loading"-->
<!--      border-->
<!--      :data="infoList"-->
<!--      @selection-change="handleSelectionChange"-->
<!--      @sort-change="sortChange"-->
<!--    >-->
<!--      <el-table-column label="序号" align="center" type="index"  width="70">-->

<!--        <template slot-scope="scope">-->
<!--          {{scope.$index+1}}-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="项目编号"-->
<!--        align="center"-->
<!--        width="180"-->

<!--      >-->
<!--        <template slot-scope="scope">-->
<!--          <span >{{scope.row.code}}</span>-->
<!--          &lt;!&ndash;          <span @click="dialogFormVisible = true">{{scope.row.code}}</span>&ndash;&gt;-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="项目名称"-->
<!--        align="center"-->
<!--        prop="name"-->
<!--        width="380"-->

<!--      />-->
<!--      <el-table-column label="类型" align="center" prop="type" width="110" :formatter="typeFormat" />-->
<!--      <el-table-column-->
<!--        label="密级"-->
<!--        align="center"-->
<!--        width="80"-->
<!--        prop="secrecyLevel"-->
<!--        :formatter="secretFormat"-->
<!--      />-->
<!--      <el-table-column label="联系部门" align="center" prop="departmentName" />-->
<!--      &lt;!&ndash;      <el-table-column label="项目联系部门" align="center" prop="departmentId" />&ndash;&gt;-->
<!--      <el-table-column label="负责人" align="center" prop="userName" width="110" />-->

<!--      <el-table-column-->
<!--        label="经费"-->
<!--        align="center"-->
<!--        width="80"-->
<!--        prop="totalBudget"-->
<!--      />-->
<!--      <el-table-column label="依托单位" align="center" prop="yituoUnit" />-->
<!--      <el-table-column-->
<!--        label="状态"-->
<!--        align="center"-->
<!--        prop="status"-->
<!--        width="110"-->
<!--        :formatter="statusFormat"-->
<!--      />-->

<!--      <el-table-column label="成果" align="center" :show-overflow-tooltip="true" width="110" >-->
<!--        &lt;!&ndash;        <template slot-scope="scope" v-if="scope.row.annexName != null">&ndash;&gt;-->
<!--        <template slot-scope="scope" v-if="scope.row.annexName != null &&scope.row.annexName != '[]'">-->
<!--          <el-button-->
<!--            size="mini"-->
<!--            type="text"-->
<!--            icon="el-icon-edit"-->
<!--            @click="viewAnnexBookFile(scope.row)"-->
<!--          >成果附件</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    <div class="explore_right_pages" >-->
<!--      <pagination-->

<!--        v-show="total > 0"-->
<!--        :total="total"-->
<!--        :page.sync="queryParams.pageNum"-->
<!--        :limit.sync="queryParams.pageSize"-->
<!--        @pagination="getList"-->
<!--      />-->
<!--    </div>-->
<!--    &lt;!&ndash; 用户导入对话框 &ndash;&gt;-->
<!--    <el-dialog-->
<!--      :title="uploadProject.title"-->
<!--      :visible.sync="uploadProject.open"-->
<!--      width="400px"-->
<!--      append-to-body>-->
<!--      <el-upload-->
<!--        ref="uploadProject"-->
<!--        :limit="1"-->
<!--        accept=".xls,.xlsx"-->
<!--        :headers="uploadProject.headers"-->
<!--        :action="-->
<!--          uploadProject.url + '?updateSupport=' + uploadProject.updateSupport-->
<!--        "-->
<!--        :disabled="uploadProject.isUploading"-->
<!--        :on-progress="handleProjectFileUploadProgress"-->
<!--        :on-success="handleProjectFileSuccess"-->
<!--        :before-upload="beforeProjectFileUpload"-->
<!--        :auto-upload="false"-->
<!--        drag>-->
<!--        <i class="el-icon-upload"></i>-->
<!--        <div class="el-upload__text">-->
<!--          将文件拖到此处，或-->
<!--          <em>点击上传</em>-->
<!--        </div>-->
<!--        <div class="el-upload__tip" slot="tip">-->
<!--          &lt;!&ndash;<el-checkbox v-model="uploadProject.updateSupport" />是否更新已经存在的用户数据&ndash;&gt;-->
<!--          &lt;!&ndash;<el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>&ndash;&gt;-->
<!--        </div>-->
<!--        <div class="el-upload__tip" style="color: red" slot="tip">-->
<!--          提示：仅允许导入excel文件！-->
<!--        </div>-->
<!--      </el-upload>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="submitFileForm">确 定</el-button>-->
<!--        <el-button @click="uploadProject.open = false">取 消</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

<!--    <el-dialog title="附件" :visible.sync="upload.open" width="400px" append-to-body>-->
<!--      <el-upload-->
<!--        ref="upload"-->
<!--        disabled-->
<!--        :action="upload.url"-->
<!--        :headers="upload.headers"-->
<!--        :file-list="upload.fileList"-->
<!--        :on-preview="handlePreview"-->
<!--      >-->
<!--      </el-upload>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="upload.open = false">关 闭</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

<!--    <el-dialog  :modal="false" title="项目统计" :show-close="false" :close-on-click-modal="false" :visible="nameTuOpen" width="600px" class="rightDialog"    >-->


<!--      <el-row>-->
<!--        <el-col>-->
<!--          <div class="chart-wrapper" v-if="blSer.length">-->
<!--            <BarLineChart :blXData="blX" :blLgData="blLg" :otTitle="otTitle" :blSerData="blSer" @yearToPage="toYearPage"/>-->
<!--          </div>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--      <br/><br/>-->
<!--      <el-row>-->
<!--        <el-col >-->
<!--          <div class="chart-wrapper" >-->
<!--            <BLYiTuoChart :xAxisDataLeft7="xAxisCenter7" :otTitle="otTitle" :seriesData1="seriesCenter7"  @yituoUnitPage="toyituoUnitPage"/>-->
<!--          </div>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="nameTuOpen = false">关 闭</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

<!--    <el-dialog :modal="false" title="项目负责人查询" :show-close="false" :close-on-click-modal="false" :visible="userNameTuOpen" width="600px" class="rightDialog"  append-to-body>-->
<!--      <el-row>-->
<!--        <el-col >-->
<!--          <div class="chart-wrapper" >-->
<!--            <BarChart3 :xAxisDataLeft8="xAxisCenter8" :otTitle="otTitle" :seriesDataLeft8="seriesCenter8" @userNamePage="toUserNamePage"/>-->
<!--          </div>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="userNameTuOpen = false">关 闭</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

<!--    &lt;!&ndash; Form &ndash;&gt;-->


<!--    <el-dialog title="项目详情" :visible.sync="dialogFormVisible">-->
<!--      <el-form ref="form" :model="formCounten" :label-width="formLabelWidth">-->
<!--        <el-form-item label="项目名称">-->
<!--          <el-col :span="20">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-col>-->
<!--        </el-form-item>-->

<!--        <el-col :span="9">-->
<!--          <el-form-item label="项目编号" style="margin-top: 10px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-form-item label="类型" style="margin-top: 10px;">-->
<!--          <el-col :span="9" style="margin-left: 20px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-col>-->
<!--        </el-form-item>-->

<!--        <el-col :span="9">-->
<!--          <el-form-item label="联系部门" style="margin-top: 10px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-form-item label="依托单位" style="margin-top: 10px">-->
<!--          <el-col :span="9" style="margin-left: 20px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-col>-->
<!--        </el-form-item>-->

<!--        <el-col :span="7">-->
<!--          <el-form-item label="负责人" style="margin-top: 10px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->

<!--        <el-col :span="6">-->
<!--          <el-form-item label="项目经费" style="margin-top: 10px">-->
<!--            <el-input v-model="formCounten.name"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-form-item label="状态" style="margin-top: 10px">-->
<!--          <el-col :span="5">-->

<!--            <el-input v-model="formCounten.name"></el-input>-->

<!--          </el-col>-->
<!--        </el-form-item>-->

<!--        <el-form-item label="密级" style="margin-top: 10px">-->
<!--          <el-radio-group v-model="formCounten.resource" style="font-size: 50px">-->
<!--            <el-radio label="1" size="medium"><span class="font">秘密</span></el-radio>-->
<!--            <el-radio label="2" size="medium "><span class="font">机密</span></el-radio>-->
<!--            <el-radio label="3"><h2 class="font">非密</h2 ></el-radio>-->
<!--            <el-radio label="4"><span class="font">内部</span></el-radio>-->
<!--          </el-radio-group>-->
<!--        </el-form-item>-->

<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  import {-->
<!--    listInfo,-->
<!--    getInfo,-->
<!--    delInfo,-->
<!--    addInfo,-->
<!--    updateInfo,-->
<!--    exportInfo,-->
<!--    importTemplate,-->
<!--  } from "@/api/project/info2";-->
<!--  import { getToken } from "@/utils/auth";-->
<!--  import BLYiTuoChart from "./dashboard/BLYiTuoChart";-->
<!--  import BarChart3 from "./dashboard/BarChart3";-->
<!--  import BarLineChart from "./dashboard/BarLineChart";-->
<!--  import {totalBugetData,left1Data, left7Data,center8Data,left7Data2,statistics} from "@/api/project/info3";-->
<!--  export default {-->
<!--    name: "Info",-->
<!--    components: {-->
<!--      BLYiTuoChart,-->
<!--      BarChart3,-->
<!--      BarLineChart-->
<!--    },-->
<!--    data() {-->
<!--      return {-->
<!--        zjf:0,-->
<!--        // 上传参数-->
<!--        uploadProject: {-->
<!--          // 是否显示弹出层（用户导入）-->
<!--          open: false,-->
<!--          // 弹出层标题（用户导入）-->
<!--          title: "",-->
<!--          // 是否禁用上传-->
<!--          isUploading: false,-->
<!--          // 是否更新已经存在的用户数据-->
<!--          updateSupport: 0,-->
<!--          // 设置上传的请求头部-->
<!--          headers: { Authorization: "Bearer " + getToken() },-->
<!--          // 上传的地址-->
<!--          url: process.env.VUE_APP_BASE_API + "/system/info/importData",-->
<!--        },-->
<!--        // 上传参数-->
<!--        upload: {-->
<!--          title: "",-->
<!--          open: false,-->
<!--          // 是否禁用上传-->
<!--          isUploading: false,-->
<!--          // 设置上传的请求头部-->
<!--          headers: { Authorization: "Bearer " + getToken() },-->
<!--          // 上传的地址-->
<!--          url: process.env.VUE_APP_BASE_API + "/project/info/common/upload",-->
<!--          // 上传的文件列表-->
<!--          fileList: [],-->
<!--        },-->
<!--        // 遮罩层-->
<!--        loading: true,-->
<!--        // 选中数组-->
<!--        ids: [],-->
<!--        // 非单个禁用-->
<!--        single: true,-->
<!--        // 非多个禁用-->
<!--        multiple: true,-->
<!--        // 显示搜索条件-->
<!--        showSearch: true,-->
<!--        // 总条数-->
<!--        total: 0,-->
<!--        // 【请填写功能名称】表格数据-->
<!--        infoList: [],-->
<!--        // 弹出层标题-->
<!--        title: "",-->
<!--        // 是否显示弹出层-->
<!--        open: false,-->
<!--        nameTuOpen:false,-->
<!--        userNameTuOpen:false,-->
<!--        totalBuget:null,-->
<!--        dialogFormVisible:false,-->
<!--        statusOptions: [],-->
<!--        typeOptions: [],-->
<!--        secretOptions: [],-->
<!--        sourceOptions: [],-->
<!--        categoryOptions: [],-->
<!--        yesNoOptions: [],-->
<!--        yearOptions: [],-->
<!--        xAxisCenter8:[],-->
<!--        seriesCenter8:[],-->
<!--        xAxisCenter7:[],-->
<!--        seriesCenter7:[],-->
<!--        blX:[],-->
<!--        blLg:[],-->
<!--        blSer:[],-->
<!--        otTitle:"",-->
<!--        // 查询参数-->
<!--        queryParams: {-->
<!--          pageNum: 1,-->
<!--          pageSize: 10,-->
<!--          category: null,-->
<!--          code: null,-->
<!--          name: null,-->
<!--          userName:null,-->
<!--          type: null,-->
<!--          departmentId: null,-->
<!--          userId: null,-->
<!--          deadline: null,-->
<!--          totalOutlay: null,-->
<!--          firstOutlay: null,-->
<!--          secondOutlay: null,-->
<!--          status: null,-->
<!--          beginDate: null,-->
<!--          completeDate: null,-->
<!--          beginDateLX: null,-->
<!--          completeDateLX: null,-->
<!--          endDate: null,-->
<!--          approvalDate: null,-->
<!--          isSecrecy: null,-->
<!--          secrecyLevel: null,-->
<!--          secrecyTerm: null,-->
<!--          isTopic: null,-->
<!--          taskTarget: null,-->
<!--          resultTarget: null,-->
<!--          methodRoute: null,-->
<!--          plan: null,-->
<!--          spendExplain: null,-->
<!--          relyId: null,-->
<!--          lastDate: null,-->
<!--          reviewStatusXb: null,-->
<!--          reviewStatusCw: null,-->
<!--          totalBudget: null,-->
<!--          firstBudget: null,-->
<!--          secondBudget: null,-->
<!--          applyId: null,-->
<!--          projectSource: null,-->
<!--          projectSourceCompany: null,-->
<!--          reviewStatusZwh: null,-->
<!--          isAgreement: null,-->
<!--          relyUnitHead: null,-->
<!--          relyUnitHeadtocw: null,-->
<!--          taskPeriod: null,-->
<!--          otherplan: null,-->
<!--          point: null,-->
<!--          result: null,-->
<!--          introduction: null,-->
<!--          proprotion: null,-->
<!--          term: null,-->
<!--          pishiStatus: null,-->
<!--          yearRadio2: null,-->
<!--          proPeopName:null,-->
<!--          yituoArea:null,-->
<!--          isResult:null,-->
<!--          importantKey:null,-->
<!--          searchValue:null-->

<!--        },-->
<!--        // 表单参数-->
<!--        form: {},-->
<!--        // 表单校验-->
<!--        rules: {},-->
<!--        formCounten: {-->
<!--          name: '',-->
<!--          region: '',-->
<!--          date1: '',-->
<!--          date2: '',-->
<!--          delivery: false,-->
<!--          type: [],-->
<!--          resource: '',-->
<!--          desc: ''-->
<!--        },-->
<!--        formLabelWidth: '120px'-->

<!--      };-->
<!--    },-->
<!--    created() {-->
<!--      if(this.$route.query.yearRadio2 ){-->
<!--        this.queryParams.yearRadio2 = this.$route.query.yearRadio2 ;-->
<!--      }else{-->
<!--        this.queryParams.yearRadio2 = "0" ;-->
<!--      }-->

<!--      if(this.$route.query.secrecyLevel){-->
<!--        this.queryParams.secrecyLevel = this.$route.query.secrecyLevel;-->
<!--      }else{-->
<!--        this.queryParams.secrecyLevel = "0" ;-->
<!--      }-->
<!--      if(this.$route.query.type){-->
<!--        this.queryParams.type = this.$route.query.type;-->
<!--      }else{-->
<!--        this.queryParams.type = "0" ;-->
<!--      }-->
<!--      if(this.$route.query.departmentId){-->
<!--        this.queryParams.departmentId = this.$route.query.departmentId;-->
<!--      }else{-->
<!--        this.queryParams.departmentId = "0" ;-->
<!--      }-->
<!--      this.queryParams.yituoUnit = this.$route.query.yituoUnit;-->
<!--      this.queryParams.userName = this.$route.query.userName;-->
<!--      this.queryParams.importantKey = this.$route.query.importantKey;-->
<!--      this.queryParams.yituoArea = this.$route.query.yituoArea;-->
<!--      // this.queryParams.yearRadio = this.$route.query.yearRadio;-->
<!--      //-->
<!--      // this.queryParams.isResult = this.$route.query.isResult;-->
<!--      // this.queryParams.status = this.$route.query.status;-->

<!--      //-->

<!--      //-->

<!--      var date = new Date();-->
<!--      var year = date.getFullYear();-->
<!--      console.log(year, year - 1, year - 2);-->
<!--      this.yearOptions[0] = year;-->
<!--      this.yearOptions[1] = year - 1;-->
<!--      this.yearOptions[2] = year - 2;-->
<!--      this.yearOptions[3] = year - 3;-->
<!--      this.yearOptions[4] = year - 4;-->
<!--      this.yearOptions[5] = year - 5;-->
<!--      this.getList();-->

<!--      this.getDicts("pro_type").then((response) => {-->
<!--        this.typeOptions = response.data;-->
<!--      });-->
<!--      this.getDicts("pro_secret_level").then((response) => {-->
<!--        this.secretOptions = response.data;-->
<!--      });-->
<!--      this.getDicts("pro_source").then((response) => {-->
<!--        this.sourceOptions = response.data;-->
<!--      });-->
<!--      this.getDicts("pro_category").then((response) => {-->
<!--        this.categoryOptions = response.data;-->
<!--      });-->
<!--      this.getDicts("pro_status").then((response) => {-->
<!--        this.statusOptions = response.data;-->
<!--      });-->
<!--      this.getDicts("sys_yes_no").then((response) => {-->
<!--        this.yesNoOptions = response.data;-->
<!--      });-->

<!--    },-->
<!--    methods: {-->
<!--      sortChange(column, prop, order) {-->
<!--        if (column.prop == "category") {-->
<!--          this.queryParams.categoryOrder = "1";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "code") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "1";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "name") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "1";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "type") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "1";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "deadline") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "1";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "totalOutlay") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "1";-->
<!--          this.queryParams.projectSourceOrder = "";-->
<!--        } else if (column.prop == "projectSource") {-->
<!--          this.queryParams.categoryOrder = "";-->
<!--          this.queryParams.codeOrder = "";-->
<!--          this.queryParams.nameOrder = "";-->
<!--          this.queryParams.typeOrder = "";-->
<!--          this.queryParams.deadlineOrder = "";-->
<!--          this.queryParams.totalOutlayOrder = "";-->
<!--          this.queryParams.projectSourceOrder = "1";-->
<!--        }-->

<!--        if (column.order == "ascending") {-->
<!--          this.queryParams.orderSort = "asc";-->
<!--        } else if (column.order == "descending") {-->
<!--          this.queryParams.orderSort = "desc";-->
<!--        }-->
<!--        this.getList();-->
<!--      },-->
<!--      isTopicFormat(row, column) {-->
<!--        return this.selectDictLabel(this.yesNoOptions, row.isTopic);-->
<!--      },-->
<!--      isSecrecyFormat(row, column) {-->
<!--        return this.selectDictLabel(this.yesNoOptions, row.isSecrecy);-->
<!--      },-->
<!--      typeFormat(row, column) {-->
<!--        return this.selectDictLabel(this.typeOptions, row.type);-->
<!--      },-->
<!--      secretFormat(row, column) {-->
<!--        return this.selectDictLabel(this.secretOptions, row.secrecyLevel);-->
<!--      },-->
<!--      categoryFormat(row, column) {-->
<!--        return this.selectDictLabel(this.categoryOptions, row.category);-->
<!--      },-->
<!--      statusFormat(row, column) {-->
<!--        return this.selectDictLabel(this.statusOptions, row.status);-->
<!--      },-->
<!--      sourceFormat(row, column) {-->
<!--        return this.selectDictLabel(this.sourceOptions, row.projectSource);-->
<!--      },-->
<!--      getStatistics(queryParams){-->

<!--        statistics(queryParams).then(resp=>{-->
<!--          this.zjf=resp.data.zjf;-->

<!--        });-->
<!--      },-->
<!--      /** 导入按钮操作 */-->
<!--      handleImport() {-->
<!--        this.uploadProject.title = "项目导入";-->
<!--        this.uploadProject.open = true;-->
<!--      },-->
<!--      /** 查询【请填写功能名称】列表 */-->
<!--      getList() {-->
<!--        this.loading = true;-->

<!--        listInfo(this.queryParams).then((response) => {-->
<!--          this.infoList = response.rows;-->
<!--          this.total = response.total;-->
<!--          this.loading = false;-->
<!--        });-->
<!--        this.getStatistics(this.queryParams)-->
<!--      },-->
<!--      // 取消按钮-->
<!--      cancel() {-->
<!--        this.open = false;-->
<!--        this.reset();-->
<!--      },-->
<!--      // 表单重置-->
<!--      reset() {-->
<!--        this.form = {-->
<!--          id: null,-->
<!--          category: null,-->
<!--          code: null,-->
<!--          name: null,-->
<!--          type: null,-->
<!--          departmentId: null,-->
<!--          userId: null,-->
<!--          deadline: null,-->
<!--          totalOutlay: null,-->
<!--          firstOutlay: null,-->
<!--          secondOutlay: null,-->
<!--          status: 0,-->
<!--          beginDate: null,-->
<!--          completeDate: null,-->
<!--          endDate: null,-->
<!--          approvalDate: null,-->
<!--          isSecrecy: null,-->
<!--          secrecyLevel: null,-->
<!--          secrecyTerm: null,-->
<!--          isTopic: null,-->
<!--          taskTarget: null,-->
<!--          resultTarget: null,-->
<!--          methodRoute: null,-->
<!--          plan: null,-->
<!--          spendExplain: null,-->
<!--          relyId: null,-->
<!--          lastDate: null,-->
<!--          reviewStatusXb: null,-->
<!--          reviewStatusCw: null,-->
<!--          totalBudget: null,-->
<!--          firstBudget: null,-->
<!--          secondBudget: null,-->
<!--          applyId: null,-->
<!--          projectSource: null,-->
<!--          projectSourceCompany: null,-->
<!--          reviewStatusZwh: null,-->
<!--          isAgreement: null,-->
<!--          relyUnitHead: null,-->
<!--          relyUnitHeadtocw: null,-->
<!--          taskPeriod: null,-->
<!--          otherplan: null,-->
<!--          point: null,-->
<!--          result: null,-->
<!--          introduction: null,-->
<!--          proprotion: null,-->
<!--          term: null,-->
<!--          createBy: null,-->
<!--          createTime: null,-->
<!--          updateBy: null,-->
<!--          updateTime: null,-->
<!--          delFlag: null,-->
<!--        };-->
<!--        this.resetForm("form");-->
<!--      },-->
<!--      async logout() {-->
<!--        this.$confirm('确定注销并退出系统吗？', '提示', {-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消',-->
<!--          type: 'warning'-->
<!--        }).then(() => {-->
<!--          this.$store.dispatch('LogOut').then(() => {-->
<!--            location.href = '/index';-->
<!--          })-->
<!--        })-->
<!--      },-->
<!--      /** 搜索按钮操作 */-->
<!--      handleQuery() {-->
<!--        this.queryParams.pageNum = 1;-->
<!--        this.getList();-->
<!--        this.getLeft7(this.queryParams);-->
<!--        this.getCenter8(this.queryParams);-->
<!--        this.getLeft1(this.queryParams);-->
<!--      },-->
<!--      handleNameQuery(){-->
<!--        this.nameTuOpen = true;-->
<!--        this.queryParams.pageNum = 1;-->
<!--        this.getList();-->
<!--        this.getLeft7(this.queryParams);-->
<!--        this.getLeft1(this.queryParams);-->
<!--        // this.getCenter8(this.queryParams);-->
<!--      },-->
<!--      handleUserNameQuery(){ n-->
<!--        this.userNameTuOpen = true;-->
<!--        this.queryParams.pageNum = 1;-->
<!--        this.getList();-->
<!--        this.getTotalBuget(this.queryParams);-->

<!--        this.getCenter8(this.queryParams);-->
<!--      },-->
<!--      getTotalBuget(queryParams){-->
<!--        totalBugetData(queryParams).then(-->
<!--          resp=>{-->

<!--            this.totalBuget = resp.data.totalBudget-->
<!--          }-->
<!--        );-->
<!--      },-->
<!--      getLeft1(queryParams){-->

<!--        let param=queryParams.yearRadio2-->
<!--        if(param=='0'){-->
<!--          param='999'-->
<!--        }-->
<!--        left1Data({yearRadio2:param}).then(-->
<!--          resp=>{-->
<!--            if(queryParams.yearRadio2 == '0'){-->
<!--              this.otTitle = '2016-今'-->
<!--            }-->
<!--            else if(queryParams.yearRadio2 =='2015'){-->
<!--              this.otTitle="2016年以前"-->
<!--            }else {-->
<!--              this.otTitle="2016-今"-->
<!--            }-->
<!--            this.blLg = ['项目数', '经费数'];-->
<!--            this.blX =resp.data.yearArray;-->
<!--            let temp = [];-->
<!--            let item = {};-->
<!--            item.name = '项目数';-->
<!--            item.type='bar';-->
<!--            item.data=resp.data.numArray;-->
<!--            temp.push(item);-->
<!--            let item1 = {};-->
<!--            item1.name = '经费数';-->
<!--            item1.type='line';-->
<!--            item1.yAxisIndex= 1;-->
<!--            item1.data=resp.data.bugetArray;-->
<!--            temp.push(item1);-->
<!--            this.blSer=temp;-->

<!--          }-->
<!--        );-->
<!--      },-->
<!--      getLeft7(queryParams){-->
<!--        left7Data(queryParams).then(-->
<!--          resp => {-->

<!--            if(queryParams.yearRadio2 == '0'){-->
<!--              this.otTitle = "至今"-->
<!--            }-->
<!--            else if(queryParams.yearRadio2 =='2015'){-->
<!--              this.otTitle="2016年以前"-->
<!--            }else if(queryParams.yearRadio2 =='999'){-->
<!--              this.otTitle="2016-今"-->
<!--            }else{-->
<!--              this.otTitle=queryParams.yearRadio2 +"年"-->
<!--            }-->

<!--            let temp = [];-->
<!--            let item = {};-->
<!--            item.name = '经费数';-->
<!--            item.type='bar';-->
<!--            item.barGap="-100%";-->
<!--            item.data=resp.data.yjfArray;-->
<!--            temp.push(item);-->
<!--            let item1 = {};-->
<!--            item1.name = '实际经费';-->
<!--            item1.type='bar';-->
<!--            item1.yAxisIndex= 1;-->
<!--            item1.barGap="-100%";-->
<!--            item1.data=resp.data.ySjjfArray;-->
<!--            temp.push(item1);-->
<!--            let item2 = {};-->
<!--            item2.name = '项目数';-->
<!--            item2.type='line';-->
<!--            item2.yAxisIndex= 2;-->
<!--            item2.data=resp.data.yNumArray;-->
<!--            temp.push(item2);-->
<!--            this.seriesCenter7 = temp;-->
<!--            this.xAxisCenter7 = resp.data.xAxisArray;-->

<!--          }-->
<!--        );-->
<!--      },-->
<!--      getCenter8(queryParams){-->
<!--        center8Data(queryParams).then(-->
<!--          resp => {-->
<!--            if(queryParams.yearRadio2 == '0'){-->
<!--              this.otTitle = "至今"-->
<!--            }-->
<!--            else if(queryParams.yearRadio2 =='2015'){-->
<!--              this.otTitle="2016年以前"-->
<!--            }else if(queryParams.yearRadio2 =='999'){-->
<!--              this.otTitle="2016-今"-->
<!--            }else{-->
<!--              this.otTitle=queryParams.yearRadio2 +"年"-->
<!--            }-->
<!--            this.seriesCenter8 = resp.data.xAxisArray;-->
<!--            this.xAxisCenter8 = resp.data.yAxisArray;-->
<!--          }-->
<!--        );-->
<!--      },-->
<!--      toYearPage(year){-->
<!--        // this.$router.push({path:"/project/infoShow/query",query:{yearRadio2:year}} );-->
<!--      },-->
<!--      toyituoUnitPage(unit){-->
<!--        // let yearRadio = this.yearRadio2;-->
<!--        // this.$router.push({path:"/project/infoShow/query",query:{yituoUnit:unit,yearRadio2:yearRadio}} );-->

<!--      },-->

<!--      toUserNamePage(userName){-->
<!--        // let yearRadio = this.yearRadio2;-->
<!--        // this.$router.push({path:"/project/infoShow/query",query:{userName:userName,yearRadio2:yearRadio}} );-->

<!--      },-->
<!--      /** 重置按钮操作 */-->
<!--      resetQuery() {-->
<!--        this.resetForm("queryForm");-->
<!--        this.queryParams.yearRadio2 = "0" ;-->
<!--        this.queryParams.secrecyLevel = "0" ;-->
<!--        this.queryParams.type = "0" ;-->
<!--        this.queryParams.departmentId = "0" ;-->
<!--        this.queryParams.searchValue=null;-->
<!--        this.handleQuery();-->
<!--      },-->
<!--      // 多选框选中数据-->
<!--      handleSelectionChange(selection) {-->
<!--        this.ids = selection.map((item) => item.id);-->
<!--        this.single = selection.length !== 1;-->
<!--        this.multiple = !selection.length;-->
<!--      },-->
<!--      /** 新增按钮操作 */-->
<!--      handleAdd() {-->
<!--        this.reset();-->
<!--        this.open = true;-->
<!--        this.title = "添加【请填写功能名称】";-->
<!--      },-->
<!--      /** 修改按钮操作 */-->
<!--      handleUpdate(row) {-->
<!--        this.reset();-->
<!--        const id = row.id || this.ids;-->
<!--        getInfo(id).then((response) => {-->
<!--          this.form = response.data;-->
<!--          this.open = true;-->
<!--          this.title = "修改【请填写功能名称】";-->
<!--        });-->
<!--      },-->
<!--      /** 提交按钮 */-->
<!--      submitForm() {-->
<!--        this.$refs["form"].validate((valid) => {-->
<!--          if (valid) {-->
<!--            if (this.form.id != null) {-->
<!--              updateInfo(this.form).then((response) => {-->
<!--                if (response.code === 200) {-->
<!--                  this.msgSuccess("修改成功");-->
<!--                  this.open = false;-->
<!--                  this.getList();-->
<!--                }-->
<!--              });-->
<!--            } else {-->
<!--              addInfo(this.form).then((response) => {-->
<!--                if (response.code === 200) {-->
<!--                  this.msgSuccess("新增成功");-->
<!--                  this.open = false;-->
<!--                  this.getList();-->
<!--                }-->
<!--              });-->
<!--            }-->
<!--          }-->
<!--        });-->
<!--      },-->
<!--      /** 删除按钮操作 */-->
<!--      handleDelete(row) {-->
<!--        const ids = row.id;-->
<!--        this.$confirm(-->
<!--          '是否确认删除项目编号为"' + row.code + '"的数据项?',-->
<!--          "警告",-->
<!--          {-->
<!--            confirmButtonText: "确定",-->
<!--            cancelButtonText: "取消",-->
<!--            type: "warning",-->
<!--          }-->
<!--        )-->
<!--          .then(function () {-->
<!--            return delInfo(ids);-->
<!--          })-->
<!--          .then(() => {-->
<!--            this.getList();-->
<!--            this.msgSuccess("删除成功");-->
<!--          })-->
<!--          .catch(function () {});-->
<!--      },-->
<!--      /** 导出按钮操作 */-->
<!--      handleExport() {-->
<!--        const queryParams = this.queryParams;-->
<!--        this.$confirm("是否确认导出所有【请填写功能名称】数据项?", "警告", {-->
<!--          confirmButtonText: "确定",-->
<!--          cancelButtonText: "取消",-->
<!--          type: "warning",-->
<!--        })-->
<!--          .then(function () {-->
<!--            return exportInfo(queryParams);-->
<!--          })-->
<!--          .then((response) => {-->
<!--            this.download(response.msg);-->
<!--          })-->
<!--          .catch(function () {});-->
<!--      },-->
<!--      // 文件上传中处理-->
<!--      handleProjectFileUploadProgress(event, file, fileList) {-->
<!--        this.uploadProject.isUploading = true;-->
<!--      },-->
<!--      beforeProjectFileUpload(file) {-->
<!--        const isLt200M = file.size / 1024 / 1024 < 300;-->
<!--        if (!isLt200M) {-->
<!--          this.$message.error("上传大小不能超过 200MB!");-->
<!--        }-->
<!--        return isLt200M;-->
<!--      },-->
<!--      // 文件上传成功处理-->
<!--      handleProjectFileSuccess(response, file, fileList) {-->
<!--        this.uploadProject.open = false;-->
<!--        this.uploadProject.isUploading = false;-->
<!--        this.$refs.uploadProject.clearFiles();-->
<!--        this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });-->
<!--        this.getList();-->
<!--      },-->
<!--      // 提交上传文件-->
<!--      submitFileForm() {-->
<!--        this.$refs.uploadProject.submit();-->
<!--      },-->
<!--      importTemplate() {-->
<!--        importTemplate().then((response) => {-->
<!--          this.download(response.msg);-->
<!--        });-->
<!--      },-->
<!--      viewAnnexBookFile(row){-->
<!--        this.upload.fileList = [];-->
<!--        this.formatUploadAnnex(row.annexName,row.annexPath);-->
<!--        this.upload.open = true;-->
<!--      },-->
<!--      //格式化上传附件-->
<!--      formatUploadAnnex(annexName,annexPath){-->
<!--        this.upload.fileList = [];-->
<!--        if (annexPath != null && annexPath !== ''){-->
<!--          let a = [],b = [];-->
<!--          try {-->
<!--            a = JSON.parse(annexName) ;-->
<!--            b = JSON.parse(annexPath) ;-->
<!--          }catch (e){-->
<!--            a=[];-->
<!--            b=[];-->
<!--          }-->
<!--          for (let i = 0;i<a.length;i++){-->
<!--            this.upload.fileList.push({-->
<!--              'name':a[i],-->
<!--              'url':process.env.VUE_APP_BASE_API + b[i]-->
<!--            })-->
<!--          }-->
<!--        }else {-->
<!--          this.upload.fileList = [];-->
<!--        }-->


<!--      },-->
<!--      handlePreview(file) {-->
<!--        var a = document.createElement('a');-->
<!--        var event = new MouseEvent('click');-->
<!--        a.download = file.name;-->
<!--        a.target = '_blank';-->
<!--        a.href = file.url;-->
<!--        a.dispatchEvent(event);-->

<!--      },-->
<!--    },-->
<!--  };-->
<!--</script>-->
<!--<style lang="scss" scoped>-->
<!--  .circleButton {-->
<!--    /deep/  .el-radio-button__inner {-->
<!--      padding: 9px 10px;-->
<!--      font-size: 20px;-->
<!--      margin: 6px 10px;-->
<!--      border: 1px;-->
<!--      border-radius: 17px  !important;-->
<!--      /*background-color: #f2f1f5;*/-->
<!--    }-->
<!--    .el-form-item{-->
<!--      margin-bottom: 0;-->
<!--    }-->
<!--  }-->
<!--  // 分页-->
<!--  .explore_right_pages {-->


<!--    /deep/.el-pagination .el-pagination__total {-->
<!--      color: #999999;-->
<!--      font-size: 18px;-->
<!--    }-->

<!--    /deep/.el-pagination .el-pagination__jump {-->
<!--      color: #999999;-->
<!--      font-size: 18px;-->

<!--      .input{-->
<!--        margin-left: 10px;-->
<!--        margin-right: 10px;-->
<!--      }-->
<!--      .el-pagination__editor{-->
<!--        margin-left: 10px;-->
<!--        margin-right: 10px;-->
<!--        .el-input__inner{-->
<!--          height: 26px;-->
<!--          margin-top: 2px;-->
<!--        }-->
<!--      }-->
<!--    }-->



<!--  }-->


<!--  .rightDialog{-->
<!--    right: 0;-->
<!--    margin-right: 0;-->
<!--    left:auto;-->
<!--  }-->
<!--  .font{-->
<!--    font-size: 20px;-->
<!--    font-weight: 700;-->
<!--  }-->
<!--  .lab{-->
<!--    float: left;-->
<!--    margin-top: 10px-->
<!--  }-->
<!--  .fontT{-->
<!--    font-size: 20px;-->

<!--  }-->
<!--</style>-->