{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\CashierShop\\CashierRecord.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\CashierShop\\CashierRecord.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IENhc2hpZXJIZWFkZXIgZnJvbSAiLi9DYXNoaWVySGVhZGVyLnZ1ZSI7CmltcG9ydCB7IGdldFJlY29yZExpc3QsIGdldFJlY29yZEluZm8gfSBmcm9tICJAL2FwaS9DYXNoaWVyIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDYXNoaWVyUmVjb3JkIiwKICBjb21wb25lbnRzOiB7CiAgICBDYXNoaWVySGVhZGVyCiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjdGl2ZU5hbWU6ICJmaXJzdCIsCiAgICAgIHJlY29yZF9saXN0OiBbXSwKICAgICAgY29ubmVjdF9kZXRhaWw6IHt9LAogICAgICBwYWdlOiAxLAogICAgICBwYWdlU2l6ZTogMTAsCiAgICAgIHRvdGFsOiAwLAogICAgICBzdGFydFRpbWU6ICIiLAogICAgICBlbmRUaW1lOiAiIgogICAgfTsKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5zdGFydFRpbWUgPSBwYXJzZUludChuZXcgRGF0ZSgpLmdldFRpbWUoKSAvIDEwMDApOwogICAgdGhpcy5lbmRUaW1lID0gdGhpcy4kX2NvbW1vbi5kYXRlVG9TdGFtcCh0aGlzLiRfY29tbW9uLmZ1bkRhdGUoLTcpKTsKICAgIHRoaXMuZ2V0UmVjb3JkTGlzdCgpOwogIH0sCgogIGFjdGl2YXRlZCgpIHsKICAgIGlmICh0aGlzLiRfaXNJbml0KCkpIHJldHVybjsKICAgIHRoaXMuZ2V0UmVjb3JkTGlzdCgpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIGFzeW5jIGdldFJlY29yZExpc3QoKSB7CiAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBnZXRSZWNvcmRMaXN0KHsKICAgICAgICBwYWdlOiB0aGlzLnBhZ2UsCiAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsCiAgICAgICAgc3RhcnRUaW1lOiB0aGlzLnN0YXJ0VGltZSwKICAgICAgICBlbmRUaW1lOiB0aGlzLmVuZFRpbWUsCiAgICAgICAgdXNlckNlbnRlcklkOiAiIiwKICAgICAgICBpc1NlbGY6IDUKICAgICAgfSk7CiAgICAgIHRoaXMucmVjb3JkX2xpc3QgPSBkYXRhLmRhdGE7CiAgICAgIHRoaXMudG90YWwgPSBkYXRhLnBhZ2VUb3RhbDsKICAgIH0sCgogICAgaGFuZGxlQ2xpY2sodGFiLCBldmVudCkgewogICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlTmFtZSkgewogICAgICAgIGNhc2UgImZpcnN0IjoKICAgICAgICAgIHRoaXMuc3RhcnRUaW1lID0gcGFyc2VJbnQobmV3IERhdGUoKS5nZXRUaW1lKCkgLyAxMDAwKTsKICAgICAgICAgIHRoaXMuZW5kVGltZSA9IHRoaXMuJF9jb21tb24uZGF0ZVRvU3RhbXAodGhpcy4kX2NvbW1vbi5mdW5EYXRlKC03KSk7CiAgICAgICAgICBicmVhazsKCiAgICAgICAgY2FzZSAic2Vjb25kIjoKICAgICAgICAgIHRoaXMuc3RhcnRUaW1lID0gcGFyc2VJbnQobmV3IERhdGUoKS5nZXRUaW1lKCkgLyAxMDAwKTsKICAgICAgICAgIHRoaXMuZW5kVGltZSA9IHRoaXMuJF9jb21tb24uZGF0ZVRvU3RhbXAodGhpcy4kX2NvbW1vbi5mdW5EYXRlKC0zMCkpOwogICAgICAgICAgYnJlYWs7CgogICAgICAgIGNhc2UgInRoaXJkIjoKICAgICAgICAgIHRoaXMuc3RhcnRUaW1lID0gIiI7CiAgICAgICAgICB0aGlzLmVuZFRpbWUgPSAiIjsKICAgICAgICAgIGJyZWFrOwogICAgICB9CgogICAgICB0aGlzLnBhZ2UgPSAxOwogICAgICB0aGlzLmdldFJlY29yZExpc3QoKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlID0gdmFsOwogICAgICB0aGlzLmdldFJlY29yZExpc3QoKTsKICAgIH0sCgogICAgLy8g5q+P6aG15pWw5o2u5aSn5bCP5pS55Y+YCiAgICBzaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhZ2VTaXplID0gdmFsOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIGFzeW5jIHJlY29yZEZuKGl0ZW0pIHsKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IGdldFJlY29yZEluZm8oaXRlbS5pZCk7CiAgICAgIHRoaXMuY29ubmVjdF9kZXRhaWwgPSBkYXRhLmRhdGE7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyOA;AACA;AACA;EACAA,qBADA;EAEAC;IACAC;EADA,CAFA;;EAKAC;IACA;MACAC,mBADA;MAEAC,eAFA;MAGAC,kBAHA;MAIAC,OAJA;MAKAC,YALA;MAMAC,QANA;MAOAC,aAPA;MAQAC;IARA;EAUA,CAhBA;;EAiBAC;IACA;IACA;IACA;EACA,CArBA;;EAsBAC;IACA;IACA;EACA,CAzBA;;EA0BAC;IACA;MACA;QACAP,eADA;QAEAC,uBAFA;QAGAE,yBAHA;QAIAC,qBAJA;QAKAI,gBALA;QAMAC;MANA;MASA;MACA;IACA,CAbA;;IAcAC;MACA;QACA;UACA;UACA;UACA;;QACA;UACA;UACA,yCACA,0BADA;UAGA;;QACA;UACA;UACA;UACA;MAdA;;MAgBA;MACA;IACA,CAjCA;;IAkCAC;MACA;MACA;IACA,CArCA;;IAsCA;IACAC;MACA;MACA;IACA,CA1CA;;IA2CA;MACA;MAEA;IACA;;EA/CA;AA1BA","names":["name","components","CashierHeader","data","activeName","record_list","connect_detail","page","pageSize","total","startTime","endTime","created","activated","methods","userCenterId","isSelf","handleClick","pageChange","sizeChange"],"sourceRoot":"src/views/CashierShop","sources":["CashierRecord.vue"],"sourcesContent":["<template>\n  <div class=\"CashierRecord\">\n    <CashierHeader></CashierHeader>\n    <div class=\"shift_head\">\n      <div class=\"head_back\">\n        <span\n          style=\"margin-left: 6px; color: #999999\"\n          @click=\"$router.push('/CashierShop')\"\n        >\n          返回收银首页\n        </span>\n        <span class=\"head_line\"></span>\n        <span>我的交班记录</span>\n      </div>\n      <div>\n        <el-row>\n          <el-col :span=\"7\" style=\"padding: 0\">\n            <div class=\"grid-content bg-purple record\">\n              <div style=\"height: calc(100vh - 140px)\">\n                <el-tabs\n                  v-model=\"activeName\"\n                  class=\"el-tabs__item el_tabs--top\"\n                  @tab-click=\"handleClick\"\n                >\n                  <el-tab-pane label=\"近7天\" name=\"first\"></el-tab-pane>\n                  <el-tab-pane label=\"近30天\" name=\"second\"></el-tab-pane>\n                  <el-tab-pane label=\"全部\" name=\"third\"></el-tab-pane>\n                </el-tabs>\n                <div v-if=\"!record_list.length\" class=\"record_tip\">\n                  暂无交班记录\n                </div>\n                <div\n                  v-for=\"(item, index) in record_list\"\n                  :key=\"index\"\n                  class=\"record_content\"\n                  @click=\"recordFn(item)\"\n                >\n                  <p style=\"padding-bottom: 10px\">\n                    时间:{{ $_common.formatDate(item.createTime) }}\n                  </p>\n                  <div>\n                    <span>收银员：{{ item.staffName }}</span>\n                    <div style=\"float: right; padding-right: 20px\">\n                      <span>收款金额：</span>\n                      <span style=\"color: red\">\n                        ￥{{ item.collectionMoney }}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n                <FooterPage\n                  :page-size=\"pageSize\"\n                  :total-page.sync=\"total\"\n                  :current-page.sync=\"page\"\n                  @pageChange=\"pageChange\"\n                  @sizeChange=\"sizeChange\"\n                ></FooterPage>\n              </div>\n            </div>\n          </el-col>\n          <el-col :span=\"17\" style=\"padding: 0 0 0 1px\">\n            <div class=\"grid-content bg-purple\">\n              <div\n                v-if=\"JSON.stringify(connect_detail) === '{}'\"\n                style=\"height: calc(100vh - 140px)\"\n                class=\"record_tip\"\n              >\n                未选中任何交班记录\n              </div>\n              <div v-else class=\"grid-content\">\n                <div style=\"padding: 20px 0 20px 20px; font-size: 14px\">\n                  <span>收银员：{{ connect_detail.staffName }}</span>\n                  <span style=\"padding-left: 20px\">\n                    手机号：{{ connect_detail.mobile }}\n                  </span>\n                  <span style=\"padding-left: 20px\">\n                    时间：{{ $_common.formatDate(connect_detail.createTime) }}\n                  </span>\n                  <span style=\"padding-left: 20px\">\n                    上班时长：{{ connect_detail.hours || 0 }}\n                  </span>\n                  <span style=\"padding-left: 20px\">\n                    备注：{{ connect_detail.remark || \"无\" }}\n                  </span>\n                </div>\n                <ul class=\"shift_content\">\n                  <li>\n                    <div class=\"shift_content_title\">\n                      <span>收款金额</span>\n                      <span class=\"shift_content_price\">\n                        ￥{{ connect_detail.collectionMoney || \"0.00\" }}\n                      </span>\n                    </div>\n                    <div class=\"shift_content-main\">\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-yingyeejilu\"></i>\n                        <span class=\"shift_content_write\">现金</span>\n                        <p>\n                          ￥{{ connect_detail.collectionData.cash || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-wx-pay\"></i>\n                        <span class=\"shift_content_write\">微信</span>\n                        <p>\n                          ￥{{ connect_detail.collectionData.wechat || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-umidd17\"></i>\n                        <span class=\"shift_content_write\">支付宝</span>\n                        <p>\n                          ￥{{ connect_detail.collectionData.alipay || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-yue\"></i>\n                        <span class=\"shift_content_write\">余额</span>\n                        <p>\n                          ￥{{\n                            connect_detail.collectionData.balance || \"0.00\"\n                          }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-qita\"></i>\n                        <span class=\"shift_content_write\">其他</span>\n                        <p>\n                          ￥{{ connect_detail.collectionData.other || \"0.00\" }}\n                        </p>\n                      </div>\n                    </div>\n                  </li>\n                  <li>\n                    <div class=\"shift_content_title\">\n                      <span>充值金额</span>\n                      <span class=\"shift_content_price\">\n                        ￥{{ connect_detail.rechargeMoney || \"0.00\" }}\n                      </span>\n                    </div>\n                    <div class=\"shift_content-main\">\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-yingyeejilu\"></i>\n                        <span class=\"shift_content-item\">现金</span>\n                        <p>￥{{ connect_detail.refundData.cash || \"0.00\" }}</p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-wx-pay\"></i>\n                        <span class=\"shift_content_write\">微信</span>\n                        <p>\n                          ￥{{ connect_detail.refundData.wechat || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-umidd17\"></i>\n                        <span class=\"shift_content_write\">支付宝</span>\n                        <p>\n                          ￥{{ connect_detail.refundData.alipay || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-qita\"></i>\n                        <span class=\"shift_content_write\">其他</span>\n                        <p>￥{{ connect_detail.refundData.other || \"0.00\" }}</p>\n                      </div>\n                    </div>\n                  </li>\n                  <li>\n                    <div class=\"shift_content_title\">\n                      <span>退款金额</span>\n                      <span class=\"shift_content_price\">\n                        ￥{{ connect_detail.refundMoney || \"0.00\" }}\n                      </span>\n                    </div>\n                    <div class=\"shift_content-main\">\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-yingyeejilu\"></i>\n                        <span class=\"shift_content_write\">现金</span>\n                        <p>￥{{ connect_detail.refundData.cash || \"0.00\" }}</p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-wx-pay\"></i>\n                        <span class=\"shift_content_write\">微信</span>\n                        <p>\n                          ￥{{ connect_detail.refundData.wechat || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-umidd17\"></i>\n                        <span class=\"shift_content_write\">支付宝</span>\n                        <p>\n                          ￥{{ connect_detail.refundData.alipay || \"0.00\" }}\n                        </p>\n                      </div>\n                      <div class=\"shift_content-item\">\n                        <i class=\"iconfont icon-yue\"></i>\n                        <span class=\"shift_content_write\">余额</span>\n                        <p>\n                          ￥{{ connect_detail.refundData.balance || \"0.00\" }}\n                        </p>\n                      </div>\n                    </div>\n                  </li>\n                </ul>\n                <div class=\"clearfix shift_content_btn\">\n                  <div class=\"float_right\">\n                    <span>现金合计：</span>\n                    <span style=\"color: red\">\n                      ￥{{\n                        $NP.plus(\n                          connect_detail.collectionMoney || 0,\n                          connect_detail.rechargeMoney || 0,\n                          connect_detail.refundMoney || 0\n                        )\n                      }}\n                    </span>\n                  </div>\n                  <!--                  <div class=\"float_right\">-->\n                  <!--                    <el-button type=\"primary\">-->\n                  <!--                      打印交班小票-->\n                  <!--                    </el-button>-->\n                  <!--                  </div>-->\n                </div>\n              </div>\n            </div>\n          </el-col>\n        </el-row>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import CashierHeader from \"./CashierHeader.vue\";\n  import { getRecordList, getRecordInfo } from \"@/api/Cashier\";\n  export default {\n    name: \"CashierRecord\",\n    components: {\n      CashierHeader,\n    },\n    data() {\n      return {\n        activeName: \"first\",\n        record_list: [],\n        connect_detail: {},\n        page: 1,\n        pageSize: 10,\n        total: 0,\n        startTime: \"\",\n        endTime: \"\",\n      };\n    },\n    created() {\n      this.startTime = parseInt(new Date().getTime() / 1000);\n      this.endTime = this.$_common.dateToStamp(this.$_common.funDate(-7));\n      this.getRecordList();\n    },\n    activated() {\n      if (this.$_isInit()) return;\n      this.getRecordList();\n    },\n    methods: {\n      async getRecordList() {\n        const data = await getRecordList({\n          page: this.page,\n          pageSize: this.pageSize,\n          startTime: this.startTime,\n          endTime: this.endTime,\n          userCenterId: \"\",\n          isSelf: 5,\n        });\n\n        this.record_list = data.data;\n        this.total = data.pageTotal;\n      },\n      handleClick(tab, event) {\n        switch (this.activeName) {\n          case \"first\":\n            this.startTime = parseInt(new Date().getTime() / 1000);\n            this.endTime = this.$_common.dateToStamp(this.$_common.funDate(-7));\n            break;\n          case \"second\":\n            this.startTime = parseInt(new Date().getTime() / 1000);\n            this.endTime = this.$_common.dateToStamp(\n              this.$_common.funDate(-30)\n            );\n            break;\n          case \"third\":\n            this.startTime = \"\";\n            this.endTime = \"\";\n            break;\n        }\n        this.page = 1;\n        this.getRecordList();\n      },\n      pageChange(val) {\n        this.page = val;\n        this.getRecordList();\n      },\n      // 每页数据大小改变\n      sizeChange(val) {\n        this.pageSize = val;\n        this.pageChange(1);\n      },\n      async recordFn(item) {\n        const data = await getRecordInfo(item.id);\n\n        this.connect_detail = data.data;\n      },\n    },\n  };\n</script>\n<style>\n  .record .el-tabs__item {\n    height: 60px !important;\n    line-height: 60px !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n  }\n  .record .el_tabs--top {\n    width: 100%;\n  }\n</style>\n<style scoped>\n  .CashierRecord {\n    background-color: #f7f7f7;\n    height: 99vh;\n    width: 100%;\n  }\n  .shift_head {\n    width: 100%;\n    margin-top: 20px;\n  }\n  .head_back {\n    background-color: #fff;\n    color: #2a75ed;\n    font-size: 14px;\n    cursor: pointer;\n    height: 50px;\n    line-height: 50px;\n    border-bottom: 1px solid #ededed;\n    padding-left: 20px;\n  }\n\n  .head_line {\n    height: 24px;\n    width: 1px;\n    background-color: #ededed;\n    display: inline-block;\n    margin: 6px 10px -8px 10px;\n  }\n\n  .grid-content {\n    background-color: #fff;\n    padding: 0;\n  }\n  .shift_content {\n    height: calc(100vh - 200px);\n    border-bottom: 1px solid #ededed;\n  }\n  .shift_content_title {\n    line-height: 62px;\n    font-size: 16px;\n    font-weight: bold;\n  }\n  .shift_content_price {\n    color: #ff4040;\n    padding-left: 10px;\n  }\n  .record_content {\n    font-size: 14px;\n    border-bottom: 1px solid #ededed;\n    color: #333333;\n    padding: 10px 16px;\n    cursor: pointer;\n  }\n  .record_tip {\n    font-size: 12px;\n    text-align: center;\n    color: #b2b2b2;\n    line-height: 600px;\n  }\n\n  .shift_content {\n    height: calc(100vh - 260px);\n    border-bottom: 1px solid #ededed;\n  }\n\n  .shift_content > li {\n    padding: 0 40px;\n    margin-bottom: 40px;\n  }\n\n  .shift_content_one {\n    height: 60px;\n    line-height: 60px;\n    padding: 0 30px;\n    border-bottom: 1px solid #ededed;\n  }\n\n  .shift_content_btn {\n    background: #ffffff;\n    padding: 8px;\n    padding-right: 20px;\n    line-height: 48px;\n  }\n\n  .shift_content_title {\n    line-height: 62px;\n    font-size: 16px;\n    font-weight: bold;\n  }\n\n  .shift_content_price {\n    color: #fb6638;\n    padding-left: 10px;\n  }\n\n  .shift_content-main {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .shift_content-item {\n    width: 20%;\n    max-width: 300px;\n    line-height: 46px;\n    font-size: 18px;\n  }\n  .shift_content-item > .iconfont {\n    font-size: 24px;\n    margin-right: 10px;\n    vertical-align: middle;\n  }\n  .shift_content-item > .shift_content_write {\n    font-size: 14px;\n  }\n  .shift_content-item > .icon-yingyeejilu {\n    color: rgb(255, 97, 85);\n  }\n  .shift_content-item > .icon-wx-pay {\n    color: rgb(89, 182, 76);\n  }\n  .shift_content-item > .icon-umidd17 {\n    color: #009fe8;\n  }\n  .shift_content-item > .icon-yue {\n    color: #f9b711;\n  }\n  .shift_content-item > .icon-qita {\n    color: #725aa3;\n  }\n</style>\n"]}]}