{"version":3,"sources":["webpack:///./src/views/screens/emulation/SelfRatingDetail.vue?bdb1","webpack:///./src/views/screens/emulation/SelfRatingDetail.vue?d578","webpack:///src/views/screens/emulation/SelfRatingDetail.vue","webpack:///./src/views/screens/emulation/SelfRatingDetail.vue?a558","webpack:///./src/views/screens/emulation/SelfRatingDetail.vue"],"names":["render","this$1","this","_vm","_h","$createElement","_c","_self","staticClass","_v","attrs","_s","full_name","department_name","time","columns","data","enabled","headerPosition","rowStyleClassFn","scopedSlots","_u","key","fn","props","column","field","row","is_title","point","approver_status","department_point","_e","slot","self_note","on","$event","department_note","$router","go","staticRenderFns","components","total","created","getDetail","methods","checkDepartmentPoint","sumCount","sum","rowObj","children","i","self_point","checkResponseData","title_targets","emulation_info","forEach","sumPoint","x","sumSelfPoint","sumDepartmentPoint","push","rownum","length","target_id","target_parent_id","target_name","notify","error","title","status","text","message","computed","destroyed","closeLoading","component"],"mappings":"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","file":"js/chunk-54ac99a2.7490ddf6.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelfRatingDetail.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {\nvar this$1 = this;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"self_rating_detail\"},[_c('CCard',{staticClass:\"mb-2\"},[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('h4',[_vm._v(\"Chấm điểm thi đua tháng\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-2\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('span',[_vm._v(\"Nhân viên: \"+_vm._s(this.full_name))])]),_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('span',[_vm._v(\"Phòng ban: \"+_vm._s(this.department_name))])]),_c('CCol',{staticClass:\"text-right\",attrs:{\"sm\":\"4\"}},[_c('span',[_vm._v(\"Tháng: \"+_vm._s(this.time))])])],1)],1)],1),_c('CCard',[_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.data,\"group-options\":{\n          enabled: true,\n          headerPosition: 'top'\n        },\"sort-options\":{\n          enabled:false\n        },\"row-style-class\":_vm.rowStyleClassFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'point')?_c('div',[_c('span',[_vm._v(\" \"+_vm._s(props.row.is_title != 1 ? (\"-\" + (props.row.point)) : props.row.point))])]):(props.column.field === 'department_point')?_c('div',[_c('span',[_vm._v(\" \"+_vm._s(_vm.approver_status !== 1 ? \"-\" : props.row.department_point))])]):_vm._e()]}}])},[_c('div',{attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])]),_c('CRow',[_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('CTextarea',{staticClass:\"p-2\",attrs:{\"label\":\"Ghi chú cá nhân\",\"placeholder\":\"Nhập ghi chú\",\"value\":_vm.self_note,\"disabled\":true},on:{\"update:value\":function($event){_vm.self_note=$event}}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('CTextarea',{staticClass:\"p-2\",attrs:{\"label\":\"Ghi chú lãnh đạo\",\"placeholder\":\"Nhập ghi chú\",\"value\":_vm.department_note,\"disabled\":true},on:{\"update:value\":function($event){_vm.department_note=$event}}})],1)],1)],1),_c('vs-button',{staticClass:\"mb-3 custom_btn_search\",attrs:{\"square\":\"\"},on:{\"click\":function (){this$1.$router.go(-1)}}},[_c('i',{staticClass:\"bx bx-left-arrow-alt\"}),_vm._v(\"   Quay lại\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport { VueGoodTable } from 'vue-good-table';\r\n\r\nconst emulationApi = ClientFactory.get(\"emulations\");\r\n\r\nexport default {\r\n  components: {\r\n      VueGoodTable\r\n  },\r\n  data(){\r\n    return {\r\n      total: 0,\r\n      department_name: 2,\r\n      approver_status:\"\",\r\n      full_name: \"\",\r\n      self_note:\"\",\r\n      department_note:\"\",\r\n      time: \"\",\r\n      columns: [\r\n        {\r\n          label: 'STT',\r\n          field: 'rownum',\r\n          thClass: 'text-center width-class',\r\n          tdClass: 'text-center width-class',\r\n        },\r\n        {\r\n          label: 'Tiêu chí/Nội dung',\r\n          field: 'target_name',\r\n          thClass: 'text-center',\r\n          tdClass: 'text-left',\r\n        },\r\n        {\r\n          label: 'Thang điểm (trừ)',\r\n          field: 'point',\r\n          thClass: 'text-center width-point',\r\n          tdClass: 'text-center width-point',\r\n        },\r\n        {\r\n          label: 'Điểm tự chấm',\r\n          field: 'self_point',\r\n          thClass: 'text-center width-point',\r\n          tdClass: 'text-center width-point',\r\n        },\r\n        {\r\n          label: 'Điểm của phòng/ban',\r\n          field: 'department_point',\r\n          headerField: this.checkDepartmentPoint,\r\n          thClass: 'text-center width-point',\r\n          tdClass: 'text-center width-point',\r\n        }\r\n      ],\r\n       data: [\r\n      ],\r\n    };\r\n  },\r\n  created() {\r\n    this.getDetail();\r\n  },\r\n  methods: {\r\n     ...mapActions(\"ui\", ['loading', 'closeLoading', 'notify']),\r\n    getDetail: async function () {\r\n      this.loading(this.$vs);\r\n      let emulationId = this.$route.params.id || -1;\r\n      const { data } = await emulationApi.getDetail(emulationId);\r\n     \r\n      this.closeLoading();\r\n      this.checkResponseData(data);\r\n    },\r\n    checkDepartmentPoint(rowObj){\r\n      return this.approver_status ===1 ? rowObj.department_point : '-';\r\n    },\r\n    sumCount: function (rowObj) {\r\n      let sum = 0;\r\n      for (let i = 0; i < rowObj.children.length; i++) {\r\n        sum += rowObj.children[i].self_point;\r\n      }\r\n      return sum;\r\n    },\r\n    checkResponseData(data) {\r\n      if(data.status == \"success\")\r\n      {\r\n        this.data = data.data[0].title_targets;\r\n        this.full_name = data.data[0].emulation_info[0].full_name;\r\n        this.department_name = data.data[0].emulation_info[0].department_name;\r\n        this.time = data.data[0].emulation_info[0].time;\r\n        this.self_note = data.data[0].emulation_info[0].self_note;\r\n        this.department_note = data.data[0].emulation_info[0].department_note;\r\n        this.approver_status  = data.data[0].emulation_info[0].approver_status;\r\n\r\n        let sumPoint=0,sumSelfPoint = 0, sumDepartmentPoint = 0;\r\n        this.data.forEach(x => {\r\n          sumPoint += x.point!= null ? x.point : 0;\r\n          sumSelfPoint += x.self_point!= null ? x.self_point : 0;\r\n          sumDepartmentPoint += x.department_point!= null ? x.department_point : 0;\r\n        });\r\n        this.data.push({\r\n          rownum: this.data.length+1,\r\n          target_id: null, \r\n          target_parent_id: null, \r\n          target_name: 'TỔNG ĐIỂM',\r\n          point: sumPoint,\r\n          self_point: sumSelfPoint,\r\n          department_point: sumDepartmentPoint,\r\n          is_title: 1,\r\n          children: []\r\n        });\r\n      }else{\r\n        this.notify({\r\n          error:true,\r\n          title: data.status,\r\n          text: data.message\r\n        });\r\n      }\r\n     },\r\n\r\n    rowStyleClassFn(row) {\r\n      if (row.is_title > 0)\r\n        return 'header-row';\r\n      else{\r\n        return (this.approver_status === 1 && row.department_point !== row.self_point) ? 'green' : '';\r\n      }\r\n\r\n        return 'green'\r\n      //return row.department_point > 18 ? 'green' : 'red';\r\n      //return row.is_title > 0 ? 'header-row' : '';\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n  },\r\n  destroyed() {\r\n    this.closeLoading();\r\n  }\r\n};\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"self_rating_detail\">\r\n    <CCard class= \"mb-2\">\r\n      <CCardHeader  class=\"pt-1 pb-1\">\r\n          <h4>Chấm điểm thi đua tháng</h4>\r\n      </CCardHeader>\r\n      <CCardBody class=\"pt-1 pb-2\">\r\n        <CRow>\r\n            <CCol sm=\"4\">\r\n              <span>Nhân viên: {{ this.full_name }}</span>\r\n            </CCol>\r\n            <CCol sm=\"4\">\r\n              <span>Phòng ban: {{ this.department_name }}</span>\r\n            </CCol>\r\n            <CCol sm=\"4\" class=\"text-right\">\r\n              <span>Tháng: {{this.time}}</span>\r\n            </CCol>\r\n        </CRow>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard>\r\n        <vue-good-table\r\n          :columns=\"columns\"\r\n          :rows=\"data\" \r\n          :group-options=\"{\r\n            enabled: true,\r\n            headerPosition: 'top'\r\n          }\"\r\n          :sort-options=\"{\r\n            enabled:false\r\n          }\"\r\n          \r\n          :row-style-class=\"rowStyleClassFn\"\r\n        >\r\n          <div slot=\"emptystate\">\r\n            Không có dữ liệu\r\n          </div>\r\n          <template\r\n            slot=\"table-row\"\r\n            slot-scope=\"props\"\r\n          >\r\n              <div v-if=\"props.column.field === 'point'\">\r\n                  <span> {{props.row.is_title != 1 ? `-${props.row.point}` :  props.row.point}}</span>\r\n              </div>\r\n              <div v-else-if=\"props.column.field === 'department_point'\">\r\n                <span> {{approver_status !== 1 ? `-` :  props.row.department_point}}</span>\r\n              </div>\r\n          </template>\r\n        </vue-good-table> \r\n        <CRow>\r\n        <CCol sm=\"6\">\r\n          <CTextarea\r\n            label=\"Ghi chú cá nhân\"\r\n            placeholder=\"Nhập ghi chú\"\r\n            :value.sync=\"self_note\"\r\n            :disabled=\"true\"\r\n            class=\"p-2\"\r\n            />\r\n        </CCol>\r\n        <CCol sm=\"6\">\r\n          <CTextarea\r\n            label=\"Ghi chú lãnh đạo\"\r\n            placeholder=\"Nhập ghi chú\"\r\n            :value.sync=\"department_note\"\r\n            :disabled=\"true\"\r\n            class=\"p-2\"\r\n            />\r\n        </CCol>\r\n      </CRow>\r\n            \r\n    </CCard>\r\n     <vs-button square class=\"mb-3 custom_btn_search\" @click=\"()=> {this.$router.go(-1)}\"><i class='bx bx-left-arrow-alt'></i> &nbsp; Quay lại</vs-button>\r\n  </div>\r\n</template>\r\n\r\n\r\n<style lang=\"scss\">\r\n    .self_rating_detail{\r\n      .width-class{\r\n        min-width: 3px !important;\r\n      }\r\n      .width-point{\r\n        min-width: 30px !important;\r\n      }\r\n      .header-row {\r\n        background: #f7f8f9;\r\n        color: rgb(250, 9, 9);\r\n        font-weight: bold;\r\n        padding: .75em .75em .75em .75em !important;\r\n      }\r\n      \r\n      .vs-checkbox-content{\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n      .checkbox-left{\r\n        text-align: left;\r\n      }\r\n      .green{\r\n        background-color:#99ffcc;\r\n      }\r\n    }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelfRatingDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelfRatingDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelfRatingDetail.vue?vue&type=template&id=df38a6b2&\"\nimport script from \"./SelfRatingDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./SelfRatingDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelfRatingDetail.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}