{"version":3,"sources":["webpack:///./src/view/dataScreen/index.vue?d0de","webpack:///./src/view/dataScreen/components/task-matters.vue?da12","webpack:///./src/view/dataScreen/index.vue","webpack:///./src/view/dataScreen/components/project-carousel.vue","webpack:///src/view/dataScreen/components/project-carousel.vue","webpack:///./src/view/dataScreen/components/project-carousel.vue?ab86","webpack:///./src/view/dataScreen/components/project-carousel.vue?df79","webpack:///./src/view/dataScreen/components/task-matters.vue","webpack:///src/view/dataScreen/components/task-matters.vue","webpack:///./src/view/dataScreen/components/task-matters.vue?0527","webpack:///./src/view/dataScreen/components/task-matters.vue?ee2d","webpack:///src/view/dataScreen/index.vue","webpack:///./src/view/dataScreen/index.vue?2579","webpack:///./src/view/dataScreen/index.vue?32ec","webpack:///./src/view/dataScreen/components/project-carousel.vue?7bb6"],"names":["render","_vm","this","_c","_self","attrs","staticClass","$toUrl","_v","_l","projectList","item","index","key","oid","class","active","currentIndex","on","$event","_s","project_name","length","_e","taskList","swiperProjectList","ref","projectDetail","project_intro","running_rate","complete_rate","scopedSlots","_u","fn","proxy","delay_rate","staticRenderFns","swiperProject","swiperIndex","red","yellow","blue","admin_name","props","type","default","component","_m","creator_name","issue_name","name","components","TaskMatters","ProjectCarousel","data","timerId1","timerId2","mounted","location","watch","handler","allItems","computed","totalRate","methods","prjoid","page_size","setupAutoScroll","content","setInterval","beforeDestroy","clearInterval"],"mappings":"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","file":"js/chunk-5f62a49a.796d81b6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=7d0e6152&prod&lang=less&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./task-matters.vue?vue&type=style&index=0&id=630a9b29&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-scale-screen',{attrs:{\"width\":\"1920\",\"height\":\"1080\"}},[_c('div',{staticClass:\"screen-container\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":_vm.$toUrl('edp-logo.png'),\"alt\":\"\"}})]),_c('div',{staticClass:\"title\"},[_vm._v(\"项目状态汇总\")])]),_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"project\"},[_vm._l((_vm.projectList),function(item,index){return _c('div',{key:item.oid,staticClass:\"project-items\",class:{active:_vm.currentIndex===index},on:{\"click\":function($event){_vm.currentIndex=index}}},[_c('div',{staticClass:\"title ellipsis-text\"},[_vm._v(_vm._s(item.project_name))])])}),((17-_vm.projectList.length)>0)?_vm._l(((17-_vm.projectList.length)),function(item){return _c('div',{key:item,staticClass:\"project-items\"},[_c('div',{staticClass:\"title ellipsis-text\"})])}):_vm._e()],2),_c('task-matters',{attrs:{\"task-list\":_vm.taskList}}),_c('div',{staticClass:\"responsible-person-project\"},[(_vm.swiperProjectList.length>0)?_c('project-carousel',{attrs:{\"swiper-project-list\":_vm.swiperProjectList}}):_vm._e(),_c('div',{staticClass:\"bottom\"},[_c('div',{ref:\"scrollBox\",staticClass:\"announcement\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.projectDetail?.project_name)+\"公告\")]),_c('div',{ref:\"content\",staticClass:\"content\"},[_vm._v(_vm._s(_vm.projectDetail?.project_intro))])]),_c('div',{staticClass:\"completion\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.projectDetail?.project_name)+\"完成情况\")]),_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"ring\"},[_c('a-progress',{attrs:{\"percent\":_vm.running_rate+_vm.complete_rate,\"success-percent\":_vm.complete_rate,\"width\":250,\"type\":\"circle\",\"strokeColor\":\"#FFA522\"},scopedSlots:_vm._u([{key:\"format\",fn:function(){return [_c('div',{staticClass:\"percentage\"},[_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.projectDetail?.complete_rate))]),_c('span',{staticClass:\"percentSign\"},[_vm._v(\"%\")])]),_c('div',{staticClass:\"text\"},[_vm._v(\"完成率\")])]},proxy:true}])})],1),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"dot yellow\"}),_c('div',{staticClass:\"text\"},[_vm._v(\"未完成率: \"+_vm._s(_vm.projectDetail?.running_rate)+\"%\")])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"dot red\"}),_c('div',{staticClass:\"text\"},[_vm._v(\"延误率: \"+_vm._s(_vm.projectDetail?.delay_rate)+\"%\")])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"dot blue\"}),_c('div',{staticClass:\"text\"},[_vm._v(\"已完成率: \"+_vm._s(_vm.projectDetail?.complete_rate)+\"%\")])])])])])])],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"project-carousel\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"负责人项目\")]),_c('a-carousel',{attrs:{\"dots\":false,\"autoplay\":\"\",\"autoplaySpeed\":10000}},_vm._l((_vm.swiperProjectList),function(swiperProject,swiperIndex){return _c('div',{key:`swiper${swiperIndex}`,staticClass:\"project\"},[_vm._l((swiperProject),function(item){return _c('div',{key:item.oid,staticClass:\"project-item\"},[_c('div',{staticClass:\"title ellipsis-text\"},[_vm._v(_vm._s(item.project_name))]),_c('div',{staticClass:\"schedule\",class:{red:item.delay_rate>90,yellow:item.delay_rate<90&&item.delay_rate>60,blue:item.delay_rate<60}},[_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(item.complete_rate))]),(item.complete_rate)?_c('span',{staticClass:\"percent-sign\"},[_vm._v(\"%\")]):_vm._e()]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.admin_name))])])}),((15-swiperProject.length)>0)?_vm._l(((15-swiperProject.length)),function(item,index){return _c('div',{key:index,staticClass:\"project-item\"},[_c('div',{staticClass:\"title\"}),_c('div',{staticClass:\"schedule\"},[_c('span',{staticClass:\"num\"}),_c('span',{staticClass:\"percent-sign\"})]),_c('div',{staticClass:\"name\"})])}):_vm._e()],2)}),0)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"project-carousel\">\r\n    <div class=\"title\">负责人项目</div>\r\n    <a-carousel :dots=\"false\" autoplay :autoplaySpeed=\"10000\">\r\n      <div class=\"project\" v-for=\"(swiperProject,swiperIndex) in swiperProjectList\"\r\n           :key=\"`swiper${swiperIndex}`\">\r\n        <div class=\"project-item\" v-for=\"item in swiperProject\" :key=\"item.oid\">\r\n          <div class=\"title ellipsis-text\">{{ item.project_name }}</div>\r\n          <div class=\"schedule\"\r\n               :class=\"{red:item.delay_rate>90,yellow:item.delay_rate<90&&item.delay_rate>60,blue:item.delay_rate<60}\">\r\n            <span class=\"num\">{{ item.complete_rate }}</span>\r\n            <span class=\"percent-sign\" v-if=\"item.complete_rate\">%</span>\r\n          </div>\r\n          <div class=\"name\">{{ item.admin_name }}</div>\r\n        </div>\r\n        <template v-if=\"(15-swiperProject.length)>0\">\r\n          <div class=\"project-item\" v-for=\"(item,index) in (15-swiperProject.length)\" :key=\"index\">\r\n            <div class=\"title\"></div>\r\n            <div class=\"schedule\">\r\n              <span class=\"num\"></span>\r\n              <span class=\"percent-sign\"></span>\r\n            </div>\r\n            <div class=\"name\"></div>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </a-carousel>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    swiperProjectList: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.project-carousel {\r\n  margin-bottom: 12px;\r\n\r\n  > .title {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    height: 51px;\r\n    line-height: 51px;\r\n    color: #FFFFFF;\r\n    margin-left: 14px;\r\n  }\r\n\r\n  .project {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    grid-template-rows: repeat(3, 167px);\r\n    grid-gap: 12px;\r\n\r\n    .project-item {\r\n      width: 272px;\r\n      background: #24262D;\r\n\r\n      &:nth-child(n+16) {\r\n        display: none;\r\n      }\r\n\r\n      .title {\r\n        height: 24px;\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        color: #FFFFFF;\r\n        margin: 20px 0 0 20px;\r\n      }\r\n\r\n      .schedule {\r\n        margin: 20px 0 0 20px;\r\n\r\n        &.blue {\r\n          color: #3779fd;\r\n        }\r\n\r\n        &.red {\r\n          color: #F22D59;\r\n        }\r\n\r\n        &.yellow {\r\n          color: #FFA522;\r\n        }\r\n\r\n        .num {\r\n          font-size: 42px;\r\n          font-weight: 700;\r\n        }\r\n\r\n        .percent-sign {\r\n          font-size: 16px;\r\n          font-weight: 700;\r\n        }\r\n      }\r\n\r\n      .name {\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        color: #FFFFFF;\r\n        margin: 5px 0 0 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./project-carousel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./project-carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./project-carousel.vue?vue&type=template&id=48d3ed51&scoped=true&\"\nimport script from \"./project-carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./project-carousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./project-carousel.vue?vue&type=style&index=0&id=48d3ed51&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"48d3ed51\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"task-matters\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"任务事项\")]),_vm._m(0),_vm._l((_vm.taskList),function(item){return _c('div',{key:item.oid,staticClass:\"item\"},[_c('div',{staticClass:\"left ellipsis-text\"},[_vm._v(_vm._s(item.creator_name))]),_c('div',{staticClass:\"right ellipsis-text\"},[_vm._v(_vm._s(item.issue_name))])])})],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"left\"},[_vm._v(\"负责人\")]),_c('div',{staticClass:\"right\"},[_vm._v(\"任务名称\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"task-matters\">\r\n    <div class=\"title\">任务事项</div>\r\n    <div class=\"info\">\r\n      <div class=\"left\">负责人</div>\r\n      <div class=\"right\">任务名称</div>\r\n    </div>\r\n    <div class=\"item\" v-for=\"item in taskList\" :key=\"item.oid\">\r\n      <div class=\"left ellipsis-text\">{{ item.creator_name }}</div>\r\n      <div class=\"right ellipsis-text\">{{ item.issue_name }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    taskList: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.task-matters {\r\n  width: 252px;\r\n  height: 100%;\r\n  border-top: 2px solid #3779FD;\r\n  margin-right: 12px;\r\n  box-sizing: border-box;\r\n\r\n  .title {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    height: 51px;\r\n    line-height: 51px;\r\n    color: #FFFFFF;\r\n    margin-left: 14px;\r\n  }\r\n\r\n  .info {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 40px;\r\n    font-size: 16px;\r\n    color: #FFFFFF;\r\n\r\n    .left {\r\n      width: 65px;\r\n      margin-left: 14px;\r\n    }\r\n\r\n    .right {\r\n      flex: 1;\r\n      margin-left: 24px;\r\n    }\r\n  }\r\n\r\n  .item {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 35px;\r\n    font-size: 16px;\r\n    color: #FFFFFF;\r\n\r\n    .left {\r\n      width: 65px;\r\n      margin-left: 14px;\r\n    }\r\n\r\n    .right {\r\n      flex: 1;\r\n      margin-left: 24px;\r\n    }\r\n\r\n    &:nth-of-type(2n+1) {\r\n      background-color: #24262D;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./task-matters.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./task-matters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./task-matters.vue?vue&type=template&id=630a9b29&scoped=true&\"\nimport script from \"./task-matters.vue?vue&type=script&lang=js&\"\nexport * from \"./task-matters.vue?vue&type=script&lang=js&\"\nimport style0 from \"./task-matters.vue?vue&type=style&index=0&id=630a9b29&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"630a9b29\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <v-scale-screen width=\"1920\" height=\"1080\">\r\n    <div class=\"screen-container\">\r\n      <div class=\"header\">\r\n        <div class=\"logo\">\r\n          <img :src=\"$toUrl('edp-logo.png')\" alt=\"\">\r\n        </div>\r\n        <div class=\"title\">项目状态汇总</div>\r\n      </div>\r\n      <div class=\"center\">\r\n        <div class=\"project\">\r\n          <div\r\n              class=\"project-items\"\r\n              v-for=\"(item,index) in projectList\"\r\n              :key=\"item.oid\"\r\n              :class=\"{active:currentIndex===index}\"\r\n              @click=\"currentIndex=index\"\r\n          >\r\n            <div class=\"title ellipsis-text\">{{ item.project_name }}</div>\r\n          </div>\r\n          <template v-if=\"(17-projectList.length)>0\">\r\n            <div\r\n                class=\"project-items\"\r\n                v-for=\"item in (17-projectList.length)\"\r\n                :key=\"item\"\r\n            >\r\n              <div class=\"title ellipsis-text\"></div>\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <task-matters :task-list=\"taskList\" />\r\n        <div class=\"responsible-person-project\">\r\n          <project-carousel v-if=\"swiperProjectList.length>0\" :swiper-project-list=\"swiperProjectList\" />\r\n          <div class=\"bottom\">\r\n            <div class=\"announcement\" ref=\"scrollBox\">\r\n              <div class=\"title\">{{ projectDetail?.project_name }}公告</div>\r\n              <div class=\"content\" ref=\"content\">{{ projectDetail?.project_intro }}</div>\r\n            </div>\r\n            <div class=\"completion\">\r\n              <div class=\"title\">{{ projectDetail?.project_name }}完成情况</div>\r\n              <div class=\"center\">\r\n                <div class=\"ring\">\r\n                  <a-progress :percent=\"running_rate+complete_rate\" :success-percent=\"complete_rate\" :width=\"250\"\r\n                              type=\"circle\"\r\n                              strokeColor=\"#FFA522\">\r\n                    <template #format>\r\n                      <div class=\"percentage\">\r\n                        <span class=\"num\">{{ projectDetail?.complete_rate }}</span>\r\n                        <span class=\"percentSign\">%</span>\r\n                      </div>\r\n                      <div class=\"text\">完成率</div>\r\n                    </template>\r\n                  </a-progress>\r\n                </div>\r\n                <div class=\"info\">\r\n                  <div class=\"item\">\r\n                    <div class=\"dot yellow\"></div>\r\n                    <div class=\"text\">未完成率: {{ projectDetail?.running_rate }}%</div>\r\n                  </div>\r\n                  <div class=\"item\">\r\n                    <div class=\"dot red\"></div>\r\n                    <div class=\"text\">延误率: {{ projectDetail?.delay_rate }}%</div>\r\n                  </div>\r\n                  <div class=\"item\">\r\n                    <div class=\"dot blue\"></div>\r\n                    <div class=\"text\">已完成率: {{ projectDetail?.complete_rate }}%</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </v-scale-screen>\r\n</template>\r\n\r\n<script>\r\nimport { fetch } from \"@/utils/request\";\r\nimport ProjectCarousel from \"@/view/dataScreen/components/project-carousel.vue\";\r\nimport TaskMatters from \"@/view/dataScreen/components/task-matters.vue\";\r\n\r\nexport default {\r\n  name: 'DataScreen',\r\n  components: { TaskMatters, ProjectCarousel },\r\n  data() {\r\n    return {\r\n      projectList: [],\r\n      swiperProjectList: [],\r\n      taskList: [],\r\n      currentIndex: 0,\r\n      timerId1: null,\r\n      timerId2: null,\r\n    }\r\n  },\r\n  async created() {\r\n    await this.getProjectData()\r\n    await this.getTaskData(this.projectList[this.currentIndex].oid)\r\n    this.setupAutoScroll()\r\n  },\r\n  mounted() {\r\n    // 切换currentIndex的定时器\r\n    this.timerId1 = setInterval(() => {\r\n      this.currentIndex++\r\n      if (this.currentIndex === this.projectList.length) this.currentIndex = 0\r\n    }, 8000)\r\n    // 刷新页面的定时器\r\n    this.timerId1 = setInterval(() => {\r\n      location.reload()\r\n    }, 2 * 60 * 60 * 1000)\r\n  },\r\n  watch: {\r\n    currentIndex: {\r\n      handler() {\r\n        this.getTaskData(this.projectList[this.currentIndex].oid)\r\n        const allItems = document.querySelectorAll(\".project-items\")\r\n        allItems[this.currentIndex].scrollIntoView(false)\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    projectDetail() {\r\n      return this.projectList[this.currentIndex]\r\n    },\r\n    // 总\r\n    totalRate() {\r\n      return Number(this.projectDetail?.running_rate) + Number(this.projectDetail?.delay_rate) + Number(this.projectDetail?.complete_rate)\r\n    },\r\n    // 未完成\r\n    running_rate() {\r\n      return (Number(this.projectDetail?.running_rate) / this.totalRate) * 100\r\n    },\r\n    // 已完成\r\n    complete_rate() {\r\n      return (Number(this.projectDetail?.complete_rate) / this.totalRate) * 100\r\n    }\r\n  },\r\n  methods: {\r\n    async getProjectData() {\r\n      const res = await fetch('post', '/data/project')\r\n      if (res.status === 0) {\r\n        this.projectList = res.data\r\n        for (let i = 0; i < Math.ceil(res.data.length / 15); i++) {\r\n          this.swiperProjectList[i] = res.data.slice(i * 15, i * 15 + 15)\r\n        }\r\n      }\r\n    },\r\n    async getTaskData(oid) {\r\n      const res = await fetch('post', '/data/issue', { prjoid: oid, page_size: 25 })\r\n      if (res.status === 0) {\r\n        // if (res.data.length < 25) {\r\n        //   res.data = res.data.concat(Array(25 - res.data.length).fill({}))\r\n        // }\r\n        this.taskList = res.data\r\n      }\r\n    },\r\n    setupAutoScroll() {\r\n      const content = this.$refs.content\r\n      content.addEventListener(\"scroll\", () => {\r\n        if (content.scrollHeight - content.scrollTop === content.clientHeight) {\r\n          content.scrollTop = 0\r\n        }\r\n      })\r\n      content.scrollTop = 0\r\n      setInterval(() => {\r\n        content.scrollTop += 1\r\n      }, 300)\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    if (this.timerId1) {\r\n      clearInterval(this.timerId1)\r\n    }\r\n    if (this.timerId2) {\r\n      clearInterval(this.timerId2)\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.screen-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #000;\r\n  height: 100vh;\r\n  padding: 14px 14px 0;\r\n\r\n  .header {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 91px;\r\n    background: #24262D;\r\n\r\n    .logo {\r\n      width: 158px;\r\n      height: 64px;\r\n      margin: 0 37px 0 25px;\r\n\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #FFFFFF;\r\n    }\r\n  }\r\n\r\n  > .center {\r\n    display: flex;\r\n    flex: 1;\r\n\r\n    > .project {\r\n      position: relative;\r\n      width: 208px;\r\n      height: 970px;\r\n      overflow: auto;\r\n      padding-top: 14px;\r\n      margin-right: 12px;\r\n      border-top: 2px solid #3779FD;\r\n      box-sizing: border-box;\r\n\r\n      &::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .project-items {\r\n        height: 57px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #24262D;\r\n\r\n        .title {\r\n          height: 21px;\r\n          font-weight: 700;\r\n          font-size: 16px;\r\n          color: #FFFFFF;\r\n        }\r\n\r\n        &.active {\r\n          background: #3779FD;\r\n        }\r\n      }\r\n    }\r\n\r\n    .responsible-person-project {\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 1407px;\r\n      height: 100%;\r\n      border-top: 2px solid #F52E5A;\r\n      box-sizing: border-box;\r\n\r\n      .bottom {\r\n        display: flex;\r\n        flex: 1;\r\n\r\n        .announcement {\r\n          box-sizing: border-box;\r\n          width: 840px;\r\n          background: #24262D;\r\n          padding: 20px 0 0 20px;\r\n          margin-right: 12px;\r\n\r\n          .title {\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 10px;\r\n          }\r\n\r\n          .content {\r\n            white-space: pre-line;\r\n            font-size: 16px;\r\n            color: #FFFFFF;\r\n            line-height: 32px;\r\n            height: 300px;\r\n            overflow-y: auto;\r\n\r\n            &::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n\r\n        .completion {\r\n          width: 556px;\r\n          background: #24262D;\r\n\r\n          .title {\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            color: #FFFFFF;\r\n            margin: 20px 0 0 20px;\r\n          }\r\n\r\n          .center {\r\n            display: flex;\r\n            margin: 46px 0 0 25px;\r\n\r\n            /deep/ .ant-progress {\r\n              .ant-progress-circle {\r\n                .ant-progress-circle-trail {\r\n                  stroke: #F22D59 !important;\r\n                }\r\n\r\n                path:nth-child(3) {\r\n                  stroke: #3678FD !important;\r\n                }\r\n              }\r\n\r\n              .ant-progress-text {\r\n                .percentage {\r\n                  .num {\r\n                    color: #ffffff;\r\n                    font-size: 42px;\r\n                    font-weight: 700;\r\n                  }\r\n\r\n                  .percentSign {\r\n                    color: #ffffff;\r\n                    font-size: 16px;\r\n                    font-weight: 700;\r\n                  }\r\n                }\r\n\r\n                .text {\r\n                  margin-top: 25px;\r\n                  font-weight: 700;\r\n                  font-size: 18px;\r\n                  color: #FFFFFF;\r\n                }\r\n              }\r\n            }\r\n\r\n            .info {\r\n              margin-top: 33px;\r\n              margin-left: 28px;\r\n\r\n              .item {\r\n                display: flex;\r\n                align-items: center;\r\n                margin-bottom: 48px;\r\n\r\n                .dot {\r\n                  width: 16px;\r\n                  height: 16px;\r\n                  border-radius: 50%;\r\n                  margin-right: 8px;\r\n\r\n                  &.blue {\r\n                    background: #3678FD;\r\n                  }\r\n\r\n                  &.red {\r\n                    background-color: #F22D59;\r\n                  }\r\n\r\n                  &.yellow {\r\n                    background-color: #FFA522;\r\n                  }\r\n                }\r\n\r\n                .text {\r\n                  font-weight: 700;\r\n                  font-size: 24px;\r\n                  color: #FFFFFF;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7d0e6152&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7d0e6152&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7d0e6152\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./project-carousel.vue?vue&type=style&index=0&id=48d3ed51&prod&lang=less&scoped=true&\""],"sourceRoot":""}