{"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\\project\\infoShow\\gdQueryList.vue?vue&type=style&index=0&id=49264ab5&lang=scss&scoped=true&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\project\\infoShow\\gdQueryList.vue","mtime":1636877173740},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmNpcmNsZUJ1dHRvbiB7CiAgL2RlZXAvICAuZWwtcmFkaW8tYnV0dG9uX19pbm5lciB7CiAgICBwYWRkaW5nOiA5cHggMTBweDsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIG1hcmdpbjogNnB4IDEwcHg7CiAgICBib3JkZXI6IDFweDsKICAgIGJvcmRlci1yYWRpdXM6IDE3cHggICFpbXBvcnRhbnQ7CiAgICAvKmJhY2tncm91bmQtY29sb3I6ICNmMmYxZjU7Ki8KICB9CiAgLmVsLWZvcm0taXRlbXsKICAgIG1hcmdpbi1ib3R0b206IDA7CiAgfQp9Cg=="},{"version":3,"sources":["gdQueryList.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAk9BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"gdQueryList.vue","sourceRoot":"src/views/project/infoShow","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    >\n      <el-row>\n        <el-col :span=\"8\">\n          <el-form-item label=\"项目名称\" prop=\"name\">\n            <el-input style=\"width:160px\"\n                      v-model=\"queryParams.name\"\n                      placeholder=\"请输入项目名称\"\n                      clearable\n                      size=\"small\"\n                      @keyup.enter.native=\"handleQuery\"\n                      @blur=\"handleQuery\"\n            />\n\n\n\n          </el-form-item>\n        </el-col>\n        <el-col :span=\"8\">\n          <el-form-item label=\"项目负责人\" prop=\"userName\">\n            <el-input style=\"width:160px\"\n                      v-model=\"queryParams.userName\"\n                      placeholder=\"请输入负责人名称\"\n                      clearable\n                      size=\"small\"\n                      @keyup.enter.native=\"handleQuery\"\n                      @blur=\"handleQuery\"\n            />\n            <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\"\n                       style=\"margin-left: 10px\">重置</el-button\n            >\n          </el-form-item>\n      </el-col>\n\n      </el-row>\n\n\n      <el-form-item label=\"项目年份\" prop=\"yearRadio2\">\n        <el-radio-group v-model=\"queryParams.yearRadio2\" @change=\"handleQuery\">\n          <el-radio-button label=\"999\" border>全部</el-radio-button>\n          <el-radio-button\n            v-for=\"dict in yearOptions\"\n            :key=\"dict\"\n            :label=\"dict\"\n            border\n            >{{ dict }}</el-radio-button\n          >\n<!--          <el-radio-button label=\"2015\" border>2016年以前</el-radio-button>-->\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"秘密级别\" prop=\"secrecyLevel\">\n        <el-radio-group v-model=\"queryParams.secrecyLevel\" size=\"small\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border>全部</el-radio-button>\n          <el-radio-button label=\"1\" border>机密</el-radio-button>\n          <el-radio-button label=\"2\" border>秘密</el-radio-button>\n          <el-radio-button label=\"4\" border>内部</el-radio-button>\n          <el-radio-button label=\"3\" border>非密</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"联系部门\" prop=\"departmentId\">\n        <el-radio-group v-model=\"queryParams.departmentId\" size=\"small\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" border\n          >全部</el-radio-button>\n          <el-radio-button label=\"25\" border\n            >机械学部</el-radio-button\n          >\n          <el-radio-button label=\"26\" border\n            >信息学部</el-radio-button\n          >\n          <el-radio-button label=\"27\" border\n            >化工学部</el-radio-button\n          >\n          <el-radio-button label=\"28\" border\n            >能源学部</el-radio-button\n          >\n          <el-radio-button label=\"29\" border\n            >土木学部</el-radio-button\n          >\n          <el-radio-button label=\"30\" border\n            >环境学部</el-radio-button\n          >\n          <el-radio-button label=\"31\" border>农业学部</el-radio-button>\n          <el-radio-button label=\"32\" border>医药学部</el-radio-button>\n          <el-radio-button label=\"33\" border>工管学部</el-radio-button>\n          <el-radio-button label=\"149\" border>战略咨询中心</el-radio-button>\n          <el-radio-button label=\"998\" border>行业研究院</el-radio-button>\n          <el-radio-button label=\"999\" border>其他</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n<!--      <el-form-item label=\"项目类型\" prop=\"type\">-->\n<!--        <el-radio-group v-model=\"queryParams.type\">-->\n<!--          <el-radio-button label=\"\" border>全部</el-radio-button>-->\n<!--          <el-radio-button label=\"2\" border>重点</el-radio-button>-->\n<!--          <el-radio-button label=\"1\" border>重大</el-radio-button>-->\n<!--          <el-radio-button label=\"4\" border>中长期</el-radio-button>-->\n<!--          <el-radio-button label=\"6\" border>高端智库</el-radio-button>-->\n<!--        </el-radio-group>-->\n<!--      </el-form-item>-->\n\n      <el-form-item>\n<!--        <el-button-->\n<!--          type=\"cyan\"-->\n<!--          icon=\"el-icon-search\"-->\n<!--          size=\"mini\"-->\n<!--          @click=\"handleQuery\"-->\n<!--          >搜索</el-button-->\n<!--        >-->\n\n      </el-form-item>\n    </el-form>\n\n    <!--图表-->\n    <el-row :gutter=\"32\">\n\n      <el-col :xs=\"12\" :sm=\"12\" :lg=\"8\">\n        <div class=\"chart-wrapper\">\n          <!-- <raddar-chart /> -->\n          <BarLineChart :blXData=\"blX\" :blLgData=\"blLg\" :blSerData=\"blSer\" :blTitle=\"blTitle\"/>\n        </div>\n      </el-col>\n\n      <el-col :xs=\"12\" :sm=\"12\" :lg=\"8\">\n        <div class=\"chart-wrapper\">\n          <pie-chart :pieLegend=\"pieLgData\" :pieData=\"pieData\" :otTitle=\"otTitle\" @deptToPage=\"toDeptPage\"/>\n        </div>\n      </el-col>\n\n\n      <el-col :xs=\"12\" :sm=\"12\" :lg=\"8\">\n        <div class=\"chart-wrapper\">\n          <bar-chart3 :xAxisDataLeft8=\"xAxisCenter8\"  :otTitle=\"otTitle\" :seriesDataLeft8=\"seriesCenter8\" @userNamePage=\"toUserNamePage\"/>\n        </div>\n      </el-col>\n\n    </el-row>\n    <br/><br/>\n\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 type=\"selection\" width=\"55\" align=\"center\" />-->\n      <!--      <el-table-column label=\"主键id\" align=\"center\" prop=\"id\" />-->\n      <!--      <el-table-column label=\"项目类别\" align=\"center\" prop=\"category\" :formatter=\"categoryFormat\" width=\"180\" sortable=\"custom\"/>-->\n\n     <!-- <el-table-column label=\"项目编号\" align=\"center\" prop=\"code\" width=\"110\" sortable=\"custom\">\n        <template slot-scope=\"scope\">\n          <router-link :to=\"{path:'/project/info/view',query: {id: scope.row.id,view:'edit'}}\" class=\"link-type\"  >\n            <el-popover\n              placement=\"top-start\"\n              :title=\"scope.row.code\"\n              width=\"200\"\n              trigger=\"hover\"\n              :content=\"scope.row.name\">\n              <span style=\"color: #b18603\" slot=\"reference\"> {{ scope.row.code}}\n              </span>\n            </el-popover>\n          </router-link>\n        </template>\n            </el-table-column>\n      <el-table-column label=\"项目名称\" align=\"center\" prop=\"code\" width=\"180\" sortable=\"custom\">\n        <template slot-scope=\"scope\">\n          <router-link :to=\"{path:'/project/info/view',query: {id: scope.row.id,view:'edit'}}\" class=\"link-type\"  >\n            <el-popover\n              placement=\"top-start\"\n              :title=\"scope.row.code\"\n              width=\"200\"\n              trigger=\"hover\"\n              :content=\"scope.row.name\">\n              <span style=\"color: #b18603\" slot=\"reference\"> {{ scope.row.name}}\n              </span>\n            </el-popover>\n          </router-link>\n        </template>\n      </el-table-column>-->\n      <el-table-column label=\"序号\" align=\"center\" type=\"index\" width=\"40\">\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        prop=\"code\"\n        width=\"140\"\n        sortable=\"custom\"\n      />\n      <el-table-column\n        label=\"项目名称\"\n        align=\"center\"\n        prop=\"name\"\n        width=\"310\"\n        sortable=\"custom\"\n      />\n            <el-table-column label=\"项目类型\" align=\"center\" prop=\"type\" width=\"150\" :formatter=\"typeFormat\" sortable=\"custom\"/>\n      <el-table-column\n        label=\"密级\"\n        align=\"center\"\n        prop=\"secrecyLevel\"\n        :formatter=\"secretFormat\"\n        width=\"100\"\n      />\n      <el-table-column label=\"联系部门\" align=\"center\" prop=\"departmentName\" width=\"200\"/>\n      <!--      <el-table-column label=\"项目联系部门\" align=\"center\" prop=\"departmentId\" />-->\n      <el-table-column label=\"负责人\" align=\"center\" prop=\"userName\"  width=\"130\"/>\n\n      <el-table-column\n        label=\"经费\"\n        align=\"center\"\n        prop=\"totalOutlay\"   width=\"110\"\n      />\n      <el-table-column label=\"依托单位\" align=\"center\" prop=\"yituoUnit\" width=\"235\"/>\n      <el-table-column\n        label=\"项目状态\"\n        align=\"center\"\n        prop=\"status\"\n        :formatter=\"statusFormat\"  width=\"130\"\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.bookFile != null &&scope.row.bookFile != '[]'\">\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-column label=\"研究期限\" align=\"center\" prop=\"deadline\" width=\"110\" sortable=\"custom\"/>-->\n      <!--      <el-table-column label=\"总经费控制数\" align=\"center\" prop=\"totalOutlay\" width=\"130\" sortable=\"custom\"/>-->\n      <!--      <el-table-column label=\"第一年经费控制数\" align=\"center\" prop=\"firstOutlay\" />-->\n      <!--      <el-table-column label=\"第二年经费控制数\" align=\"center\" prop=\"secondOutlay\" />-->\n\n      <!--      <el-table-column label=\"开始时间\" align=\"center\" prop=\"beginDate\" width=\"110\">-->\n      <!--        <template slot-scope=\"scope\">-->\n      <!--          <span>{{ parseTime(scope.row.beginDate, '{y}-{m}-{d}') }}</span>-->\n      <!--        </template>-->\n      <!--      </el-table-column>-->\n      <!--      <el-table-column label=\"完成时间\" align=\"center\" prop=\"completeDate\" width=\"110\">-->\n      <!--        <template slot-scope=\"scope\">-->\n      <!--          <span>{{ parseTime(scope.row.completeDate, '{y}-{m}-{d}') }}</span>-->\n      <!--        </template>-->\n      <!--      </el-table-column>-->\n      <!--      <el-table-column label=\"填报截止时间\" align=\"center\" prop=\"endDate\" width=\"180\">-->\n      <!--        <template slot-scope=\"scope\">-->\n      <!--          <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>-->\n      <!--        </template>-->\n      <!--      </el-table-column>-->\n<!--      <el-table-column-->\n<!--        label=\"立项时间\"-->\n<!--        align=\"center\"-->\n<!--        prop=\"approvalDate\"-->\n<!--        width=\"110\"-->\n<!--      >-->\n<!--        <template slot-scope=\"scope\">-->\n<!--          <span>{{ parseTime(scope.row.approvalDate, \"{y}-{m}-{d}\") }}</span>-->\n<!--        </template>-->\n<!--      </el-table-column>-->\n\n<!--      <el-table-column-->\n<!--        label=\"是否保密\"-->\n<!--        align=\"center\"-->\n<!--        prop=\"isSecrecy\"-->\n<!--        :formatter=\"isSecrecyFormat\"-->\n<!--      />-->\n\n      <!--      <el-table-column label=\"保密期限\" align=\"center\" prop=\"secrecyTerm\" />-->\n      <!--      <el-table-column label=\"是否下设课题\" align=\"center\" prop=\"isTopic\" :formatter=\"isTopicFormat\"/>-->\n      <!--      <el-table-column label=\"项目研究总体任务及目标\" align=\"center\" prop=\"taskTarget\" />-->\n      <!--      <el-table-column label=\"项目预期成果及考核指标\" align=\"center\" prop=\"resultTarget\" />-->\n      <!--      <el-table-column label=\"项目拟采取的研究方法、技术路线\" align=\"center\" prop=\"methodRoute\" />-->\n      <!--      <el-table-column label=\"项目研究计划\" align=\"center\" prop=\"plan\" />-->\n      <!--      <el-table-column label=\"预算开支说明\" align=\"center\" prop=\"spendExplain\" />-->\n      <!--      <el-table-column label=\"依托单位id\" align=\"center\" prop=\"relyId\" />-->\n      <!--      <el-table-column label=\"最终编辑时间\" align=\"center\" prop=\"lastDate\" width=\"180\">-->\n      <!--        <template slot-scope=\"scope\">-->\n      <!--          <span>{{ parseTime(scope.row.lastDate, '{y}-{m}-{d}') }}</span>-->\n      <!--        </template>-->\n      <!--      </el-table-column>-->\n      <!--      <el-table-column label=\"学部评审状态\" align=\"center\" prop=\"reviewStatusXb\" />-->\n      <!--      <el-table-column label=\"财务评审状态\" align=\"center\" prop=\"reviewStatusCw\" />-->\n\n<!--      <el-table-column label=\"批示建议\" align=\"center\" prop=\"pishiContent\" />-->\n      <!--      <el-table-column label=\"实际第一年预算经费\" align=\"center\" prop=\"firstBudget\" />-->\n      <!--      <el-table-column label=\"实际第二年预算经费\" align=\"center\" prop=\"secondBudget\" />-->\n      <!--      <el-table-column label=\"申请书id\" align=\"center\" prop=\"applyId\" />-->\n      <!--      <el-table-column label=\"项目来源\" align=\"center\" prop=\"projectSource\" width=\"110\" :formatter=\"sourceFormat\" sortable=\"custom\"/>-->\n      <!--      <el-table-column label=\"项目来源单位\" align=\"center\" prop=\"projectSourceCompany\" />-->\n      <!--      <el-table-column label=\"咨询办评审状态\" align=\"center\" prop=\"reviewStatusZwh\" />-->\n      <!--      <el-table-column label=\"是否同意协议\" align=\"center\" prop=\"isAgreement\" />-->\n      <!--      <el-table-column label=\"依托单位负责人\" align=\"center\" prop=\"relyUnitHead\" />-->\n      <!--      <el-table-column label=\"依托单位财务负责人\" align=\"center\" prop=\"relyUnitHeadtocw\" />-->\n      <!--      <el-table-column label=\"项目研究周期\" align=\"center\" prop=\"taskPeriod\" />-->\n      <!--      <el-table-column label=\"项目其他工作计划\" align=\"center\" prop=\"otherplan\" />-->\n      <!--      <el-table-column label=\"研究目标复选框\" align=\"center\" prop=\"point\" />-->\n      <!--      <el-table-column label=\"项目预期成果复选框\" align=\"center\" prop=\"result\" />-->\n      <!--      <el-table-column label=\"项目预期成果复选框7的描述\" align=\"center\" prop=\"introduction\" />-->\n      <!--      <el-table-column label=\"用款计划比例\" align=\"center\" prop=\"proprotion\" />-->\n      <!--      <el-table-column label=\"区分研究期限单位：年 月\" align=\"center\" prop=\"term\" />-->\n    </el-table>\n\n    <pagination\n      v-show=\"total > 0\"\n      :total=\"total\"\n      :page.sync=\"queryParams.pageNum\"\n      :limit.sync=\"queryParams.pageSize\"\n      @pagination=\"getList\"\n    />\n\n    <!-- 用户导入对话框 -->\n    <el-dialog\n      :title=\"uploadProject.title\"\n      :visible.sync=\"uploadProject.open\"\n      width=\"400px\"\n      append-to-body\n    >\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      >\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  </div>\n</template>\n\n<script>\n  import BarLineChart from \"../../dashboard/BarLineChart\";\n  import PieChart from \"../../dashboard/PieChart\";\n  import BarChart3 from \"../../dashboard/BarChart3\";\nimport {\n  listInfo,\n  getInfo,\n  delInfo,\n  addInfo,\n  updateInfo,\n  exportInfo,\n  importTemplate,\n} from \"@/api/project/info2\";\nimport { left1Data,left4Data,center8Data} from \"@/api/project/info3\";\n\nimport { getToken } from \"@/utils/auth\";\nexport default {\n  name: \"Info\",\n  components: {\n    BarLineChart,\n    PieChart,\n    BarChart3,\n  },\n  data() {\n    return {\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      statusOptions: [],\n      typeOptions: [],\n      secretOptions: [],\n      sourceOptions: [],\n      categoryOptions: [],\n      yesNoOptions: [],\n      yearOptions: [],\n      xAxisCenter8:[],\n      seriesCenter8:[],\n      pieData:[],\n      pieLgData:[],\n      blX:[],\n      blLg:[],\n      blSer:[],\n      blTitle:\"\",\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: '6',\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      },\n      // 表单参数\n      form: {},\n      // 表单校验\n      rules: {},\n    };\n  },\n  created() {\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.queryParams.type = '6';\n    this.queryParams.yearRadio2 = \"999\" ;\n    this.queryParams.secrecyLevel = \"0\" ;\n    this.queryParams.departmentId = \"0\" ;\n    this.getList();\n    this.getLeft1(this.queryParams);\n    this.getLeft4(this.queryParams);\n    this.getCenter8(this.queryParams);\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  methods: {\n    getLeft1(queryParams){\n      left1Data(queryParams).then(\n        resp=>{\n\n          this.blTitle=\"2016-今\";\n          this.blLg = ['项目数', '经费数'];\n          this.blX =['2016', '2017', '2018', '2019', '2020', '2021'];\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          // 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          // console.log(this.seriesCenter5)\n        }\n      );\n    },\n    getLeft4(queryParams){\n      left4Data(queryParams).then(\n        resp=>{\n          if( queryParams.yearRadio2 == '999'){\n            this.otTitle=\"2016-今\"\n          }else{\n            this.otTitle=queryParams.yearRadio2 +\"年\"\n          }\n          this.pieLgData = resp.data.legendData;\n          this.pieData=resp.data.pieData;\n          console.log(this.pieData)\n        }\n      );\n    },\n    getCenter8(queryParams){\n      center8Data(queryParams).then(\n        resp => {\n          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\n    sortChange(column, prop, order) {\n      // console.log(column.prop); //prop标签 => nickname\n      // console.log(column.order);//descending降序、ascending升序\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\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    },\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    /** 搜索按钮操作 */\n    handleQuery() {\n      this.queryParams.pageNum = 1;\n      this.queryParams.type = '6';\n      this.getList();\n      this.getLeft1(this.queryParams);\n      this.getLeft4(this.queryParams);\n      this.getCenter8(this.queryParams);\n    },\n    /** 重置按钮操作 */\n    resetQuery() {\n      this.resetForm(\"queryForm\");\n      this.queryParams.type = '6';\n      this.queryParams.yearRadio2 = \"999\" ;\n      this.queryParams.secrecyLevel = \"0\" ;\n      this.queryParams.type = \"0\" ;\n      this.queryParams.departmentId = \"0\" ;\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.bookFile,row.bookFilePath);\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      console.log(file.name);\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: 12px;\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</style>\n"]}]}