{"version":3,"sources":["webpack:///./src/view/reportForm/milestone.vue?3bd6","webpack:///./src/view/reportForm/milestone.vue","webpack:///src/view/reportForm/milestone.vue","webpack:///./src/view/reportForm/milestone.vue?bbd6","webpack:///./src/view/reportForm/milestone.vue?4447"],"names":["render","_vm","this","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","staticStyle","attrs","on","ownersChange","model","value","selectOwners","callback","$$v","expression","_l","ownersList","item","oid","_s","title","name","statusChange","queryParams","issue_status","$set","statusList","project_name","slot","onSearch","onExport","proxy","$appsettings","imgPrefix","milepostCount","milepost_total_count","milepost_nostart_count","milepost_running_count","milepost_finish_count","milepost_delay_count","Number","milepost_finish_rate","milestoneData","length","expandIcon","row","milepost_admin_pic","milepost_admin_name","schedule_end_date","dayjs","format","_e","actual_end_date","undefined","milepost_status_name","class","blue","yellow","green","complete_percent","staticRenderFns","data","issue_owners","created","methods","page_size","datas","project_admin_name","items","pic","window","width","display","props","component"],"mappings":"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","file":"js/chunk-e5b3f03e.070d951c.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!./milestone.vue?vue&type=style&index=0&id=37c8d1b5&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"app-main-content\"},[_c('card',{scopedSlots:_vm._u([{key:\"tools\",fn:function(){return [_c('div',{staticClass:\"title\"},[_vm._v(\"里程碑统计报表\")]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"负责人\")]),_c('a-select',{staticClass:\"sort-select\",staticStyle:{\"width\":\"250px\",\"height\":\"32px\",\"overflow\":\"hidden\"},attrs:{\"allowClear\":\"\",\"maxTagCount\":2,\"mode\":\"multiple\",\"show-search\":\"\",\"optionFilterProp\":\"children\",\"placeholder\":\"请选择\"},on:{\"change\":_vm.ownersChange},model:{value:(_vm.selectOwners),callback:function ($$v) {_vm.selectOwners=$$v},expression:\"selectOwners\"}},_vm._l((_vm.ownersList),function(item){return _c('a-select-option',{key:item.oid,attrs:{\"value\":item.oid}},[_vm._v(_vm._s(item.title ? item.name + '-' + item.title : item.name)+\" \")])}),1)],1),_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"状态\")]),_c('a-select',{staticClass:\"sort-select\",attrs:{\"placeholder\":\"请选择\"},on:{\"change\":_vm.statusChange},model:{value:(_vm.queryParams.issue_status),callback:function ($$v) {_vm.$set(_vm.queryParams, \"issue_status\", $$v)},expression:\"queryParams.issue_status\"}},_vm._l((_vm.statusList),function(item){return _c('a-select-option',{key:item.value,attrs:{\"value\":item.value}},[_vm._v(_vm._s(item.name)+\" \")])}),1)],1),_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"搜索\")]),_c('a-input',{staticClass:\"search-input\",attrs:{\"placeholder\":\"请输入项目名称\"},model:{value:(_vm.queryParams.project_name),callback:function ($$v) {_vm.$set(_vm.queryParams, \"project_name\", $$v)},expression:\"queryParams.project_name\"}},[_c('a-icon',{attrs:{\"slot\":\"prefix\",\"type\":\"search\"},slot:\"prefix\"})],1)],1),_c('div',{staticClass:\"item\"},[_c('a-button',{staticClass:\"search\",on:{\"click\":_vm.onSearch}},[_vm._v(\"查询\")])],1),_c('div',{staticClass:\"item\"},[_c('a-button',{staticClass:\"export\",on:{\"click\":_vm.onExport}},[_vm._v(\"导出报表\")])],1)])]},proxy:true}])},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"statistics\"},[_c('div',{staticClass:\"item\",staticStyle:{\"margin-right\":\"114px\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.$appsettings.imgPrefix}milestone@4.png`,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"里程碑个数\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.milepostCount.milepost_total_count))])])]),_c('div',{staticClass:\"item\",staticStyle:{\"margin-right\":\"155px\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.$appsettings.imgPrefix}notstart@4.png`,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"未开始\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.milepostCount.milepost_nostart_count))])])]),_c('div',{staticClass:\"item\",staticStyle:{\"margin-right\":\"185px\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.$appsettings.imgPrefix}running@4.png`,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"进行中\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.milepostCount.milepost_running_count))])])]),_c('div',{staticClass:\"item\",staticStyle:{\"margin-right\":\"185px\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.$appsettings.imgPrefix}finish@4.png`,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"已完成\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.milepostCount.milepost_finish_count))])])]),_c('div',{staticClass:\"item\",staticStyle:{\"margin-right\":\"130px\"}},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.$appsettings.imgPrefix}plaintpng@4.png`,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"延误\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.milepostCount.milepost_delay_count))])])]),_c('div',{staticClass:\"line\",staticStyle:{\"margin-right\":\"102px\"}}),_c('div',{staticClass:\"completion-rate\"},[_c('a-progress',{attrs:{\"type\":\"circle\",\"percent\":Number(_vm.milepostCount.milepost_finish_rate),\"strokeColor\":\"#0889ff\"},scopedSlots:_vm._u([{key:\"format\",fn:function(){return [_c('div',{staticStyle:{\"font-size\":\"24px\",\"font-weight\":\"700\",\"color\":\"#262626\"}},[_vm._v(_vm._s(_vm.milepostCount.milepost_finish_rate)+\"% \")]),_c('div',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"400\",\"color\":\"#262626\"}},[_vm._v(\"完成率\")])]},proxy:true}])})],1)]),_c('div',{staticClass:\"main-table\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"数据详情\")]),(_vm.milestoneData.length>0)?_c('a-table',{attrs:{\"data-source\":_vm.milestoneData,\"rowKey\":\"oid\",\"childrenColumnName\":\"items\",\"defaultExpandAllRows\":\"\",\"expandIcon\":_vm.expandIcon,\"pagination\":false}},[_c('a-table-column',{attrs:{\"title\":\"项目名称\",\"data-index\":\"milepost_name\"}}),_c('a-table-column',{attrs:{\"title\":\"负责人\",\"width\":\"300px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(row){return [_c('div',{staticClass:\"person-in-charge\"},[_c('img',{attrs:{\"src\":row.milepost_admin_pic,\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(row.milepost_admin_name))])])]}}],null,false,4053724074)}),_c('a-table-column',{attrs:{\"title\":\"计划结束\",\"width\":\"250px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(row){return [(row.schedule_end_date)?_c('span',[_vm._v(_vm._s(_vm.dayjs(row.schedule_end_date).format('YYYY-MM-DD')))]):_vm._e()]}}],null,false,687443089)}),_c('a-table-column',{attrs:{\"title\":\"实际结束\",\"width\":\"250px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(row){return [(row.actual_end_date)?_c('span',[_vm._v(_vm._s(_vm.dayjs(row.actual_end_date).format('YYYY-MM-DD')))]):_vm._e()]}}],null,false,2087591249)}),_c('a-table-column',{attrs:{\"title\":\"状态\",\"width\":\"250px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(row){return [(row?.milepost_status_name!==undefined)?_c('span',{staticClass:\"edp-status\",class:{\n              blue:row.milepost_status_name==='未开始',\n              yellow:row.milepost_status_name==='进行中',\n              green:row.milepost_status_name==='已完成',\n            },staticStyle:{\"font-size\":\"14px\"}},[_vm._v(_vm._s(row.milepost_status_name))]):_vm._e()]}}],null,false,1571839235)}),_c('a-table-column',{attrs:{\"title\":\"完成度\",\"width\":\"200px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(row){return [_vm._v(\" \"+_vm._s(row.complete_percent)),(row?.complete_percent!==undefined)?_c('span',[_vm._v(\"%\")]):_vm._e()]}}],null,false,2855013463)})],1):_vm._e()],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"app-main-content\">\r\n    <card>\r\n      <template #tools>\r\n        <div class=\"title\">里程碑统计报表</div>\r\n        <div class=\"right\">\r\n          <div class=\"item\">\r\n            <span class=\"label\">负责人</span>\r\n            <a-select\r\n                style=\"width: 250px;height: 32px;overflow: hidden;\"\r\n                allowClear\r\n                :maxTagCount=\"2\"\r\n                mode=\"multiple\"\r\n                show-search\r\n                optionFilterProp=\"children\"\r\n                v-model=\"selectOwners\"\r\n                class=\"sort-select\"\r\n                placeholder=\"请选择\"\r\n                @change=\"ownersChange\"\r\n            >\r\n              <a-select-option v-for=\"item in ownersList\" :value=\"item.oid\" :key=\"item.oid\">{{\r\n                  item.title ? item.name + '-' + item.title : item.name\r\n                }}\r\n              </a-select-option>\r\n            </a-select>\r\n          </div>\r\n          <div class=\"item\">\r\n            <span class=\"label\">状态</span>\r\n            <a-select class=\"sort-select\" placeholder=\"请选择\" v-model=\"queryParams.issue_status\"\r\n                      @change=\"statusChange\">\r\n              <a-select-option :value=\"item.value\" v-for=\"item in statusList\" :key=\"item.value\">{{ item.name }}\r\n              </a-select-option>\r\n            </a-select>\r\n          </div>\r\n          <div class=\"item\">\r\n            <span class=\"label\">搜索</span>\r\n            <a-input class=\"search-input\" v-model=\"queryParams.project_name\" placeholder=\"请输入项目名称\">\r\n              <a-icon slot=\"prefix\" type=\"search\" />\r\n            </a-input>\r\n          </div>\r\n          <div class=\"item\">\r\n            <a-button class=\"search\" @click=\"onSearch\">查询</a-button>\r\n          </div>\r\n          <div class=\"item\">\r\n            <a-button class=\"export\" @click=\"onExport\">导出报表</a-button>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <div class=\"main\">\r\n        <div class=\"statistics\">\r\n          <div class=\"item\" style=\"margin-right: 114px;\">\r\n            <div class=\"logo\">\r\n              <img :src=\"`${$appsettings.imgPrefix}milestone@4.png`\" alt=\"\">\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">里程碑个数</div>\r\n              <div class=\"count\">{{ milepostCount.milepost_total_count }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item\" style=\"margin-right: 155px;\">\r\n            <div class=\"logo\">\r\n              <img :src=\"`${$appsettings.imgPrefix}notstart@4.png`\" alt=\"\">\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">未开始</div>\r\n              <div class=\"count\">{{ milepostCount.milepost_nostart_count }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item\" style=\"margin-right: 185px;\">\r\n            <div class=\"logo\">\r\n              <img :src=\"`${$appsettings.imgPrefix}running@4.png`\" alt=\"\">\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">进行中</div>\r\n              <div class=\"count\">{{ milepostCount.milepost_running_count }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item\" style=\"margin-right: 185px;\">\r\n            <div class=\"logo\">\r\n              <img :src=\"`${$appsettings.imgPrefix}finish@4.png`\" alt=\"\">\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">已完成</div>\r\n              <div class=\"count\">{{ milepostCount.milepost_finish_count }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item\" style=\"margin-right: 130px;\">\r\n            <div class=\"logo\">\r\n              <img :src=\"`${$appsettings.imgPrefix}plaintpng@4.png`\" alt=\"\">\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">延误</div>\r\n              <div class=\"count\">{{ milepostCount.milepost_delay_count }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line\" style=\"margin-right: 102px;\"></div>\r\n          <div class=\"completion-rate\">\r\n            <a-progress type=\"circle\" :percent=\"Number(milepostCount.milepost_finish_rate)\" strokeColor=\"#0889ff\">\r\n              <template #format>\r\n                <div style=\"font-size: 24px;font-weight: 700;color: #262626\">{{ milepostCount.milepost_finish_rate }}%\r\n                </div>\r\n                <div style=\"font-size: 16px;font-weight: 400;color: #262626\">完成率</div>\r\n              </template>\r\n            </a-progress>\r\n          </div>\r\n        </div>\r\n        <div class=\"main-table\">\r\n          <div class=\"title\">数据详情</div>\r\n          <a-table v-if=\"milestoneData.length>0\" :data-source=\"milestoneData\" rowKey=\"oid\" childrenColumnName=\"items\"\r\n                   defaultExpandAllRows\r\n                   :expandIcon=\"expandIcon\" :pagination=\"false\">\r\n            <a-table-column title=\"项目名称\" data-index=\"milepost_name\"></a-table-column>\r\n            <a-table-column title=\"负责人\" width=\"300px\">\r\n              <template #default=\"row\">\r\n                <div class=\"person-in-charge\">\r\n                  <img :src=\"row.milepost_admin_pic\" alt=\"\" />\r\n                  <span>{{ row.milepost_admin_name }}</span>\r\n                </div>\r\n              </template>\r\n            </a-table-column>\r\n            <a-table-column title=\"计划结束\" width=\"250px\">\r\n              <template #default=\"row\">\r\n                <span v-if=\"row.schedule_end_date\">{{ dayjs(row.schedule_end_date).format('YYYY-MM-DD') }}</span>\r\n              </template>\r\n            </a-table-column>\r\n            <a-table-column title=\"实际结束\" width=\"250px\">\r\n              <template #default=\"row\">\r\n                <span v-if=\"row.actual_end_date\">{{ dayjs(row.actual_end_date).format('YYYY-MM-DD') }}</span>\r\n              </template>\r\n            </a-table-column>\r\n            <a-table-column title=\"状态\" width=\"250px\">\r\n              <template #default=\"row\">\r\n                <span v-if=\"row?.milepost_status_name!==undefined\" class=\"edp-status\" :class=\"{\r\n                blue:row.milepost_status_name==='未开始',\r\n                yellow:row.milepost_status_name==='进行中',\r\n                green:row.milepost_status_name==='已完成',\r\n              }\" style=\"font-size: 14px\">{{ row.milepost_status_name }}</span>\r\n              </template>\r\n            </a-table-column>\r\n            <a-table-column title=\"完成度\" width=\"200px\">\r\n              <template #default=\"row\">\r\n                {{ row.complete_percent }}<span v-if=\"row?.complete_percent!==undefined\">%</span>\r\n              </template>\r\n            </a-table-column>\r\n          </a-table>\r\n        </div>\r\n      </div>\r\n    </card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport dayjs from \"dayjs\";\r\nimport { fetch } from \"@/utils/request\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      selectOwners: [],\r\n      queryParams: {\r\n        issue_owners: '',\r\n        issue_status: '',\r\n        project_name: ''\r\n      },\r\n      ownersList: [],\r\n      statusList: [\r\n        { name: '全部', value: '' },\r\n        { name: '未开始', value: '0' },\r\n        { name: '进行中', value: '1' },\r\n        { name: '已完成', value: '100' },\r\n      ],\r\n      milestoneData: [],\r\n      milepostCount: {}\r\n    }\r\n  },\r\n  created() {\r\n    this.getOwnersList()\r\n    this.getMilestoneData()\r\n  },\r\n  methods: {\r\n    dayjs,\r\n    // 获取负责人数据\r\n    async getOwnersList() {\r\n      const res = await fetch(\"post\", \"/cpyaccount/retrieve\", { page_size: 9999 })\r\n      if (res.status === 0) {\r\n        this.ownersList = res.data.datas\r\n      }\r\n    },\r\n    // 获取表格数据\r\n    async getMilestoneData() {\r\n      this.milestoneData = []\r\n      const res = await fetch('post', '/sta/milepost', this.queryParams)\r\n      if (res.status === 0) {\r\n        const {\r\n          milepost_delay_count,\r\n          milepost_finish_rate,\r\n          milepost_finish_count,\r\n          milepost_nostart_count,\r\n          milepost_running_count,\r\n          milepost_total_count,\r\n          datas\r\n        } = res.data\r\n        this.milepostCount = {\r\n          milepost_delay_count,\r\n          milepost_finish_rate,\r\n          milepost_finish_count,\r\n          milepost_nostart_count,\r\n          milepost_running_count,\r\n          milepost_total_count\r\n        }\r\n        this.milestoneData = datas.map(item => {\r\n          const { project_name, project_admin_name, oid, items, pic, complete_percent } = item\r\n          return {\r\n            \"milepost_name\": project_name,\r\n            \"milepost_admin_name\": project_admin_name,\r\n            \"milepost_admin_pic\": pic,\r\n            oid,\r\n            items,\r\n            complete_percent\r\n          }\r\n        })\r\n      }\r\n    },\r\n    // 选择负责人\r\n    ownersChange(e) {\r\n      this.queryParams.issue_owners = e.join(',')\r\n      this.getMilestoneData()\r\n    },\r\n    // 选择状态\r\n    statusChange() {\r\n      this.getMilestoneData()\r\n    },\r\n    // 查询数据\r\n    onSearch() {\r\n      this.getMilestoneData()\r\n    },\r\n    // 导出报表\r\n    async onExport() {\r\n      const { project_name, issue_owners, issue_status } = this.queryParams\r\n      if (this.milestoneData.length > 0) {\r\n        window.open(this.$toUrl(`/sta/export/milepost?project_name=${project_name}&owners=${issue_owners}&status=${issue_status}`, true, \"api\"))\r\n      } else {\r\n        this.$message.error('暂无数据')\r\n      }\r\n    },\r\n    // 更改树形图标\r\n    expandIcon(props) {\r\n      if (props.record?.items?.length === 0 || props.record?.items === undefined) {\r\n        return <span style=\"margin-right:19px\"></span>\r\n      }\r\n      if (props.expanded) {\r\n        return (\r\n            <a style={{ width: '19px', display: 'inline-block' }} class=\"table-icon\" onClick={(e) => {\r\n              props.onExpand(props.record, e);\r\n            }}>\r\n              <i class=\"iconfont icon-xiangxia expand-icon\"></i>\r\n              {\" \"}\r\n            </a>\r\n        )\r\n      } else {\r\n        return (\r\n            <a style={{ width: '19px', display: 'inline-block' }} class=\"table-icon\" onClick={(e) => {\r\n              props.onExpand(props.record, e);\r\n            }}>\r\n              <i class=\"iconfont icon-xiangxia expand-icon open\"></i>\r\n              {\" \"}\r\n            </a>\r\n        )\r\n      }\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.app-main-content {\r\n  /deep/ .edp-card {\r\n    .edp-card-head {\r\n      display: none;\r\n    }\r\n\r\n    .edp-card-tools {\r\n      padding: 0 30px;\r\n\r\n      .title {\r\n        font-weight: 500;\r\n        font-size: 22px;\r\n        color: #4D4D4D;\r\n      }\r\n    }\r\n\r\n    .edp-card-body {\r\n      .main {\r\n        padding: 37px 23px 30px 30px;\r\n\r\n        .statistics {\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          .item {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            .logo {\r\n              img {\r\n                width: 63px;\r\n                height: 62px;\r\n                margin-right: 24px;\r\n              }\r\n            }\r\n\r\n            .info {\r\n              .title {\r\n                font-weight: 400;\r\n                font-size: 18px;\r\n                color: #4D4D4D;\r\n              }\r\n\r\n              .count {\r\n                font-weight: 700;\r\n                font-size: 34px;\r\n                color: #4D4D4D;\r\n              }\r\n            }\r\n          }\r\n\r\n          .line {\r\n            width: 2px;\r\n            height: 71px;\r\n            background: #e5e5e5;\r\n          }\r\n\r\n          .completion-rate {\r\n            .ant-progress {\r\n              .ant-progress-inner {\r\n                .ant-progress-circle {\r\n                  .ant-progress-circle-trail {\r\n                    stroke: #e3e9f4 !important;\r\n                  }\r\n                }\r\n              }\r\n\r\n            }\r\n          }\r\n        }\r\n\r\n        .main-table {\r\n          .title {\r\n            font-weight: 500;\r\n            font-size: 22px;\r\n            color: #4D4D4D;\r\n            margin-top: 26px;\r\n            margin-bottom: 29px;\r\n          }\r\n\r\n          .ant-table {\r\n\r\n            .ant-table-body {\r\n              .ant-table-thead, .ant-table-tbody {\r\n                tr {\r\n                  th, td {\r\n                    border-right: none;\r\n\r\n                    &:last-child {\r\n                      border-right: 1px solid #EDEDED;\r\n                      //text-align: right;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n\r\n              .ant-table-thead {\r\n                span {\r\n                  font-weight: 700;\r\n                  font-size: 18px;\r\n                  color: #4D4D4D;\r\n                }\r\n              }\r\n\r\n              .ant-table-tbody {\r\n                td {\r\n                  font-weight: 400;\r\n                  font-size: 16px;\r\n                  color: #4D4D4D;\r\n                }\r\n              }\r\n\r\n              .person-in-charge {\r\n                display: flex;\r\n                align-items: center;\r\n\r\n\r\n                img {\r\n                  width: 20px;\r\n                  height: 20px;\r\n                  line-height: 20px;\r\n                  margin-right: 10px;\r\n                  border-radius: 50%;\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!./milestone.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!./milestone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./milestone.vue?vue&type=template&id=37c8d1b5&scoped=true&\"\nimport script from \"./milestone.vue?vue&type=script&lang=js&\"\nexport * from \"./milestone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./milestone.vue?vue&type=style&index=0&id=37c8d1b5&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  \"37c8d1b5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}