{"version":3,"sources":["webpack:///./src/views/Trade/Tradesub.vue?7bb1","webpack:///./src/views/Trade/Trade.vue?face","webpack:///./src/views/Trade/Trade.vue","webpack:///./src/views/Trade/Tradesub.vue","webpack:///./src/views/Trade/Tradesub.vue?c229","webpack:///./src/views/Trade/Trade.vue?d35c","webpack:///./node_modules/quasar/src/components/bar/QBar.js"],"names":["class","$t","loading","color","size","trades","trade","index","key","serno","src","height","length","outline","label","to","goDetail","props","type","Object","required","default","data","tradesub","created","this","getTradesub","then","res","catch","err","console","log","$notify","create","position","message","caption","response","methods","$router","push","name","params","__exports__","QBtn","components","Tradesub","pageState","IDLE","computed","personalInfo","state","user","PENDING","getTrades","userid","order","filter","x","RESOLVED","REJECTED","render","QBar","QSpinner","QImg","createComponent","useDarkProps","dense","Boolean","setup","slots","vm","getCurrentInstance","isDark","useDark","proxy","$q","classes","value","h","role","hSlot"],"mappings":"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","file":"js/chunk-47654c52.a340bbcc.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-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Tradesub.vue?vue&type=style&index=0&id=d5c9bab4&lang=scss&scoped=true\"","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-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Trade.vue?vue&type=style&index=0&id=427f34c6&lang=scss&scoped=true\"","<template>\r\n  <q-bar class=\"bg-white\">\r\n    <div class=\"col text-center\">{{ $t('trade.title') }}</div>\r\n  </q-bar>\r\n  <div v-if=\"loading\" class=\"text-center\">\r\n    <q-spinner color=\"primary\" size=\"3em\" />\r\n  </div>\r\n  <div v-else>\r\n    <div v-for=\"(trade, index) in trades\" :key=\"index\" class=\"trade q-mb-md\">\r\n      <div class=\"column\">\r\n        <div class=\"trade__tradeId col-12 q-pa-sm text-center\">\r\n          {{ $t('trade.tradesub.serno', { data: trade.serno }) }}\r\n        </div>\r\n        <q-img src=\"https://cdn.quasar.dev/img/parallax1.jpg\" height=\"20vh\" />\r\n        <Tradesub :trade=\"trade\" />\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"trades.length < 1\"\r\n      class=\"trade--notFound text-center q-pa-xl text-h4\"\r\n    >\r\n      {{ $t('trade.list.notFound') }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from 'vuex';\r\n\r\nimport { RESOURCE_STATE } from '@/constants';\r\nimport Tradesub from '@/views/Trade/Tradesub.vue';\r\n\r\nexport default {\r\n  components: {\r\n    Tradesub,\r\n  },\r\n  data() {\r\n    return {\r\n      trades: [],\r\n      pageState: RESOURCE_STATE.IDLE,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      personalInfo: (state) => state.user.personalInfo,\r\n    }),\r\n\r\n    loading() {\r\n      return this.pageState === RESOURCE_STATE.PENDING;\r\n    },\r\n  },\r\n  created() {\r\n    this.pageState = RESOURCE_STATE.PENDING;\r\n    this.getTrades(this.personalInfo.userid)\r\n      .then((res) => {\r\n        let order = res.filter(x => x.state == 2 );\r\n        console.log('order',order);\r\n        this.trades = order;\r\n        // this.trades = res;\r\n        this.pageState = RESOURCE_STATE.RESOLVED;\r\n      })\r\n      .catch((err) => {\r\n        console.log(err);\r\n\r\n        this.pageState = RESOURCE_STATE.REJECTED;\r\n\r\n        this.$notify.create({\r\n          type: 'negative',\r\n          position: 'top',\r\n          message: this.$t('trade.getInfo.failed'),\r\n          caption: err.response.data,\r\n        });\r\n      });\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getTrades: 'trade/getTrades',\r\n    }),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/styles/quasar.variables.scss';\r\n\r\n.trade {\r\n  &__tradeId {\r\n    color: white;\r\n    background-color: #7f7f7f;\r\n  }\r\n\r\n  &--notFound {\r\n    border: 1px solid #7f7f7f;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <!-- <div class=\"row no-wrap\">\r\n    <div class=\"trade__date col-6 items-center text-center\">\r\n      <div class=\"trade__date-title\">\r\n        {{ $t('booking.checkInDate') }}\r\n      </div>\r\n      <div class=\"trade__date-value\">\r\n        {{ $filters.formatShortDate(tradesub[0]?.checkindate) }}\r\n      </div>\r\n    </div>\r\n    <div class=\"trade__date col-6 trade items-center text-center\">\r\n      <div class=\"trade__date-title\">\r\n        {{ $t('booking.checkOutDate') }}\r\n      </div>\r\n      <div class=\"trade__date-value\">\r\n        {{ $filters.formatShortDate(tradesub[0]?.checkoutdate) }}\r\n      </div>\r\n    </div>\r\n  </div> -->\r\n  <div class=\"column text-center\">\r\n    <!-- <div\r\n      class=\"trade__active col-12 q-pa-sm\"\r\n      v-html=\"\r\n        $t('trade.roomCnt', {\r\n          name: tradesub[0]?.name,\r\n          quantity: tradesub[0]?.buycnt,\r\n          price: tradesub[0]?.sumprice,\r\n        })\r\n      \"\r\n    ></div> -->\r\n    <q-btn\r\n      class=\"full-width\"\r\n      color=\"primary\"\r\n      outline\r\n      :label=\"$t('trade.details')\"\r\n      :to=\"{ name: 'TradeDetail', params: { serno: trade.serno } }\"\r\n      @click=\"goDetail\"\r\n    />\r\n    <q-btn\r\n      class=\"full-width\"\r\n      color=\"primary\"\r\n      outline\r\n      :label=\"$t('trade.takeRoomCard')\"\r\n      :to=\"{ name: 'AccountTakeRoomCard', params: { serno: trade.serno } }\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapMutations } from 'vuex';\r\n\r\nexport default {\r\n  props: {\r\n    trade: {\r\n      type: Object,\r\n      required: true,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      tradesub: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.getTradesub(this.trade.serno)\r\n      .then((res) => {\r\n        this.tradesub = res;\r\n      })\r\n      .catch((err) => {\r\n        console.log(err);\r\n        this.$notify.create({\r\n          type: 'negative',\r\n          position: 'top',\r\n          message: this.$t('trade.getInfo.failed'),\r\n          caption: err.response.data,\r\n        });\r\n      });\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getTradesub: 'trade/getTradesub',\r\n    }),\r\n\r\n    goDetail() {\r\n      this.$router.push({\r\n        name: 'TradeDetail',\r\n        params: {\r\n          serno: this.serno,\r\n        },\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/styles/quasar.variables.scss';\r\n\r\n.trade {\r\n  &__date {\r\n    border: 1px solid $text-gray;\r\n\r\n    &-title {\r\n      color: $primary;\r\n    }\r\n\r\n    &-value {\r\n      font-size: 1.2rem;\r\n    }\r\n  }\r\n\r\n  &__active {\r\n    border: 1px solid $text-gray;\r\n    // font-size: 0.7rem;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Tradesub.vue?vue&type=template&id=d5c9bab4&scoped=true\"\nimport script from \"./Tradesub.vue?vue&type=script&lang=js\"\nexport * from \"./Tradesub.vue?vue&type=script&lang=js\"\n\nimport \"./Tradesub.vue?vue&type=style&index=0&id=d5c9bab4&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\如峰\\\\浮雲客棧webapp 前後台系統\\\\前台\\\\kloudmobileweb\\\\KloudMobileWeb\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d5c9bab4\"]])\n\nexport default __exports__\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBtn});\n","import { render } from \"./Trade.vue?vue&type=template&id=427f34c6&scoped=true\"\nimport script from \"./Trade.vue?vue&type=script&lang=js\"\nexport * from \"./Trade.vue?vue&type=script&lang=js\"\n\nimport \"./Trade.vue?vue&type=style&index=0&id=427f34c6&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\如峰\\\\浮雲客棧webapp 前後台系統\\\\前台\\\\kloudmobileweb\\\\KloudMobileWeb\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-427f34c6\"]])\n\nexport default __exports__\nimport QBar from 'quasar/src/components/bar/QBar.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBar,QSpinner,QImg});\n","import { h, computed, getCurrentInstance } from 'vue'\n\nimport useDark, { useDarkProps } from '../../composables/private/use-dark.js'\n\nimport { createComponent } from '../../utils/private/create.js'\nimport { hSlot } from '../../utils/private/render.js'\n\nexport default createComponent({\n  name: 'QBar',\n\n  props: {\n    ...useDarkProps,\n    dense: Boolean\n  },\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance()\n    const isDark = useDark(props, vm.proxy.$q)\n\n    const classes = computed(() =>\n      'q-bar row no-wrap items-center'\n      + ` q-bar--${ props.dense === true ? 'dense' : 'standard' } `\n      + ` q-bar--${ isDark.value === true ? 'dark' : 'light' }`\n    )\n\n    return () => h('div', {\n      class: classes.value,\n      role: 'toolbar'\n    }, hSlot(slots.default))\n  }\n})\n"],"sourceRoot":""}