{"remainingRequest":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&lang=scss&scoped=true&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\index.vue","mtime":1641810606836},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5jaXJjbGVCdXR0b24gewogIC9kZWVwLyAgLmVsLXJhZGlvLWJ1dHRvbl9faW5uZXIgewogICAgcGFkZGluZzogOXB4IDEwcHg7CiAgICBmb250LXNpemU6IDIwcHg7CiAgICBtYXJnaW46IDZweCAxMHB4OwogICAgYm9yZGVyOiAxcHg7CiAgICBib3JkZXItcmFkaXVzOiAxN3B4ICAhaW1wb3J0YW50OwogICAgLypiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMWY1OyovCiAgfQogIC5lbC1mb3JtLWl0ZW17CiAgICBtYXJnaW4tYm90dG9tOiAwOwogIH0KfQovLyDliIbpobUKLmV4cGxvcmVfcmlnaHRfcGFnZXMgewoKCiAgL2RlZXAvLmVsLXBhZ2luYXRpb24gLmVsLXBhZ2luYXRpb25fX3RvdGFsIHsKICAgIGNvbG9yOiAjOTk5OTk5OwogICAgZm9udC1zaXplOiAxOHB4OwogIH0KCiAgL2RlZXAvLmVsLXBhZ2luYXRpb24gLmVsLXBhZ2luYXRpb25fX2p1bXAgewogICAgY29sb3I6ICM5OTk5OTk7CiAgICBmb250LXNpemU6IDE4cHg7CgogICAgLmlucHV0ewogICAgICBtYXJnaW4tbGVmdDogMTBweDsKICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4OwogICAgfQogICAgLmVsLXBhZ2luYXRpb25fX2VkaXRvcnsKICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7CiAgICAgIG1hcmdpbi1yaWdodDogMTBweDsKICAgICAgLmVsLWlucHV0X19pbm5lcnsKICAgICAgICBoZWlnaHQ6IDI2cHg7CiAgICAgICAgbWFyZ2luLXRvcDogMnB4OwogICAgICB9CiAgICB9CiAgfQoKCgp9CgoKLnJpZ2h0RGlhbG9newogIHJpZ2h0OiAwOwogIG1hcmdpbi1yaWdodDogMDsKICBsZWZ0OmF1dG87Cn0KLmZvbnR7CiAgZm9udC1zaXplOiAyMHB4OwogIGZvbnQtd2VpZ2h0OiA3MDA7Cn0KLmxhYnsKICBmbG9hdDogbGVmdDsKICBtYXJnaW4tdG9wOiAxMHB4Cn0KLmZvbnRUewogIGZvbnQtc2l6ZTogMjBweDsKCn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2kCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"app-container circleButton\">\n    <el-form\n      :model=\"queryParams\"\n      ref=\"queryForm\"\n      v-show=\"showSearch\"\n      label-width=\"100px\">\n      <el-row>\n        <el-col :span=\"8\">\n          <el-form-item label-width=\"100\" prop=\"name\">\n\n            <div style=\"float: left\">\n              <span slot=\"label\" class=\"font\">咨询项目</span>\n            </div>\n            <el-input style=\"width:260px;margin-left:10px;margin-right: 10px\"\n                      v-model=\"queryParams.searchValue\"\n                      placeholder=\"请输入项目名称/项目编号\"\n                      clearable\n                      size=\"small\"\n                      @keyup.enter.native=\"handleQuery\"\n                      @blur=\"handleQuery\"\n            />\n            <el-button\n              type=\"cyan\"\n              icon=\"el-icon-search\"\n              size=\"mini\"\n              @click=\"handleNameQuery\">图表</el-button>\n          </el-form-item>\n        </el-col>\n        <el-col :span=\"9\">\n          <el-form-item label-width=\"100\" prop=\"userName\">\n            <div style=\"float:left;\">\n              <span slot=\"label\" class=\"font\">项目负责人</span>\n            </div>\n            <el-input style=\"width:260px;margin-left:10px;margin-right: 10px\"\n                      v-model=\"queryParams.userName\"\n                      placeholder=\"请输入负责人名称\"\n                      clearable\n                      size=\"small\"\n                      @keyup.enter.native=\"handleQuery\"\n                      @blur=\"handleQuery\"/>\n            <el-button type=\"cyan\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleUserNameQuery\">图表</el-button>\n            <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\n          </el-form-item>\n        </el-col>\n\n      </el-row>\n\n\n      <el-form-item label-width=\"100\" prop=\"yearRadio2\">\n        <div class=\"lab\">\n          <span slot=\"label\" class=\"font\">项目年份</span>\n        </div>\n        <el-radio-group v-model=\"queryParams.yearRadio2\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border><span class=\"fontT\">全部</span></el-radio-button>\n          <el-radio-button label=\"999\" border ><span class=\"fontT\">2016年至今</span></el-radio-button>\n\n          <el-radio-button\n            v-for=\"dict in yearOptions\"\n            :key=\"dict\"\n            :label=\"dict\"\n            border\n          ><span class=\"fontT\">{{ dict }}</span></el-radio-button\n          >\n          <el-radio-button label=\"2015\" border><span class=\"fontT\">2016年以前</span></el-radio-button>\n\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label-width=\"100\" prop=\"secrecyLevel\" >\n        <div class=\"lab\">\n          <span slot=\"label\" class=\"font\">秘密级别</span>\n        </div>\n        <el-radio-group v-model=\"queryParams.secrecyLevel\" size=\"small\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border><span class=\"fontT\">全部</span></el-radio-button>\n          <el-radio-button label=\"1\" border><span class=\"fontT\">机密</span></el-radio-button>\n          <el-radio-button label=\"2\" border><span class=\"fontT\">秘密</span></el-radio-button>\n          <el-radio-button label=\"4\" border><span class=\"fontT\">内部</span></el-radio-button>\n          <el-radio-button label=\"3\" border><span class=\"fontT\">非密</span></el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label-width=\"100\" prop=\"departmentId\">\n        <div class=\"lab\">\n          <span slot=\"label\" class=\"font\">联系部门</span>\n        </div>\n        <el-radio-group v-model=\"queryParams.departmentId\" size=\"small\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border\n          ><span class=\"fontT\">全部</span></el-radio-button>\n          <el-radio-button label=\"25\" border\n          ><span class=\"fontT\">机械学部</span></el-radio-button\n          >\n          <el-radio-button label=\"26\" border\n          ><span class=\"fontT\">信息学部</span></el-radio-button\n          >\n          <el-radio-button label=\"27\" border\n          ><span class=\"fontT\">化工学部</span></el-radio-button\n          >\n          <el-radio-button label=\"28\" border\n          ><span class=\"fontT\">能源学部</span></el-radio-button\n          >\n          <el-radio-button label=\"29\" border\n          ><span class=\"fontT\">土木学部</span></el-radio-button\n          >\n          <el-radio-button label=\"30\" border\n          ><span class=\"fontT\">环境学部</span></el-radio-button\n          >\n          <el-radio-button label=\"31\" border><span class=\"fontT\">农业学部</span></el-radio-button>\n          <el-radio-button label=\"32\" border><span class=\"fontT\">医药学部</span></el-radio-button>\n          <el-radio-button label=\"33\" border><span class=\"fontT\">工管学部</span></el-radio-button>\n          <el-radio-button label=\"149\" border><span class=\"fontT\">战略咨询中心</span></el-radio-button>\n          <el-radio-button label=\"998\" border><span class=\"fontT\">行业研究院</span></el-radio-button>\n          <el-radio-button label=\"999\" border><span class=\"fontT\">其他</span></el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label-width=\"100\" prop=\"type\">\n\n        <div class=\"lab\">\n          <span slot=\"label\" class=\"font\">项目类型</span>\n        </div>\n        <el-radio-group v-model=\"queryParams.type\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border ><span class=\"fontT\">全部</span></el-radio-button>\n          <el-radio-button label=\"2\" border ><span class=\"fontT\">重点</span></el-radio-button>\n          <el-radio-button label=\"1\" border><span class=\"fontT\">重大</span></el-radio-button>\n          <el-radio-button label=\"17\" border><span class=\"fontT\">学部重大</span></el-radio-button>\n          <el-radio-button label=\"19\" border><span class=\"fontT\">学部重点</span></el-radio-button>\n          <el-radio-button label=\"18\" border><span class=\"fontT\">行业院重点</span></el-radio-button>\n          <el-radio-button label=\"16\" border><span class=\"fontT\">行业院重大</span></el-radio-button>\n          <el-radio-button label=\"6\" border><span class=\"fontT\">高端智库</span></el-radio-button>\n          <el-radio-button label=\"999\" border><span class=\"fontT\">其他</span></el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n\n\n    </el-form>\n      <h2 style=\"margin-left: 10%\">\n        <span>项目数&nbsp;&nbsp;:&nbsp;&nbsp;<span style=\"color: red\">{{total}}</span></span>\n        <span style=\"margin-left: 20px\">项目经费（万元）:&nbsp;&nbsp;<span style=\"color: red\">{{zjf}}</span></span>\n      </h2>\n    <el-table\n      v-loading=\"loading\"\n      border\n      :data=\"infoList\"\n      @selection-change=\"handleSelectionChange\"\n      @sort-change=\"sortChange\"\n    >\n      <el-table-column label=\"序号\" align=\"center\" type=\"index\"  width=\"70\">\n\n        <template slot-scope=\"scope\">\n          {{scope.$index+1}}\n        </template>\n      </el-table-column>\n      <el-table-column\n        label=\"项目编号\"\n        align=\"center\"\n        width=\"180\"\n\n      >\n        <template slot-scope=\"scope\">\n          <span >{{scope.row.code}}</span>\n          <!--          <span @click=\"dialogFormVisible = true\">{{scope.row.code}}</span>-->\n        </template>\n      </el-table-column>\n      <el-table-column\n        label=\"项目名称\"\n        align=\"center\"\n        prop=\"name\"\n        width=\"380\"\n\n      />\n      <el-table-column label=\"类型\" align=\"center\" prop=\"type\" width=\"110\" :formatter=\"typeFormat\" />\n      <el-table-column\n        label=\"密级\"\n        align=\"center\"\n        width=\"80\"\n        prop=\"secrecyLevel\"\n        :formatter=\"secretFormat\"\n      />\n      <el-table-column label=\"联系部门\" align=\"center\" prop=\"departmentName\" />\n      <!--      <el-table-column label=\"项目联系部门\" align=\"center\" prop=\"departmentId\" />-->\n      <el-table-column label=\"负责人\" align=\"center\" prop=\"userName\" width=\"110\" />\n\n      <el-table-column\n        label=\"经费\"\n        align=\"center\"\n        width=\"80\"\n        prop=\"totalBudget\"\n      />\n      <el-table-column label=\"依托单位\" align=\"center\" prop=\"yituoUnit\" />\n      <el-table-column\n        label=\"状态\"\n        align=\"center\"\n        prop=\"status\"\n        width=\"110\"\n        :formatter=\"statusFormat\"\n      />\n\n      <el-table-column label=\"成果\" align=\"center\" :show-overflow-tooltip=\"true\" width=\"110\" >\n        <!--        <template slot-scope=\"scope\" v-if=\"scope.row.annexName != null\">-->\n        <template slot-scope=\"scope\" v-if=\"scope.row.annexName != null &&scope.row.annexName != '[]'\">\n          <el-button\n            size=\"mini\"\n            type=\"text\"\n            icon=\"el-icon-edit\"\n            @click=\"viewAnnexBookFile(scope.row)\"\n          >成果附件</el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <div class=\"explore_right_pages\" >\n      <pagination\n\n        v-show=\"total > 0\"\n        :total=\"total\"\n        :page.sync=\"queryParams.pageNum\"\n        :limit.sync=\"queryParams.pageSize\"\n        @pagination=\"getList\"\n      />\n    </div>\n    <!-- 用户导入对话框 -->\n    <el-dialog\n      :title=\"uploadProject.title\"\n      :visible.sync=\"uploadProject.open\"\n      width=\"400px\"\n      append-to-body>\n      <el-upload\n        ref=\"uploadProject\"\n        :limit=\"1\"\n        accept=\".xls,.xlsx\"\n        :headers=\"uploadProject.headers\"\n        :action=\"\n          uploadProject.url + '?updateSupport=' + uploadProject.updateSupport\n        \"\n        :disabled=\"uploadProject.isUploading\"\n        :on-progress=\"handleProjectFileUploadProgress\"\n        :on-success=\"handleProjectFileSuccess\"\n        :before-upload=\"beforeProjectFileUpload\"\n        :auto-upload=\"false\"\n        drag>\n        <i class=\"el-icon-upload\"></i>\n        <div class=\"el-upload__text\">\n          将文件拖到此处，或\n          <em>点击上传</em>\n        </div>\n        <div class=\"el-upload__tip\" slot=\"tip\">\n          <!--<el-checkbox v-model=\"uploadProject.updateSupport\" />是否更新已经存在的用户数据-->\n          <!--<el-link type=\"info\" style=\"font-size:12px\" @click=\"importTemplate\">下载模板</el-link>-->\n        </div>\n        <div class=\"el-upload__tip\" style=\"color: red\" slot=\"tip\">\n          提示：仅允许导入excel文件！\n        </div>\n      </el-upload>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"submitFileForm\">确 定</el-button>\n        <el-button @click=\"uploadProject.open = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog title=\"附件\" :visible.sync=\"upload.open\" width=\"400px\" append-to-body>\n      <el-upload\n        ref=\"upload\"\n        disabled\n        :action=\"upload.url\"\n        :headers=\"upload.headers\"\n        :file-list=\"upload.fileList\"\n        :on-preview=\"handlePreview\"\n      >\n      </el-upload>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"upload.open = false\">关 闭</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog  :modal=\"false\" title=\"项目统计\" :show-close=\"false\" :close-on-click-modal=\"false\" :visible=\"nameTuOpen\" width=\"600px\" class=\"rightDialog\"    >\n\n\n      <el-row>\n        <el-col>\n          <div class=\"chart-wrapper\" v-if=\"blSer.length\">\n            <BarLineChart :blXData=\"blX\" :blLgData=\"blLg\" :otTitle=\"otTitle\" :blSerData=\"blSer\" @yearToPage=\"toYearPage\"/>\n          </div>\n        </el-col>\n      </el-row>\n      <br/><br/>\n      <el-row>\n        <el-col >\n          <div class=\"chart-wrapper\" >\n            <BLYiTuoChart :xAxisDataLeft7=\"xAxisCenter7\" :otTitle=\"otTitle\" :seriesData1=\"seriesCenter7\"  @yituoUnitPage=\"toyituoUnitPage\"/>\n          </div>\n        </el-col>\n      </el-row>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"nameTuOpen = false\">关 闭</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog :modal=\"false\" title=\"项目负责人查询\" :show-close=\"false\" :close-on-click-modal=\"false\" :visible=\"userNameTuOpen\" width=\"600px\" class=\"rightDialog\"  append-to-body>\n      <el-row>\n        <el-col >\n          <div class=\"chart-wrapper\" >\n            <BarChart3 :xAxisDataLeft8=\"xAxisCenter8\" :otTitle=\"otTitle\" :seriesDataLeft8=\"seriesCenter8\" @userNamePage=\"toUserNamePage\"/>\n          </div>\n        </el-col>\n      </el-row>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"userNameTuOpen = false\">关 闭</el-button>\n      </div>\n    </el-dialog>\n\n    <!-- Form -->\n\n\n    <el-dialog title=\"项目详情\" :visible.sync=\"dialogFormVisible\">\n      <el-form ref=\"form\" :model=\"formCounten\" :label-width=\"formLabelWidth\">\n        <el-form-item label=\"项目名称\">\n          <el-col :span=\"20\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-col>\n        </el-form-item>\n\n        <el-col :span=\"9\">\n          <el-form-item label=\"项目编号\" style=\"margin-top: 10px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-form-item>\n        </el-col>\n        <el-form-item label=\"类型\" style=\"margin-top: 10px;\">\n          <el-col :span=\"9\" style=\"margin-left: 20px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-col>\n        </el-form-item>\n\n        <el-col :span=\"9\">\n          <el-form-item label=\"联系部门\" style=\"margin-top: 10px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-form-item>\n        </el-col>\n        <el-form-item label=\"依托单位\" style=\"margin-top: 10px\">\n          <el-col :span=\"9\" style=\"margin-left: 20px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-col>\n        </el-form-item>\n\n        <el-col :span=\"7\">\n          <el-form-item label=\"负责人\" style=\"margin-top: 10px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-form-item>\n        </el-col>\n\n        <el-col :span=\"6\">\n          <el-form-item label=\"项目经费\" style=\"margin-top: 10px\">\n            <el-input v-model=\"formCounten.name\"></el-input>\n          </el-form-item>\n        </el-col>\n        <el-form-item label=\"状态\" style=\"margin-top: 10px\">\n          <el-col :span=\"5\">\n\n            <el-input v-model=\"formCounten.name\"></el-input>\n\n          </el-col>\n        </el-form-item>\n\n        <el-form-item label=\"密级\" style=\"margin-top: 10px\">\n          <el-radio-group v-model=\"formCounten.resource\" style=\"font-size: 50px\">\n            <el-radio label=\"1\" size=\"medium\"><span class=\"font\">秘密</span></el-radio>\n            <el-radio label=\"2\" size=\"medium \"><span class=\"font\">机密</span></el-radio>\n            <el-radio label=\"3\"><h2 class=\"font\">非密</h2 ></el-radio>\n            <el-radio label=\"4\"><span class=\"font\">内部</span></el-radio>\n          </el-radio-group>\n        </el-form-item>\n\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"dialogFormVisible = false\">确 定</el-button>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\n  import {\n    listInfo,\n    getInfo,\n    delInfo,\n    addInfo,\n    updateInfo,\n    exportInfo,\n    importTemplate,\n  } from \"@/api/project/info2\";\n  import { getToken } from \"@/utils/auth\";\n  import BLYiTuoChart from \"./dashboard/BLYiTuoChart\";\n  import BarChart3 from \"./dashboard/BarChart3\";\n  import BarLineChart from \"./dashboard/BarLineChart\";\n  import {totalBugetData,left1Data, left7Data,center8Data,left7Data2,statistics} from \"@/api/project/info3\";\n  export default {\n    name: \"Info\",\n    components: {\n      BLYiTuoChart,\n      BarChart3,\n      BarLineChart\n    },\n    data() {\n      return {\n        zjf:0,\n        // 上传参数\n        uploadProject: {\n          // 是否显示弹出层（用户导入）\n          open: false,\n          // 弹出层标题（用户导入）\n          title: \"\",\n          // 是否禁用上传\n          isUploading: false,\n          // 是否更新已经存在的用户数据\n          updateSupport: 0,\n          // 设置上传的请求头部\n          headers: { Authorization: \"Bearer \" + getToken() },\n          // 上传的地址\n          url: process.env.VUE_APP_BASE_API + \"/system/info/importData\",\n        },\n        // 上传参数\n        upload: {\n          title: \"\",\n          open: false,\n          // 是否禁用上传\n          isUploading: false,\n          // 设置上传的请求头部\n          headers: { Authorization: \"Bearer \" + getToken() },\n          // 上传的地址\n          url: process.env.VUE_APP_BASE_API + \"/project/info/common/upload\",\n          // 上传的文件列表\n          fileList: [],\n        },\n        // 遮罩层\n        loading: true,\n        // 选中数组\n        ids: [],\n        // 非单个禁用\n        single: true,\n        // 非多个禁用\n        multiple: true,\n        // 显示搜索条件\n        showSearch: true,\n        // 总条数\n        total: 0,\n        // 【请填写功能名称】表格数据\n        infoList: [],\n        // 弹出层标题\n        title: \"\",\n        // 是否显示弹出层\n        open: false,\n        nameTuOpen:false,\n        userNameTuOpen:false,\n        totalBuget:null,\n        dialogFormVisible:false,\n        statusOptions: [],\n        typeOptions: [],\n        secretOptions: [],\n        sourceOptions: [],\n        categoryOptions: [],\n        yesNoOptions: [],\n        yearOptions: [],\n        xAxisCenter8:[],\n        seriesCenter8:[],\n        xAxisCenter7:[],\n        seriesCenter7:[],\n        blX:[],\n        blLg:[],\n        blSer:[],\n        otTitle:\"\",\n        // 查询参数\n        queryParams: {\n          pageNum: 1,\n          pageSize: 10,\n          category: null,\n          code: null,\n          name: null,\n          userName:null,\n          type: null,\n          departmentId: null,\n          userId: null,\n          deadline: null,\n          totalOutlay: null,\n          firstOutlay: null,\n          secondOutlay: null,\n          status: null,\n          beginDate: null,\n          completeDate: null,\n          beginDateLX: null,\n          completeDateLX: null,\n          endDate: null,\n          approvalDate: null,\n          isSecrecy: null,\n          secrecyLevel: null,\n          secrecyTerm: null,\n          isTopic: null,\n          taskTarget: null,\n          resultTarget: null,\n          methodRoute: null,\n          plan: null,\n          spendExplain: null,\n          relyId: null,\n          lastDate: null,\n          reviewStatusXb: null,\n          reviewStatusCw: null,\n          totalBudget: null,\n          firstBudget: null,\n          secondBudget: null,\n          applyId: null,\n          projectSource: null,\n          projectSourceCompany: null,\n          reviewStatusZwh: null,\n          isAgreement: null,\n          relyUnitHead: null,\n          relyUnitHeadtocw: null,\n          taskPeriod: null,\n          otherplan: null,\n          point: null,\n          result: null,\n          introduction: null,\n          proprotion: null,\n          term: null,\n          pishiStatus: null,\n          yearRadio2: null,\n          proPeopName:null,\n          yituoArea:null,\n          isResult:null,\n          importantKey:null,\n          searchValue:null\n\n        },\n        // 表单参数\n        form: {},\n        // 表单校验\n        rules: {},\n        formCounten: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '',\n          desc: ''\n        },\n        formLabelWidth: '120px'\n\n      };\n    },\n    created() {\n      if(this.$route.query.yearRadio2 ){\n        this.queryParams.yearRadio2 = this.$route.query.yearRadio2 ;\n      }else{\n        this.queryParams.yearRadio2 = \"0\" ;\n      }\n\n      if(this.$route.query.secrecyLevel){\n        this.queryParams.secrecyLevel = this.$route.query.secrecyLevel;\n      }else{\n        this.queryParams.secrecyLevel = \"0\" ;\n      }\n      if(this.$route.query.type){\n        this.queryParams.type = this.$route.query.type;\n      }else{\n        this.queryParams.type = \"0\" ;\n      }\n      if(this.$route.query.departmentId){\n        this.queryParams.departmentId = this.$route.query.departmentId;\n      }else{\n        this.queryParams.departmentId = \"0\" ;\n      }\n      this.queryParams.yituoUnit = this.$route.query.yituoUnit;\n      this.queryParams.userName = this.$route.query.userName;\n      this.queryParams.importantKey = this.$route.query.importantKey;\n      this.queryParams.yituoArea = this.$route.query.yituoArea;\n      // this.queryParams.yearRadio = this.$route.query.yearRadio;\n      //\n      // this.queryParams.isResult = this.$route.query.isResult;\n      // this.queryParams.status = this.$route.query.status;\n\n      //\n\n      //\n\n      var date = new Date();\n      var year = date.getFullYear();\n      console.log(year, year - 1, year - 2);\n      this.yearOptions[0] = year;\n      this.yearOptions[1] = year - 1;\n      this.yearOptions[2] = year - 2;\n      this.yearOptions[3] = year - 3;\n      this.yearOptions[4] = year - 4;\n      this.yearOptions[5] = year - 5;\n      this.getList();\n\n      this.getDicts(\"pro_type\").then((response) => {\n        this.typeOptions = response.data;\n      });\n      this.getDicts(\"pro_secret_level\").then((response) => {\n        this.secretOptions = response.data;\n      });\n      this.getDicts(\"pro_source\").then((response) => {\n        this.sourceOptions = response.data;\n      });\n      this.getDicts(\"pro_category\").then((response) => {\n        this.categoryOptions = response.data;\n      });\n      this.getDicts(\"pro_status\").then((response) => {\n        this.statusOptions = response.data;\n      });\n      this.getDicts(\"sys_yes_no\").then((response) => {\n        this.yesNoOptions = response.data;\n      });\n\n    },\n    methods: {\n      sortChange(column, prop, order) {\n        if (column.prop == \"category\") {\n          this.queryParams.categoryOrder = \"1\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"code\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"1\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"name\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"1\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"type\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"1\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"deadline\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"1\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"totalOutlay\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"1\";\n          this.queryParams.projectSourceOrder = \"\";\n        } else if (column.prop == \"projectSource\") {\n          this.queryParams.categoryOrder = \"\";\n          this.queryParams.codeOrder = \"\";\n          this.queryParams.nameOrder = \"\";\n          this.queryParams.typeOrder = \"\";\n          this.queryParams.deadlineOrder = \"\";\n          this.queryParams.totalOutlayOrder = \"\";\n          this.queryParams.projectSourceOrder = \"1\";\n        }\n\n        if (column.order == \"ascending\") {\n          this.queryParams.orderSort = \"asc\";\n        } else if (column.order == \"descending\") {\n          this.queryParams.orderSort = \"desc\";\n        }\n        this.getList();\n      },\n      isTopicFormat(row, column) {\n        return this.selectDictLabel(this.yesNoOptions, row.isTopic);\n      },\n      isSecrecyFormat(row, column) {\n        return this.selectDictLabel(this.yesNoOptions, row.isSecrecy);\n      },\n      typeFormat(row, column) {\n        return this.selectDictLabel(this.typeOptions, row.type);\n      },\n      secretFormat(row, column) {\n        return this.selectDictLabel(this.secretOptions, row.secrecyLevel);\n      },\n      categoryFormat(row, column) {\n        return this.selectDictLabel(this.categoryOptions, row.category);\n      },\n      statusFormat(row, column) {\n        return this.selectDictLabel(this.statusOptions, row.status);\n      },\n      sourceFormat(row, column) {\n        return this.selectDictLabel(this.sourceOptions, row.projectSource);\n      },\n      getStatistics(queryParams){\n\n        statistics(queryParams).then(resp=>{\n          this.zjf=resp.data.zjf;\n\n        });\n      },\n      /** 导入按钮操作 */\n      handleImport() {\n        this.uploadProject.title = \"项目导入\";\n        this.uploadProject.open = true;\n      },\n      /** 查询【请填写功能名称】列表 */\n      getList() {\n        this.loading = true;\n\n        listInfo(this.queryParams).then((response) => {\n          this.infoList = response.rows;\n          this.total = response.total;\n          this.loading = false;\n        });\n        this.getStatistics(this.queryParams)\n      },\n      // 取消按钮\n      cancel() {\n        this.open = false;\n        this.reset();\n      },\n      // 表单重置\n      reset() {\n        this.form = {\n          id: null,\n          category: null,\n          code: null,\n          name: null,\n          type: null,\n          departmentId: null,\n          userId: null,\n          deadline: null,\n          totalOutlay: null,\n          firstOutlay: null,\n          secondOutlay: null,\n          status: 0,\n          beginDate: null,\n          completeDate: null,\n          endDate: null,\n          approvalDate: null,\n          isSecrecy: null,\n          secrecyLevel: null,\n          secrecyTerm: null,\n          isTopic: null,\n          taskTarget: null,\n          resultTarget: null,\n          methodRoute: null,\n          plan: null,\n          spendExplain: null,\n          relyId: null,\n          lastDate: null,\n          reviewStatusXb: null,\n          reviewStatusCw: null,\n          totalBudget: null,\n          firstBudget: null,\n          secondBudget: null,\n          applyId: null,\n          projectSource: null,\n          projectSourceCompany: null,\n          reviewStatusZwh: null,\n          isAgreement: null,\n          relyUnitHead: null,\n          relyUnitHeadtocw: null,\n          taskPeriod: null,\n          otherplan: null,\n          point: null,\n          result: null,\n          introduction: null,\n          proprotion: null,\n          term: null,\n          createBy: null,\n          createTime: null,\n          updateBy: null,\n          updateTime: null,\n          delFlag: null,\n        };\n        this.resetForm(\"form\");\n      },\n      async logout() {\n        this.$confirm('确定注销并退出系统吗？', '提示', {\n          confirmButtonText: '确定',\n          cancelButtonText: '取消',\n          type: 'warning'\n        }).then(() => {\n          this.$store.dispatch('LogOut').then(() => {\n            location.href = '/index';\n          })\n        })\n      },\n      /** 搜索按钮操作 */\n      handleQuery() {\n        this.queryParams.pageNum = 1;\n        this.getList();\n        this.getLeft7(this.queryParams);\n        this.getCenter8(this.queryParams);\n        this.getLeft1(this.queryParams);\n      },\n      handleNameQuery(){\n        this.nameTuOpen = true;\n        this.queryParams.pageNum = 1;\n        this.getList();\n        this.getLeft7(this.queryParams);\n        this.getLeft1(this.queryParams);\n        // this.getCenter8(this.queryParams);\n      },\n      handleUserNameQuery(){ n\n        this.userNameTuOpen = true;\n        this.queryParams.pageNum = 1;\n        this.getList();\n        this.getTotalBuget(this.queryParams);\n\n        this.getCenter8(this.queryParams);\n      },\n      getTotalBuget(queryParams){\n        totalBugetData(queryParams).then(\n          resp=>{\n\n            this.totalBuget = resp.data.totalBudget\n          }\n        );\n      },\n      getLeft1(queryParams){\n\n        let param=queryParams.yearRadio2\n        if(param=='0'){\n          param='999'\n        }\n        left1Data({yearRadio2:param}).then(\n          resp=>{\n            if(queryParams.yearRadio2 == '0'){\n              this.otTitle = '2016-今'\n            }\n            else if(queryParams.yearRadio2 =='2015'){\n              this.otTitle=\"2016年以前\"\n            }else {\n              this.otTitle=\"2016-今\"\n            }\n            this.blLg = ['项目数', '经费数'];\n            this.blX =resp.data.yearArray;\n            let temp = [];\n            let item = {};\n            item.name = '项目数';\n            item.type='bar';\n            item.data=resp.data.numArray;\n            temp.push(item);\n            let item1 = {};\n            item1.name = '经费数';\n            item1.type='line';\n            item1.yAxisIndex= 1;\n            item1.data=resp.data.bugetArray;\n            temp.push(item1);\n            this.blSer=temp;\n\n          }\n        );\n      },\n      getLeft7(queryParams){\n        left7Data(queryParams).then(\n          resp => {\n\n            if(queryParams.yearRadio2 == '0'){\n              this.otTitle = \"至今\"\n            }\n            else if(queryParams.yearRadio2 =='2015'){\n              this.otTitle=\"2016年以前\"\n            }else if(queryParams.yearRadio2 =='999'){\n              this.otTitle=\"2016-今\"\n            }else{\n              this.otTitle=queryParams.yearRadio2 +\"年\"\n            }\n\n            let temp = [];\n            let item = {};\n            item.name = '经费数';\n            item.type='bar';\n            item.barGap=\"-100%\";\n            item.data=resp.data.yjfArray;\n            temp.push(item);\n            let item1 = {};\n            item1.name = '实际经费';\n            item1.type='bar';\n            item1.yAxisIndex= 1;\n            item1.barGap=\"-100%\";\n            item1.data=resp.data.ySjjfArray;\n            temp.push(item1);\n            let item2 = {};\n            item2.name = '项目数';\n            item2.type='line';\n            item2.yAxisIndex= 2;\n            item2.data=resp.data.yNumArray;\n            temp.push(item2);\n            this.seriesCenter7 = temp;\n            this.xAxisCenter7 = resp.data.xAxisArray;\n\n          }\n        );\n      },\n      getCenter8(queryParams){\n        center8Data(queryParams).then(\n          resp => {\n            if(queryParams.yearRadio2 == '0'){\n              this.otTitle = \"至今\"\n            }\n            else if(queryParams.yearRadio2 =='2015'){\n              this.otTitle=\"2016年以前\"\n            }else if(queryParams.yearRadio2 =='999'){\n              this.otTitle=\"2016-今\"\n            }else{\n              this.otTitle=queryParams.yearRadio2 +\"年\"\n            }\n            this.seriesCenter8 = resp.data.xAxisArray;\n            this.xAxisCenter8 = resp.data.yAxisArray;\n          }\n        );\n      },\n      toYearPage(year){\n        // this.$router.push({path:\"/project/infoShow/query\",query:{yearRadio2:year}} );\n      },\n      toyituoUnitPage(unit){\n        // let yearRadio = this.yearRadio2;\n        // this.$router.push({path:\"/project/infoShow/query\",query:{yituoUnit:unit,yearRadio2:yearRadio}} );\n\n      },\n\n      toUserNamePage(userName){\n        // let yearRadio = this.yearRadio2;\n        // this.$router.push({path:\"/project/infoShow/query\",query:{userName:userName,yearRadio2:yearRadio}} );\n\n      },\n      /** 重置按钮操作 */\n      resetQuery() {\n        this.resetForm(\"queryForm\");\n        this.queryParams.yearRadio2 = \"0\" ;\n        this.queryParams.secrecyLevel = \"0\" ;\n        this.queryParams.type = \"0\" ;\n        this.queryParams.departmentId = \"0\" ;\n        this.queryParams.searchValue=null;\n        this.handleQuery();\n      },\n      // 多选框选中数据\n      handleSelectionChange(selection) {\n        this.ids = selection.map((item) => item.id);\n        this.single = selection.length !== 1;\n        this.multiple = !selection.length;\n      },\n      /** 新增按钮操作 */\n      handleAdd() {\n        this.reset();\n        this.open = true;\n        this.title = \"添加【请填写功能名称】\";\n      },\n      /** 修改按钮操作 */\n      handleUpdate(row) {\n        this.reset();\n        const id = row.id || this.ids;\n        getInfo(id).then((response) => {\n          this.form = response.data;\n          this.open = true;\n          this.title = \"修改【请填写功能名称】\";\n        });\n      },\n      /** 提交按钮 */\n      submitForm() {\n        this.$refs[\"form\"].validate((valid) => {\n          if (valid) {\n            if (this.form.id != null) {\n              updateInfo(this.form).then((response) => {\n                if (response.code === 200) {\n                  this.msgSuccess(\"修改成功\");\n                  this.open = false;\n                  this.getList();\n                }\n              });\n            } else {\n              addInfo(this.form).then((response) => {\n                if (response.code === 200) {\n                  this.msgSuccess(\"新增成功\");\n                  this.open = false;\n                  this.getList();\n                }\n              });\n            }\n          }\n        });\n      },\n      /** 删除按钮操作 */\n      handleDelete(row) {\n        const ids = row.id;\n        this.$confirm(\n          '是否确认删除项目编号为\"' + row.code + '\"的数据项?',\n          \"警告\",\n          {\n            confirmButtonText: \"确定\",\n            cancelButtonText: \"取消\",\n            type: \"warning\",\n          }\n        )\n          .then(function () {\n            return delInfo(ids);\n          })\n          .then(() => {\n            this.getList();\n            this.msgSuccess(\"删除成功\");\n          })\n          .catch(function () {});\n      },\n      /** 导出按钮操作 */\n      handleExport() {\n        const queryParams = this.queryParams;\n        this.$confirm(\"是否确认导出所有【请填写功能名称】数据项?\", \"警告\", {\n          confirmButtonText: \"确定\",\n          cancelButtonText: \"取消\",\n          type: \"warning\",\n        })\n          .then(function () {\n            return exportInfo(queryParams);\n          })\n          .then((response) => {\n            this.download(response.msg);\n          })\n          .catch(function () {});\n      },\n      // 文件上传中处理\n      handleProjectFileUploadProgress(event, file, fileList) {\n        this.uploadProject.isUploading = true;\n      },\n      beforeProjectFileUpload(file) {\n        const isLt200M = file.size / 1024 / 1024 < 300;\n        if (!isLt200M) {\n          this.$message.error(\"上传大小不能超过 200MB!\");\n        }\n        return isLt200M;\n      },\n      // 文件上传成功处理\n      handleProjectFileSuccess(response, file, fileList) {\n        this.uploadProject.open = false;\n        this.uploadProject.isUploading = false;\n        this.$refs.uploadProject.clearFiles();\n        this.$alert(response.msg, \"导入结果\", { dangerouslyUseHTMLString: true });\n        this.getList();\n      },\n      // 提交上传文件\n      submitFileForm() {\n        this.$refs.uploadProject.submit();\n      },\n      importTemplate() {\n        importTemplate().then((response) => {\n          this.download(response.msg);\n        });\n      },\n      viewAnnexBookFile(row){\n        this.upload.fileList = [];\n        this.formatUploadAnnex(row.annexName,row.annexPath);\n        this.upload.open = true;\n      },\n      //格式化上传附件\n      formatUploadAnnex(annexName,annexPath){\n        this.upload.fileList = [];\n        if (annexPath != null && annexPath !== ''){\n          let a = [],b = [];\n          try {\n            a = JSON.parse(annexName) ;\n            b = JSON.parse(annexPath) ;\n          }catch (e){\n            a=[];\n            b=[];\n          }\n          for (let i = 0;i<a.length;i++){\n            this.upload.fileList.push({\n              'name':a[i],\n              'url':process.env.VUE_APP_BASE_API + b[i]\n            })\n          }\n        }else {\n          this.upload.fileList = [];\n        }\n\n\n      },\n      handlePreview(file) {\n        var a = document.createElement('a');\n        var event = new MouseEvent('click');\n        a.download = file.name;\n        a.target = '_blank';\n        a.href = file.url;\n        a.dispatchEvent(event);\n\n      },\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  .circleButton {\n    /deep/  .el-radio-button__inner {\n      padding: 9px 10px;\n      font-size: 20px;\n      margin: 6px 10px;\n      border: 1px;\n      border-radius: 17px  !important;\n      /*background-color: #f2f1f5;*/\n    }\n    .el-form-item{\n      margin-bottom: 0;\n    }\n  }\n  // 分页\n  .explore_right_pages {\n\n\n    /deep/.el-pagination .el-pagination__total {\n      color: #999999;\n      font-size: 18px;\n    }\n\n    /deep/.el-pagination .el-pagination__jump {\n      color: #999999;\n      font-size: 18px;\n\n      .input{\n        margin-left: 10px;\n        margin-right: 10px;\n      }\n      .el-pagination__editor{\n        margin-left: 10px;\n        margin-right: 10px;\n        .el-input__inner{\n          height: 26px;\n          margin-top: 2px;\n        }\n      }\n    }\n\n\n\n  }\n\n\n  .rightDialog{\n    right: 0;\n    margin-right: 0;\n    left:auto;\n  }\n  .font{\n    font-size: 20px;\n    font-weight: 700;\n  }\n  .lab{\n    float: left;\n    margin-top: 10px\n  }\n  .fontT{\n    font-size: 20px;\n\n  }\n</style>\n"]}]}