{"version":3,"sources":["webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?9041","webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?e8b7","webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?b9a1","webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?bdc8","uni-app:///components/sign-calendar/sign-calendar.vue","webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?b11f","webpack:///D:/Lee/工地打卡小程序/building-sign/components/sign-calendar/sign-calendar.vue?60d0"],"names":["name","data","weeks","days","curYear","curMonth","statusObj","mounted","methods","getDaysList","proMonthDays","proDays","date","status","proDaysArr","curMonthDays","curDaysArr","nextMonthDays","nextDaysArr","getStatusObj","proEv","nextEv"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsI;AACtI;AACiE;AACL;AACqC;;;AAGjG;AACgL;AAChL,gBAAgB,uLAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,oGAAM;AACR,EAAE,6GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,wGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,MAAM;AACN;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClCA;AAAA;AAAA;AAAA;AAA2qB,CAAgB,yqBAAG,EAAC,C;;;;;;;;;;;;;;;;;;AC2B/rB;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,eACA;EACAA;EACAC;IACA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;IACA;EACA;EACAC;IACA;IACA;EACA;EACAC;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;MAEA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;MACA;MACA;QACA;QACA;MACA;IACA;IAEA;IACAC;MACA;MACA;MACA;QACAC;MACA;QACAA;MACA;MACA;MACA;MACA;QACA;UACAC;UACAC;QACA;QACAC;MACA;MACA;MACA;MACA;IACA;IAEA;IACAC;MACA;MACA;MACA;QACA;UACAH;UACAC;QACA;QACAG;MACA;MACA;MACA;MACA;IACA;IAEA;IACAC;MACA;MACA;MACA;QACA;UACAL;UACAC;QACA;QACAK;MACA;MACA;IACA;IAEA;IACAC;MACA;QACA;QACA;QACA;MACA;IACA;IAEA;IACAC;MACA;QACA;MACA;QACA;QACA;MACA;MACA;MACA;IACA;IAEA;IACAC;MACA;QACA;MACA;QACA;QACA;MACA;MACA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;AC9JA;AAAA;AAAA;AAAA;AAAg/B,CAAgB,08BAAG,EAAC,C;;;;;;;;;;;ACApgC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/sign-calendar/sign-calendar.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./sign-calendar.vue?vue&type=template&id=c1c4e03c&scoped=true&\"\nvar renderjs\nimport script from \"./sign-calendar.vue?vue&type=script&lang=js&\"\nexport * from \"./sign-calendar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./sign-calendar.vue?vue&type=style&index=0&id=c1c4e03c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c1c4e03c\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"components/sign-calendar/sign-calendar.vue\"\nexport default component.exports","export * from \"-!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./sign-calendar.vue?vue&type=template&id=c1c4e03c&scoped=true&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var l0 = _vm.__map(_vm.days, function (item, index) {\n    var $orig = _vm.__get_orig(item)\n    var g0 = _vm.statusObj.ok.indexOf(item.status)\n    var g1 = _vm.statusObj.add.indexOf(item.status)\n    var g2 = _vm.statusObj.no.indexOf(item.status)\n    var g3 =\n      _vm.statusObj.ok.indexOf(item.status) == -1 &&\n      _vm.statusObj.add.indexOf(item.status) == -1 &&\n      _vm.statusObj.no.indexOf(item.status) == -1 &&\n      item.status !== -2\n    return {\n      $orig: $orig,\n      g0: g0,\n      g1: g1,\n      g2: g2,\n      g3: g3,\n    }\n  })\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        l0: l0,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./sign-calendar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./sign-calendar.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"calendar\">\r\n\t\t<view class=\"data font28 color-white\">\r\n\t\t\t<view class=\"btn btn-pro\" @tap=\"proEv\"></view>\r\n\t\t\t<view class=\"txt\">{{curYear}}年{{curMonth<10?'0'+curMonth:curMonth}}月</view>\r\n\t\t\t<view class=\"btn btn-next\" @tap=\"nextEv\"></view>\r\n\t\t</view>\r\n\t\t<view class=\"week font24\">\r\n\t\t\t<view class=\"item\" v-for=\"(item,index) in weeks\" :key=\"index\">{{item}}</view>\r\n\t\t</view>\r\n\t\t<view class=\"days bg-white font26\">\r\n\t\t\t<view class=\"item\" v-for=\"(item,index) in days\" :key=\"index\">\r\n\t\t\t\t<view class=\"txt color-99\" v-if=\"item.status==-2\">{{item.date}}</view>\r\n\t\t\t\t<view class=\"txt color-white bg-green\" v-if=\"statusObj.ok.indexOf(item.status)!==-1\">{{item.date}}</view>\r\n\t\t\t\t<view class=\"txt color-white bg-orange\" v-if=\"statusObj.add.indexOf(item.status)!==-1\">{{item.date}}</view>\r\n\t\t\t\t<view class=\"txt color-white bg-red\" v-if=\"statusObj.no.indexOf(item.status)!==-1\">{{item.date}}</view>\r\n\t\t\t\t<view class=\"txt\" v-if=\"statusObj.ok.indexOf(item.status)==-1&&statusObj.add.indexOf(item.status)==-1&&statusObj.no.indexOf(item.status)==-1&&item.status!==-2\">{{item.date}}</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<view class=\"tips font22\">\r\n\t\t\t<view class=\"item\">正常打卡</view>\r\n\t\t\t<view class=\"item\">补打卡</view>\r\n\t\t\t<view class=\"item\">非正常打卡</view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n<script>\r\n\timport {\r\n\t\tmapState\r\n\t} from 'vuex'; //引入mapState\r\n\texport default {\r\n\t\tname: 'sign-calendar',\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tweeks: ['日', '一', '二', '三', '四', '五', '六'], //星期列表\r\n\t\t\t\tdays:[], //天数\r\n\t\t\t\tcurYear:new Date().getFullYear(), //当前年\r\n\t\t\t\tcurMonth:new Date().getMonth() + 1, //当前月\r\n\t\t\t\tstatusObj:{}, //状态列表\r\n\t\t\t};\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\t// 获取数组，绘制格子\r\n\t\t\tthis.getDaysList();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t// 获取数组，绘制格子\r\n\t\t\tgetDaysList(){\r\n\t\t\t\t// 清空数组\r\n\t\t\t\tthis.days = [];\r\n\t\t\t\t// 计算当月天数\r\n\t\t\t\tlet curDays = new Date(this.curYear,this.curMonth, 0).getDate();\r\n\t\t\t\t// 计算当月第一天星期几\r\n\t\t\t\tlet firstWeek = new Date(Date.UTC(this.curYear, this.curMonth-1, 1)).getDay();\r\n\t\t\t\t// 计算当月最后一天星期几\r\n\t\t\t\tlet lastWeek = new Date(Date.UTC(this.curYear, this.curMonth-1,curDays)).getDay();\r\n\t\t\t\t\r\n\t\t\t\t// 上月还有展示\r\n\t\t\t\tif(firstWeek!==0){\r\n\t\t\t\t\t// 绘制上月天数占的格子\r\n\t\t\t\t\tthis.proMonthDays(firstWeek,curDays);\r\n\t\t\t\t}else{\r\n\t\t\t\t\t// 绘制当月天数占的格子\r\n\t\t\t\t\tthis.curMonthDays(curDays);\r\n\t\t\t\t}\r\n\t\t\t\t// 下月还有展示\r\n\t\t\t\tif(lastWeek!==6){\r\n\t\t\t\t\t// 绘制下月天数占的格子\r\n\t\t\t\t\tthis.nextMonthDays(lastWeek)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 绘制上月天数占的格子\r\n\t\t\tproMonthDays(firstWeek,curDays){\r\n\t\t\t\t// 计算上月天数\r\n\t\t\t\tlet proDays = 0;\r\n\t\t\t\tif(this.curMonth==1){\r\n\t\t\t\t\tproDays = new Date(this.curYear-1,12, 0).getDate();\r\n\t\t\t\t}else{\r\n\t\t\t\t\tproDays = new Date(this.curYear,this.curMonth-1, 0).getDate();\r\n\t\t\t\t}\r\n\t\t\t\t// 创建上月天数数组\r\n\t\t\t\tlet proDaysArr=[];\r\n\t\t\t\tfor (let i=proDays-firstWeek+1; i<=proDays;i++) {\r\n\t\t\t\t\tlet proObj = {\r\n\t\t\t\t\t\tdate: i,\r\n\t\t\t\t\t\tstatus: -2\r\n\t\t\t\t\t}\r\n\t\t\t\t\tproDaysArr.push(proObj);\r\n\t\t\t\t}\r\n\t\t\t\tthis.days = proDaysArr;\r\n\t\t\t\t// 绘制当月天数占的格子\r\n\t\t\t\tthis.curMonthDays(curDays);\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 绘制当月天数占的格子\r\n\t\t\tcurMonthDays(curDays) {\r\n\t\t\t\t// 创建当月天数数组\r\n\t\t\t\tlet curDaysArr=[];\r\n\t\t\t\tfor (let i=1; i<=curDays;i++) {\r\n\t\t\t\t\tlet curObj = {\r\n\t\t\t\t\t\tdate: i,\r\n\t\t\t\t\t\tstatus: i\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcurDaysArr.push(curObj);\r\n\t\t\t\t}\r\n\t\t\t\tthis.days = this.days.concat(curDaysArr);\r\n\t\t\t\t// 获取状态列表\r\n\t\t\t\tthis.getStatusObj();\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 绘制下月天数占的格子\r\n\t\t\tnextMonthDays(lastWeek) {\r\n\t\t\t\t// 创建上月天数数组\r\n\t\t\t\tlet nextDaysArr=[];\r\n\t\t\t\tfor (let i=1; i<=6-lastWeek;i++) {\r\n\t\t\t\t\tlet nextObj = {\r\n\t\t\t\t\t\tdate: i,\r\n\t\t\t\t\t\tstatus: -2\r\n\t\t\t\t\t}\r\n\t\t\t\t\tnextDaysArr.push(nextObj);\r\n\t\t\t\t}\r\n\t\t\t\tthis.days = this.days.concat(nextDaysArr);\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 获取状态列表\r\n\t\t\tgetStatusObj(){\r\n\t\t\t\tthis.statusObj = {\r\n\t\t\t\t\t'ok':[2,5,6,8,12],\r\n\t\t\t\t\t'add':[4,7,11,22],\r\n\t\t\t\t\t'no':[19,28]\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 上一月\r\n\t\t\tproEv(){\r\n\t\t\t\tif(this.curMonth!==1){\r\n\t\t\t\t\tthis.curMonth--;\r\n\t\t\t\t}else{\r\n\t\t\t\t\tthis.curMonth = 12;\r\n\t\t\t\t\tthis.curYear--;\r\n\t\t\t\t}\r\n\t\t\t\t// 获取数组，绘制格子\r\n\t\t\t\tthis.getDaysList();\r\n\t\t\t},\r\n\t\t\t\r\n\t\t\t// 下一月\r\n\t\t\tnextEv(){\r\n\t\t\t\tif(this.curMonth!==12){\r\n\t\t\t\t\tthis.curMonth++\r\n\t\t\t\t}else{\r\n\t\t\t\t\tthis.curMonth = 1;\r\n\t\t\t\t\tthis.curYear++;\r\n\t\t\t\t}\r\n\t\t\t\t// 获取数组，绘制格子\r\n\t\t\t\tthis.getDaysList();\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.calendar .data{\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\r\n\t\theight: 92rpx;\r\n\t\tpadding: 0 22rpx;\r\n\t\tbackground-color: #0788ff;\r\n\t}\r\n\t\r\n\t.calendar .btn{\r\n\t\twidth: 42rpx;\r\n\t\theight: 42rpx;\r\n\t\tbackground-image: url(/static/icon/icon-calendar-btn.png);\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t\r\n\t.calendar .btn-next{\r\n\t\ttransform: rotateY(180deg);\r\n\t}\r\n\t\r\n\t.calendar .week{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #ececec;\r\n\t}\r\n\t\r\n\t.calendar .week .item{\r\n\t\twidth: calc(100%/7);\r\n\t\tline-height: 58rpx;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.calendar .days{\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\talign-items: center;\r\n\t}\r\n\t\r\n\t.calendar .days .item{\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100%/7);\r\n\t\theight: 86rpx;\r\n\t\tborder-top: 2rpx solid #ececec;\r\n\t\tborder-right: 2rpx solid #ececec;\r\n\t}\r\n\t\r\n\t.calendar .days .item:nth-of-type(7n){\r\n\t\tborder-right: 0;\r\n\t}\r\n\t\r\n\t.calendar .days .item .txt{\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\twidth: 58rpx;\r\n\t\theight: 58rpx;\r\n\t\tborder-radius: 100%;\r\n\t}\r\n\t\r\n\t.calendar .tips{\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 30rpx 0;\r\n\t}\r\n\t\r\n\t.calendar .tips .item{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\theight: 30rpx;\r\n\t\tmargin: 0 12rpx;\r\n\t}\r\n\t\r\n\t.calendar .tips .item:before{\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\twidth: 12rpx;\r\n\t\theight: 12rpx;\r\n\t\tbackground-color: #ec7807;\r\n\t\tborder-radius: 100%;\r\n\t\tmargin-right: 9rpx;\r\n\t}\r\n\t\r\n\t.calendar .tips .item:first-child:before{\r\n\t\tbackground-color: #25a63b;\r\n\t}\r\n\t\r\n\t.calendar .tips .item:last-child:before{\r\n\t\tbackground-color: #ec0707;\r\n\t}\r\n</style>\n","import mod from \"-!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./sign-calendar.vue?vue&type=style&index=0&id=c1c4e03c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./sign-calendar.vue?vue&type=style&index=0&id=c1c4e03c&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1671674368964\n      var cssReload = require(\"D:/HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}