{"version":3,"sources":["webpack:///./src/components/task/components/process/taskProcess.vue?52ad","webpack:///src/components/task/components/process/taskProcess.vue","webpack:///./src/components/task/components/process/taskProcess.vue?3de6","webpack:///./src/components/task/components/process/taskProcess.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","loading","staticClass","_l","obj","data","c","i","key","class","getColumnColor","_v","_s","column","staticRenderFns","props","id","type","Number","default","columns","pinnedUsers","mounted","params","store","$store","methods","getColumnIcon","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,KAAON,EAAIO,QAAQ,QAAU,OAAO,CAACH,EAAG,KAAK,CAACI,YAAY,wBAAwBR,EAAIS,GAAIT,EAAIU,IAAIC,KAAY,SAAE,SAASC,EAAEC,GAAG,OAAOT,EAAG,KAAK,CAACU,IAAID,EAAEE,MAAO,aAAgBf,EAAIgB,eAAeJ,EAAGC,IAAM,CAACT,EAAG,IAAI,CAACI,YAAY,YAAYF,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,OAAO,CAACI,YAAY,eAAe,CAACR,EAAIiB,GAAGjB,EAAIkB,GAAGL,EAAI,MAAMT,EAAG,OAAO,CAACI,YAAY,cAAc,CAACR,EAAIiB,GAAGjB,EAAIkB,GAAGN,EAAEO,kBAAiB,MAAM,IACrgBC,EAAkB,G,4CCgCtB,GACEC,MAAO,CACLC,GAAI,CACFC,KAAMC,OACNC,QAAS,WAAf,YAGEd,KAPF,WAQI,MAAO,CACLD,IAAK,CACHC,KAAM,CACJe,QAAS,GACTC,YAAa,KAGjBpB,SAAS,IAGbqB,QAlBF,WAkBA,WACI3B,KAAKM,SAAU,EACf,OAAJ,OAAI,CAAJ,CACMsB,OAAQ,CAAd,YACMC,MAAO7B,KAAK8B,SAClB,kBACM,EAAN,WACM,EAAN,UAIEC,QAAS,CACPhB,eADJ,SACA,KACM,OACN,iCACA,mCAEe,SAEf,iCACA,sBACA,iBACQ,OAAR,QAEA,yCAGA,gCADe,QAIA,QAGXiB,cAtBJ,SAsBA,KACM,OACN,iCACA,mCAEe,oBAEf,iCACA,sBACA,iBACQ,OAAR,QAEA,yCAGA,gCADe,oBAIA,MCtGmX,I,YCO9XC,EAAY,eACd,EACAnC,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAc,E","file":"js/chunk-2d2160cf.dc376c09.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-overlay',{attrs:{\"show\":_vm.loading,\"rounded\":\"sm\"}},[_c('ul',{staticClass:\"steps steps-vertical\"},_vm._l((_vm.obj.data.columns),function(c,i){return _c('li',{key:i,class:(\"step-item \" + (_vm.getColumnColor(c, i)))},[_c('a',{staticClass:\"step-link\",attrs:{\"href\":\"\"}},[_c('span',{staticClass:\"step-number\"},[_vm._v(_vm._s(i + 1))]),_c('span',{staticClass:\"step-title\"},[_vm._v(_vm._s(c.column))])])])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-overlay :show=\"loading\" rounded=\"sm\">\n      <!-- <v-timeline align-top dense >\n        <v-timeline-item :icon=\"getColumnIcon(c, i)\" :color=\"getColumnColor(c, i)\" small v-for=\"(c,i) in obj.data.columns\" :key=\"i\">\n        <div class=\"\">{{c.column}}</div>\n        <template v-if=\"obj.data.task.column!=null && c.id==obj.data.task.column.id\">\n            <v-avatar v-for=\"(u, i) in obj.data.pinnedUsers\" :key=\"i\" :size=\"32\" class=\"mr-1\">\n                <v-img :src=\"u.avator\" :style=\"{'filter': u.seen? 'none':'grayscale(100%)' }\"></v-img>\n            </v-avatar>\n        </template>\n        </v-timeline-item>\n    </v-timeline> -->\n\n      <ul class=\"steps steps-vertical\">\n        <li\n          :class=\"`step-item ${getColumnColor(c, i)}`\"\n          v-for=\"(c, i) in obj.data.columns\"\n          :key=\"i\"\n        >\n          <a href=\"\" class=\"step-link\">\n            <span class=\"step-number\">{{ i + 1 }}</span>\n            <span class=\"step-title\">{{ c.column }}</span>\n          </a>\n        </li>\n      </ul>\n    </b-overlay>\n  </div>\n</template>\n\n<script>\nimport { taskInheritedDetail } from \"@/api/task\";\n\nexport default {\n  props: {\n    id: {\n      type: Number,\n      default: () => 0\n    }\n  },\n  data() {\n    return {\n      obj: {\n        data: {\n          columns: [],\n          pinnedUsers: []\n        }\n      },\n      loading: false\n    };\n  },\n  mounted() {\n    this.loading = true;\n    taskInheritedDetail({\n      params: { id: this.id },\n      store: this.$store\n    }).then(res => {\n      this.loading = false;\n      this.obj = res;\n      //console.log(res);\n    });\n  },\n  methods: {\n    getColumnColor(c, i) {\n      if (\n        this.obj.data.task.column != null &&\n        c.id == this.obj.data.task.column.id\n      ) {\n        return \"orange\";\n      } else if (\n        this.obj.data.task.column != null &&\n        this.obj.data.columns\n          .map(function(c) {\n            return c.id;\n          })\n          .indexOf(this.obj.data.task.column.id) > i\n      ) {\n        return \"green\";\n      } else if (this.obj.data.task.column == null) {\n        return \"green\";\n      } else {\n        return \"grey\";\n      }\n    },\n    getColumnIcon(c, i) {\n      if (\n        this.obj.data.task.column != null &&\n        c.id == this.obj.data.task.column.id\n      ) {\n        return \"mdi-chevron-right\";\n      } else if (\n        this.obj.data.task.column != null &&\n        this.obj.data.columns\n          .map(function(c) {\n            return c.id;\n          })\n          .indexOf(this.obj.data.task.column.id) > i\n      ) {\n        return \"mdi-account-check\";\n      } else if (this.obj.data.task.column == null) {\n        return \"mdi-account-check\";\n      } else {\n        return \"\";\n      }\n    }\n  }\n};\n</script>\n\n<style></style>\n","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!./taskProcess.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!./taskProcess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./taskProcess.vue?vue&type=template&id=440f4a1e&\"\nimport script from \"./taskProcess.vue?vue&type=script&lang=js&\"\nexport * from \"./taskProcess.vue?vue&type=script&lang=js&\"\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":""}