{"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\\queryList.vue?vue&type=style&index=0&id=564434dc&lang=scss&scoped=true&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-html\\RK-project\\ruoyi-ui\\src\\views\\project\\infoShow\\queryList.vue","mtime":1638693274850},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmNpcmNsZUJ1dHRvbiB7CiAgL2RlZXAvICAuZWwtcmFkaW8tYnV0dG9uX19pbm5lciB7CiAgICBwYWRkaW5nOiA5cHggMTBweDsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIG1hcmdpbjogNnB4IDEwcHg7CiAgICBib3JkZXI6IDFweDsKICAgIGJvcmRlci1yYWRpdXM6IDE3cHggICFpbXBvcnRhbnQ7CiAgICAvKmJhY2tncm91bmQtY29sb3I6ICNmMmYxZjU7Ki8KICB9CiAgLmVsLWZvcm0taXRlbXsKICAgIG1hcmdpbi1ib3R0b206IDA7CiAgfQp9Ci5yaWdodERpYWxvZ3sKICByaWdodDogMDsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbGVmdDphdXRvOwp9Ci5mb250ewoKICBmb250LXNpemU6IDIwcHg7CiAgZm9udC13ZWlnaHQ6IDcwMDsKfQo="},{"version":3,"sources":["queryList.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"queryList.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:260px;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\"\n            >图表</el-button\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;margin-right: 10px\"\n                      v-model=\"queryParams.userName\"\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=\"handleUserNameQuery\"\n            >图表</el-button\n            >\n\n            <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\"\n            >重置</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=\"0\" border>全部</el-radio-button>\n          <el-radio-button label=\"999\" border >2016年至今</el-radio-button>\n\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\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\" @change=\"handleQuery\">\n          <el-radio-button label=\"0\" 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=\"17\" border>学部重大</el-radio-button>\n          <el-radio-button label=\"19\" border>学部重点</el-radio-button>\n          <el-radio-button label=\"18\" border>行业院重点</el-radio-button>\n          <el-radio-button label=\"16\" border>行业院重大</el-radio-button>\n          <el-radio-button label=\"6\" border>高端智库</el-radio-button>\n          <el-radio-button label=\"999\" 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    <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\" >\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\n        width=\"180\"\n        sortable=\"custom\"\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        sortable=\"custom\"\n      />\n            <el-table-column label=\"项目类型\" align=\"center\" prop=\"type\" width=\"110\" :formatter=\"typeFormat\" sortable=\"custom\"/>\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.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>\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\n    <el-dialog  :modal=\"false\" title=\"项目查询\" :show-close=\"false\" :close-on-click-modal=\"false\" :visible=\"nameTuOpen\" width=\"600px\" class=\"rightDialog\"    >\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      <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          <h2 style=\"padding-left: 100px\">经费合计：</h2>\n          <h1 style=\"text-align:center\">{{this.totalBuget}}万元</h1>\n        </el-col>\n      </el-row>\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\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\">\n            <el-radio label=\"1\" size=\"medium\"><span class=\"font\">秘密</span></el-radio>\n            <el-radio label=\"2\" size=\"mini\"><span class=\"font\">机密</span></el-radio>\n            <el-radio label=\"3\"><span class=\"font\">非密</span ></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>\nimport {\n  listInfo,\n  getInfo,\n  delInfo,\n  addInfo,\n  updateInfo,\n  exportInfo,\n  importTemplate,\n} from \"@/api/project/info2\";\nimport { getToken } from \"@/utils/auth\";\nimport BLYiTuoChart from \"../../dashboard/BLYiTuoChart\";\nimport BarChart3 from \"../../dashboard/BarChart3\";\nimport BarLineChart from \"../../dashboard/BarLineChart\";\nimport {totalBugetData,left1Data, left7Data,center8Data,left7Data2} from \"@/api/project/info3\";\n\nexport default {\n  name: \"Info\",\n  components: {\n    BLYiTuoChart,\n    BarChart3,\n    BarLineChart\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      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      // 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      console.log(this.queryParams.secrecyLevel ,\"---------------------\");\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.getList();\n    },\n    handleNameQuery(){\n      this.nameTuOpen = true;\n      this.queryParams.pageNum = 1;\n      this.getList();\n      this.getLeft7(this.queryParams);\n      this.getCenter8(this.queryParams);\n    },\n    handleUserNameQuery(){\n      this.userNameTuOpen = true;\n      this.queryParams.pageNum = 1;\n      this.getList();\n      this.getTotalBuget(this.queryParams);\n      this.getLeft1(this.queryParams);\n    },\n    getTotalBuget(queryParams){\n      totalBugetData(queryParams).then(\n        resp=>{\n          // console.log(resp.data.totalBudget)\n          this.totalBuget = resp.data.totalBudget\n        }\n      );\n    },\n    getLeft1(queryParams){\n      left1Data(queryParams).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          // console.log(this.seriesCenter5)\n        }\n      );\n    },\n    getLeft7(queryParams){\n      left7Data(queryParams).then(\n        resp => {\n          if(this.yearRadio2 =='2015'){\n            this.otTitle=\"2016年以前\"\n          }else if(this.yearRadio2 =='999'){\n            this.otTitle=\"2016-今\"\n          }else{\n\n            if (this.yearRadio2!=undefined){\n              this.otTitle=this.yearRadio2 +\"年\"\n            }else {\n              this.otTitle='2016-今';\n            }\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 = '2015'\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.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.rightDialog{\n  right: 0;\n  margin-right: 0;\n  left:auto;\n}\n.font{\n\n  font-size: 20px;\n  font-weight: 700;\n}\n</style>\n"]}]}