{"version":3,"sources":["webpack:///./src/views/SearchBook.vue","webpack:///src/views/SearchBook.vue","webpack:///./src/views/SearchBook.vue?6c05","webpack:///./src/views/SearchBook.vue?1f52","webpack:///./src/views/SearchBook.vue?9d93"],"names":["render","_vm","this","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","on","onBackClick","require","proxy","directives","name","rawName","value","Keyword","expression","ref","$t","domProps","$event","target","composing","inputText","staticStyle","searchList","_v","_s","model","showPicker","callback","$$v","columns","onConfirm","_l","arrList","item","index","openBookDetail","itemid","photo_url","kioskrankorder","_e","class","length","publisher","publishlang","publishdate","epublisher","quantity","selectIndex","staticRenderFns","data","sale_machine_name","shopId","Itemcategoryid","tips","components","NavgationBar","created","loadData","lang","window","localStorage","getItem","indexOf","methods","itemId","$router","push","path","query","routerType","Toast","loading","message","forbidClick","$api","home","soldMachineSearchList","then","res","map","obj","url","configUrl","baseURL","catch","error","go","selectSaleMachine","component"],"mappings":"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","file":"js/search.8cab066d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"search-container\"},[_c('div',{staticClass:\"search-container-item\"},[_c('navgation-bar',{attrs:{\"isDefault\":false},scopedSlots:_vm._u([{key:\"nav-left\",fn:function(){return [_c('div',{staticClass:\"search-container-nav-left\",on:{\"click\":_vm.onBackClick}},[_c('img',{attrs:{\"src\":require(\"@img/back-white.svg\")}})])]},proxy:true},{key:\"nav-center\",fn:function(){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.Keyword),expression:\"Keyword\"}],ref:\"tagInput\",staticClass:\"input-search\",attrs:{\"autofocus\":\"\",\"type\":\"search\",\"placeholder\":_vm.$t('app.home_search')},domProps:{\"value\":(_vm.Keyword)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.Keyword=$event.target.value},_vm.inputText]}})]},proxy:true},{key:\"nav-right\",fn:function(){return [_c('div',{staticStyle:{\"font-size\":\"14px\",\"color\":\"white\",\"width\":\"50px\"},on:{\"click\":_vm.searchList}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"app.home_search_item\")))])])]},proxy:true}])})],1),_c('van-popup',{attrs:{\"round\":\"\",\"position\":\"bottom\"},model:{value:(_vm.showPicker),callback:function ($$v) {_vm.showPicker=$$v},expression:\"showPicker\"}},[_c('van-picker',{attrs:{\"show-toolbar\":\"\",\"columns\":_vm.columns,\"confirm-button-text\":_vm.$t('app.home_sure'),\"cancel-button-text\":_vm.$t('app.home_cancel')},on:{\"cancel\":function($event){_vm.showPicker = false},\"confirm\":_vm.onConfirm}})],1),_c('div',{staticClass:\"book-list-wrapper\"},_vm._l((_vm.arrList),function(item,index){return _c('div',{key:index},[_c('div',{staticClass:\"book-list-wrapper-item\",on:{\"click\":function($event){return _vm.openBookDetail(item.itemid)}}},[_c('div',{staticClass:\"book-left\"},[_c('van-image',{attrs:{\"width\":\"70px\",\"height\":\"100px\",\"cover\":\"\",\"src\":item.photo_url}})],1),_c('div',{staticClass:\"book-right\"},[(item.kioskrankorder > 0)?_c('div',{staticClass:\"book-title\"},[_c('span',{staticStyle:{\"height\":\"20px\",\"margin-right\":\"8px\",\"padding\":\"0 5px\",\"text-align\":\"center\",\"line-height\":\"20px\",\"font-size\":\"10px\",\"color\":\"white\",\"font-wigth\":\"500px\",\"background\":\"linear-gradient(0deg, #269CA8 0%, #6AC6BA 100%)\",\"border-radius\":\"4px\"}},[_vm._v(_vm._s(_vm.$t(\"app.home_lr\")))])]):_vm._e(),_c('div',{class:item.name.length > 0 ? '' : 'book-title-maxHeight',staticStyle:{\"margin-top\":\"3px\"}},[_c('span',{staticClass:\"book-title-text\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"book-desc-wrapper\"},[_c('div',{staticClass:\"book-desc-item\"},[_c('span',{staticClass:\"book-desc-item-left\"},[_vm._v(_vm._s(_vm.$t(\"app.home_publisher\"))+\"：\")]),_c('span',{staticClass:\"book-desc-item-right\"},[_vm._v(_vm._s(item.publisher))])]),_c('div',{staticClass:\"book-desc-item\"},[_c('span',{staticClass:\"book-desc-item-left\"},[_vm._v(_vm._s(_vm.$t(\"app.home_publishlang\"))+\"：\")]),_c('span',{staticClass:\"book-desc-item-right\"},[_vm._v(_vm._s(item.publishlang))])]),_c('div',{staticClass:\"book-desc-item-last\"},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('span',{staticClass:\"book-desc-item-left\"},[_vm._v(_vm._s(_vm.$t(\"app.home_publishdate\"))+\"：\")]),_c('span',{staticClass:\"book-desc-item-right\"},[_vm._v(_vm._s(item.publishdate))])]),(item.epublisher>0)?_c('div',{staticClass:\"book-desc-item-content-right\"},[_c('span',{staticClass:\"book-desc-item-content-right-currency\"},[_vm._v(\"MOP  \")]),_c('span',{staticClass:\"book-desc-item-content-right-amount\"},[_vm._v(_vm._s(item.epublisher))])]):_c('div',[_c('span',{staticClass:\"book-desc-item-content-right-currency\"},[_vm._v(_vm._s(_vm.$t(\"app.home_free\"))+\" }}\")])])])])])]),(item.quantity <= 0)?_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\",\"position\":\"absolute\",\"z-index\":\"99\",\"right\":\"15px\",\"margin-top\":\"-70px\"}},[(_vm.selectIndex == 3)?_c('img',{staticStyle:{\"width\":\"80px\",\"height\":\"42px\"},attrs:{\"src\":require(\"@img/ibms_sold_out_p@2x.png\"),\"alt\":\"\"}}):(_vm.selectIndex == 2)?_c('img',{staticStyle:{\"width\":\"80px\",\"height\":\"42px\"},attrs:{\"src\":require(\"@img/ibms_sold_out_en@2x.png\"),\"alt\":\"\"}}):_c('img',{staticStyle:{\"width\":\"80px\",\"height\":\"42px\"},attrs:{\"src\":require(\"@img/ibms_sold_out@2x.png\"),\"alt\":\"\"}})]):_vm._e()])}),0)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"search-container\">\n    <div class=\"search-container-item\">\n      <navgation-bar :isDefault=\"false\">\n        <template v-slot:nav-left>\n          <div class=\"search-container-nav-left\" @click=\"onBackClick\">\n            <img src=\"@img/back-white.svg\" />\n          </div>\n        </template>\n        <template v-slot:nav-center>\n          <input\n            autofocus\n            ref=\"tagInput\"\n            class=\"input-search\"\n            type=\"search\"\n            v-model=\"Keyword\"\n            :placeholder=\"$t('app.home_search')\"\n            v-on:input=\"inputText\"\n          />\n        </template>\n\n        <template v-slot:nav-right>\n          <div\n            style=\"font-size: 14px;color: white; width:50px\"\n            @click=\"searchList\"\n          >\n            <span>{{ $t(\"app.home_search_item\") }}</span>\n          </div>\n        </template>\n      </navgation-bar>\n    </div>\n\n    <van-popup v-model=\"showPicker\" round position=\"bottom\">\n      <van-picker\n        show-toolbar\n        :columns=\"columns\"\n        @cancel=\"showPicker = false\"\n        @confirm=\"onConfirm\"\n        :confirm-button-text=\"$t('app.home_sure')\"\n        :cancel-button-text=\"$t('app.home_cancel')\"\n      />\n    </van-popup>\n\n    <!-- 搜索條件結束-->\n\n    <!-- 圖書列表  start-->\n    <div class=\"book-list-wrapper\">\n      <div v-for=\"(item, index) in arrList\" :key=\"index\">\n        <div\n          class=\"book-list-wrapper-item\"\n          @click=\"openBookDetail(item.itemid)\"\n        >\n          <div class=\"book-left\">\n            <van-image\n              width=\"70px\"\n              height=\"100px\"\n              cover\n              :src=\"item.photo_url\"\n            />\n          </div>\n          <div class=\"book-right\">\n            <div class=\"book-title\" v-if=\"item.kioskrankorder > 0\">\n              <span\n                style=\"height: 20px;margin-right:8px;padding:0 5px; text-align: center;line-height: 20px;font-size:10px;color:white;font-wigth:500px;background: linear-gradient(0deg, #269CA8 0%, #6AC6BA 100%);border-radius: 4px;\"\n                >{{ $t(\"app.home_lr\") }}</span\n              >\n            </div>\n            <div\n              style=\"margin-top:3px\"\n              :class=\"item.name.length > 0 ? '' : 'book-title-maxHeight'\"\n            >\n              <span class=\"book-title-text\">{{ item.name }}</span>\n            </div>\n\n            <div class=\"book-desc-wrapper\">\n              <div class=\"book-desc-item\">\n                <span class=\"book-desc-item-left\"\n                  >{{ $t(\"app.home_publisher\") }}：</span\n                >\n                <span class=\"book-desc-item-right\">{{ item.publisher }}</span>\n              </div>\n              <div class=\"book-desc-item\">\n                <span class=\"book-desc-item-left\"\n                  >{{ $t(\"app.home_publishlang\") }}：</span\n                >\n                <span class=\"book-desc-item-right\">{{ item.publishlang }}</span>\n              </div>\n              <div class=\"book-desc-item-last\">\n                <div style=\"display:flex\">\n                  <span class=\"book-desc-item-left\"\n                    >{{ $t(\"app.home_publishdate\") }}：</span\n                  >\n                  <span class=\"book-desc-item-right\">{{\n                    item.publishdate\n                  }}</span>\n                </div>\n                <div\n                  class=\"book-desc-item-content-right\"\n                  v-if=\"item.epublisher>0\"\n                >\n                  <span class=\"book-desc-item-content-right-currency\"\n                    >MOP&nbsp;&nbsp;</span\n                  >\n                  <span class=\"book-desc-item-content-right-amount\">{{\n                    item.epublisher\n                  }}</span>\n                </div>\n                <div v-else>\n                  <span class=\"book-desc-item-content-right-currency\">{{\n                     $t(\"app.home_free\")\n                    }}\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div\n          v-if=\"item.quantity <= 0\"\n          style=\" display:flex;justify-content: flex-end;position: absolute;z-index: 99;right:15px;margin-top: -70px;\"\n        >\n          <img\n            v-if=\"selectIndex == 3\"\n            src=\"@img/ibms_sold_out_p@2x.png\"\n            alt=\"\"\n            style=\"width:80px;height:42px\"\n          />\n          <img\n            v-else-if=\"selectIndex == 2\"\n            src=\"@img/ibms_sold_out_en@2x.png\"\n            alt=\"\"\n            style=\"width:80px;height:42px\"\n          />\n          <img\n            v-else\n            src=\"@img/ibms_sold_out@2x.png\"\n            alt=\"\"\n            style=\"width:80px;height:42px\"\n          />\n        </div>\n      </div>\n    </div>\n    <!-- 圖書列表  end-->\n  </div>\n</template>\n\n<script>\nimport NavgationBar from \"@c/currency/NavigationBar\";\nimport base from \"../api/base\"; // 导入接口域名列表\nimport { Toast } from \"vant\";\nexport default {\n  name: \"search\",\n  data() {\n    return {\n      showPicker: false,\n      sale_machine_name: \"\",\n      columns: 0,\n      shopId: \"\",\n      Keyword: \"\",\n      Itemcategoryid: \"\",\n      arrList: [],\n      tips: \"搜索\",\n      selectIndex: 0\n    };\n  },\n  components: {\n    NavgationBar\n  },\n  created() {\n    this.sale_machine_name = \"高士德门市售賣機\";\n    this.loadData();\n\n    var lang = window.localStorage.getItem(\"lang\");\n    if (lang.indexOf(\"en\") != -1) {\n      this.selectIndex = 2;\n    } else if (lang.indexOf(\"po\") != -1) {\n      this.selectIndex = 3;\n    } else {\n      this.selectIndex = 0;\n    }\n  },\n  // mounted() {\n  //   var that  = this;\n  //   this.$nextTick(_ => {\n  //     that.$refs.tagInput.$refs.input.focus();\n  //   });\n  // },\n  methods: {\n    inputText(item) {\n      if (!item.data) {\n        this.loadData();\n      }\n    },\n    openBookDetail(itemId) {\n      this.$router.push({\n        path: \"/bookdetail\",\n        query: { routerType: \"push\", itemId: itemId }\n      });\n    },\n    searchList() {\n      if (this.tips == \"取消\") {\n        this.Keyword = \"\";\n        this.tips = \"搜索\";\n      } else {\n        this.tips = \"取消\";\n      }\n      this.loadData();\n    },\n    loadData() {\n      Toast.loading({\n        message: \"加载中...\",\n        forbidClick: true\n      });\n\n      this.$api.home\n        .soldMachineSearchList(this.Keyword)\n        .then(res => {\n          var data = res.data.data;\n          this.arrList = data;\n          var arrList = [];\n          var image = data.map(obj => {\n            var url =\n               window.configUrl.baseURL  + \"/mbs/api/item/\" + obj.itemid + \"/file?type=\" + 0;\n\n            obj.photo_url = url;\n            arrList.push(obj);\n          });\n        })\n        .catch(error => {});\n    },\n    onBackClick() {\n      this.$router.go(-1);\n    },\n    onConfirm(value) {\n      this.showPicker = false;\n      this.sale_machine_name = value;\n    },\n    selectSaleMachine() {\n      this.showPicker = true;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@css/style.scss\";\n\n.search-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n\n  &-nav-left {\n    position: relative;\n    width: 100%;\n    img {\n      position: absolute;\n      left: 0;\n      top: 50%;\n      margin-top: px2rem(-13);\n    }\n  }\n\n  &-nav-title {\n    width: 100%;\n    height: 100%;\n    font-size: $titleSize;\n    font-weight: bold;\n    text-align: center;\n    color: black;\n  }\n}\n\n.search-condition-wrapper {\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  background-color: white;\n}\n.search-container-nav-left {\n  display: flex;\n}\n.search-condition-item {\n  display: flex;\n  flex-direction: row;\n  font-size: 14px;\n  line-height: 40px;\n  margin-top: 10px;\n  margin-left: 20px;\n}\n\n.search-condition-item-text {\n  width: 60px;\n}\n\n.search-condition-item-right {\n  flex: 1;\n  // border: 1px solid red;\n  margin-right: 10px;\n  background: #f2f2f2;\n  border-radius: 5px;\n  height: 35px;\n}\ninput,\ntextarea {\n  -webkit-user-select: text; //允许用户选中文本\n}\n.input-search {\n  height: 100%;\n\n  display: flex;\n  border-radius: 16px;\n  height: 35px;\n  line-height: 35px;\n  color: white;\n  background: rgba(255, 255, 255, 0.2);\n  background-position: 4px 4px;\n  background-repeat: no-repeat;\n  background-image: url(\"../assets/img/seach-icon.png\");\n  font-size: 14px;\n  width: 6.5rem;\n  padding-left: 30px;\n}\n// input::-webkit-search-decoration,\n// input::-webkit-search-cancel-button {\n//   -webkit-appearance: none;\n//   height: 16px;\n//   width: 16px;\n//   background: url(https://yxs-web.oss-cn-beijing.aliyuncs.com/328e4d97f9d0d68ea04e872f68e508e3.png)\n//     no-repeat;\n//   background-size: contain;\n// }\n.search-container-item {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 1.3rem;\n  line-height: 1.3rem;\n  z-index: 999;\n}\n\n.search-condition-item-input {\n  background: #f2f2f2;\n  width: 95%;\n  border-radius: 5px;\n  height: 25px;\n  padding-left: 10px;\n}\n\n.search-btn-wrapper {\n  display: flex;\n  margin-top: 20px;\n  justify-content: center;\n}\n\n.search-btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 200px;\n  height: 30px;\n  background-color: #20c27e;\n  border-radius: 5px;\n}\n\n.search-btn-text {\n  color: white;\n  font-size: 14px;\n}\n\n.search-condition-item-right-select {\n  display: flex;\n  flex-direction: row;\n}\n\n.search-condition-item-right-select-left {\n  flex: 1;\n  margin-left: 10px;\n  margin-top: -2px;\n}\n\n.down-arrow {\n  display: flex;\n  width: 0px;\n  height: 0px;\n  border-width: 5px;\n  border-style: solid;\n  margin-top: 15px;\n  margin-right: 10px;\n  border-color: black transparent transparent transparent;\n}\n\n// 圖片列表 start\n\n.book-list-wrapper {\n  display: flex;\n  flex-direction: column;\n  margin-top: 1.3rem;\n  overflow-y: auto;\n  position: relative;\n}\n\n.book-list-wrapper-item {\n  display: flex;\n  flex-direction: row;\n  background-color: white;\n  margin-top: 1px;\n  font-size: 14px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 10px;\n  z-index: 888;\n}\n\n.book-left {\n  margin-top: 10px;\n  display: flex;\n  width: 67px;\n  height: 85px;\n}\n\n.book-right {\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  margin-left: 10px;\n  z-index: 888;\n}\n.book-title-text {\n  color: #000000;\n  font-size: 14px;\n  line-height: 18px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.book-title-maxHeight {\n  height: 18px;\n}\n\n.book-desc-wrapper {\n  margin-top: 10px;\n}\n.book-desc-item {\n  font-size: 13px;\n  color: #ababab;\n  padding: 3px 0px;\n  display: flex;\n  line-height: 15px;\n}\n.book-desc-item-left {\n  width: 70px;\n  font-size: 13px;\n}\n\n.book-desc-item-right {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  word-break: break-all;\n}\n\n.book-desc-item-content {\n  display: flex;\n  flex-direction: row;\n}\n\n.book-desc-item-last {\n  font-size: 13px;\n  color: #ababab;\n  padding: 3px 0px;\n  display: flex;\n  line-height: 15px;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.book-desc-item-content-left {\n  display: flex;\n  flex: 1;\n}\n\n.book-desc-item-content-right {\n  width: 100px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.book-desc-item-content-right-currency {\n  font-size: 13px;\n  margin-top: 5px;\n  color: #4d4d4d;\n}\n\n.book-desc-item-content-right-amount {\n  font-size: 20px;\n  color: #24a7b3;\n  font-weight: 500;\n}\n\n::-webkit-input-placeholder {\n  /* WebKit browsers */\n  color: #ffffff;\n  font-size: 14px;\n}\n:-moz-placeholder {\n  /* Mozilla Firefox 4 to 18 */\n  color: #ffffff;\n  font-size: 14px;\n}\n::-moz-placeholder {\n  /* Mozilla Firefox 19+ */\n  color: #ffffff;\n  font-size: 14px;\n}\n:-ms-input-placeholder {\n  /* Internet Explorer 10+ */\n  color: #ffffff;\n  font-size: 14px;\n}\n//  input[type=search]::-webkit-search-cancel-button{\n//     -webkit-appearance: none;//此处只是去掉默认的小×\n// }\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  position: relative;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background-image: url(\"../assets/img/x.png\");\n  background-repeat: no-repeat;\n  // background-color:white;\n}\n\n// input[type=search]::-webkit-search-cancel-button:after{\n//     position: absolute;\n//     content: 'x';\n//     left: 25%;\n//     top: -12%;\n//     font-size: 20px;\n//     color: red;\n// }\n// 圖片列表 end\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBook.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBook.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBook.vue?vue&type=template&id=61c4d3ca&scoped=true\"\nimport script from \"./SearchBook.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBook.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchBook.vue?vue&type=style&index=0&id=61c4d3ca&prod&lang=scss&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  \"61c4d3ca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBook.vue?vue&type=style&index=0&id=61c4d3ca&prod&lang=scss&scoped=true\""],"sourceRoot":""}