{"version":3,"sources":["webpack:///./src/components/Cruise/SuiteTypeSelectModel.vue?95e3","webpack:///./src/components/Cruise/SuiteTypeSelectModel.vue","webpack:///src/components/Cruise/SuiteTypeSelectModel.vue","webpack:///./src/components/Cruise/SuiteTypeSelectModel.vue?020b","webpack:///./src/components/Cruise/SuiteTypeSelectModel.vue?df5b"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","visible","expression","staticClass","on","close","attrs","imgUrl","_v","_l","menuList","item","key","id","class","isSelected","isDisable","$event","change","_s","title","_e","shipCode","suiteTypeToSuiteDetails","staticRenderFns","props","isShow","type","Boolean","default","suiteType","Object","disableList","Array","String","data","process","watch","val","forEach","r","index","undefined","find","methods","$emit","row","component"],"mappings":"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","file":"js/chunk-0c791e6c.8e9cd6d6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SuiteTypeSelectModel.vue?vue&type=style&index=0&id=55c7cfda&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visible),expression:\"visible\"}],staticClass:\"select-model\"},[_c('div',{staticClass:\"select-model-mask\",on:{\"click\":_vm.close}}),_c('div',{staticClass:\"select-model-container\"},[_c('div',{staticClass:\"container-title\"},[_c('img',{attrs:{\"src\":`${_vm.imgUrl}/mobile/icons/icon-suite-type-select.png`}}),_c('span',[_vm._v(\"请选择套房类型\")])]),_c('div',{staticClass:\"container-content\"},[_c('ul',{staticClass:\"select-menu\"},_vm._l((_vm.menuList),function(item){return _c('li',{key:item.id,class:{'is-selected':item.isSelected,'is-disable':item.isDisable},on:{\"click\":function($event){return _vm.change(item)}}},[_c('div',{staticClass:\"menu-title\"},[_vm._v(_vm._s(item.title))]),(item.isSelected)?_c('img',{staticClass:\"menu-icon\",attrs:{\"src\":`${_vm.imgUrl}/mobile/icons/icon-checked-blue.png`}}):_vm._e()])}),0),(_vm.shipCode !== 'OV')?_c('div',{staticClass:\"select-menu-btn\",on:{\"click\":_vm.suiteTypeToSuiteDetails}},[_c('div',{staticClass:\"inner\"},[_c('img',{attrs:{\"src\":`${_vm.imgUrl}/mobile/details/suite/suite_details_icon.png`}}),_c('span',[_vm._v(\"礼遇详情\")])])]):_vm._e()]),_c('div',{staticClass:\"select-model-close-btn\",on:{\"click\":_vm.close}},[_c('span',{},[_vm._v(\"X\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"select-model\" v-show=\"visible\">\r\n    <div class=\"select-model-mask\" @click=\"close\"></div>\r\n    <div class=\"select-model-container\">\r\n      <div class=\"container-title\">\r\n        <img :src=\"`${imgUrl}/mobile/icons/icon-suite-type-select.png`\">\r\n        <span>请选择套房类型</span>\r\n      </div>\r\n      <div class=\"container-content\">\r\n        <ul class=\"select-menu\">\r\n          <li v-for=\"item in menuList\" :key=\"item.id\" :class=\"{'is-selected':item.isSelected,'is-disable':item.isDisable}\" @click=\"change(item)\">\r\n            <div class=\"menu-title\">{{item.title}}</div>\r\n            <img v-if=\"item.isSelected\" class=\"menu-icon\" :src=\"`${imgUrl}/mobile/icons/icon-checked-blue.png`\" />\r\n          </li>\r\n        </ul>\r\n        <div v-if=\"shipCode !== 'OV'\" class=\"select-menu-btn\" @click=\"suiteTypeToSuiteDetails\">\r\n          <div class=\"inner\">\r\n            <img :src=\"`${imgUrl}/mobile/details/suite/suite_details_icon.png`\" />\r\n            <span>礼遇详情</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"select-model-close-btn\" @click=\"close\"><span class=\"\">X</span></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"SuiteTypeSelectModel\",\r\n  props: {\r\n    isShow: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    suiteType: {\r\n      type: Object,\r\n      default: null\r\n    },\r\n    disableList: {\r\n      type: Array,\r\n      default: null\r\n    },\r\n    shipCode: {\r\n      type: String,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      visible: false,\r\n      imgUrl: process.env.VUE_APP_IMG_URL,\r\n      menuList: [{\r\n        id: 'ALL',\r\n        title: '全部',\r\n        type: null,\r\n        isSelected: true\r\n      },{\r\n        id: 'STAR',\r\n        title: '星际套房（尊享26项礼遇）',\r\n        type: 3,\r\n        isSelected: false,\r\n        isDisable: false\r\n      },{\r\n        id: 'SKY',\r\n        title: '天际套房（尊享17项礼遇）',\r\n        type: 2,\r\n        isSelected: false,\r\n        isDisable: false\r\n      },{\r\n        id: 'SEA',\r\n        title: '海际套房（尊享6项礼遇）',\r\n        type: 1,\r\n        isSelected: false,\r\n        isDisable: false\r\n      }]\r\n    }\r\n  },\r\n  watch: {\r\n    isShow(val) {\r\n      if(val) {\r\n        this.menuList.forEach((r,index)=> {\r\n          r.isSelected = r.id === this.suiteType.id;\r\n          if(index !== 0) {\r\n            r.isDisable = this.disableList.find(value=> value === r.type) === undefined;\r\n          }\r\n        });\r\n      }\r\n      this.visible = val;\r\n    }\r\n  },\r\n  methods: {\r\n    close() {\r\n      this.$emit(\"close\", false);\r\n    },\r\n    change(val) {\r\n      if(!val.isDisable) {\r\n        this.menuList.forEach((row) => {\r\n          row.isSelected = row.id === val.id;\r\n        });\r\n        this.$emit(\"change\", val);\r\n      }\r\n    },\r\n    suiteTypeToSuiteDetails() {\r\n      this.$emit('details-popup',true)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.select-model {\r\n  width: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  z-index: 10001;\r\n  & .select-model-mask {\r\n    background-color: rgba(0,0,0,.4);\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 94px;\r\n  }\r\n  & .select-model-container {\r\n    background-color: #fff;\r\n    border-top: 5px solid #FEBC10;\r\n    padding: 22px 20px 13px 20px;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    & .container-title {\r\n      padding-bottom: 8px;\r\n      margin-bottom: 12px;\r\n      img {\r\n        width: 22px;\r\n        vertical-align: middle;\r\n      }\r\n      span {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        font-size: 14px;\r\n        color: #4A90E2;\r\n        letter-spacing: 1px;\r\n        line-height: 22px;\r\n        margin-left: 3px;\r\n      }\r\n    }\r\n    & .container-content {\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .select-model-close-btn {\r\n      width: 38px;\r\n      text-align: center;\r\n      height: 34px;\r\n      line-height: 34px;\r\n      position: absolute;\r\n      top: -4px;\r\n      right: -4px;\r\n      background: #FEBC10;\r\n      border-bottom-left-radius: 8px;\r\n      -webkit-border-bottom-left-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n      -webkit-border-bottom-right-radius: 8px;\r\n      > span {\r\n        display: inline-block;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        -webkit-transform: scale(1.5,1.3);\r\n        -moz-transform: scale(1.5,1.3);\r\n        -ms-transform: scale(1.5,1.3);\r\n        -o-transform: scale(1.5,1.3);\r\n        transform: scale(1.5,1.3);\r\n      }\r\n    }\r\n  }\r\n}\r\n.select-menu {\r\n  & > li {\r\n    height: 50px;\r\n    line-height: 50px;\r\n    font-size: 14px;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid #e3e3e3;\r\n    &.is-selected {\r\n      color: #458de0;\r\n    }\r\n    &.is-disable {\r\n      color: #999999;\r\n    }\r\n    & .menu-title {\r\n      float: left;\r\n      width: 85%;\r\n    }\r\n    & .menu-icon {\r\n      float: right;\r\n      height: 16px;\r\n      margin-top: 17px;\r\n    }\r\n  }\r\n}\r\n.select-menu-btn {\r\n  width: 185px;\r\n  height: 58px;\r\n  border-radius: 58px;\r\n  padding: 6px;\r\n  margin: 15px auto 10px;\r\n  text-align: center;\r\n  border: 1px solid #febc10;\r\n  background-color: #FFFFFF;\r\n  & .inner {\r\n    height: 44px;\r\n    line-height: 44px;\r\n    border-radius: 44px;\r\n    font-size: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #febc10;\r\n    color: #48575a;\r\n    & > img {\r\n      align-items: center;\r\n      height: 27px;\r\n      margin-right: 5px;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./SuiteTypeSelectModel.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!./SuiteTypeSelectModel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SuiteTypeSelectModel.vue?vue&type=template&id=55c7cfda&scoped=true\"\nimport script from \"./SuiteTypeSelectModel.vue?vue&type=script&lang=js\"\nexport * from \"./SuiteTypeSelectModel.vue?vue&type=script&lang=js\"\nimport style0 from \"./SuiteTypeSelectModel.vue?vue&type=style&index=0&id=55c7cfda&prod&lang=less&scoped=true\"\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  \"55c7cfda\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}