{"version":3,"sources":["webpack:///./src/views/Subscription.vue?9feb","webpack:///./src/views/Subscription.vue?89af","webpack:///src/views/Subscription.vue","webpack:///./src/views/Subscription.vue?594f","webpack:///./src/views/Subscription.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breadcrumbItems","_l","item","index","key","on","$event","removeCrop","_v","_s","C_NAME","saveprocess","messageObject","warning","count","warningCountChanged","content","staticStyle","changeCategory","model","value","crop","callback","$$v","$set","expression","checked","staticRenderFns","data","PassToken","$route","query","Token","indeterminate","old_checked","subscriptionSelected","filter","fruitList","rhizomeList","leafyList","FlowerFruitList","MushroomList","WholeGrainsList","otherList","cropList","selectList","subscriptionList","subscriptionOldList","subscriptionSelectList","subscription","subscription2","passwordobject","first","state","message","second","account","AC_TEL","AC_TITLE","AC_CONTENT","AC_NOTIFY","show","dismissSecs","savelist","apiCropSubscribeList","apiCropSubscribeUpdate","apiGetAccountSelf","apiGetthisAccount","apiUpdateAccountSelf","apiCropDescriptionList","created","checkLogin","watch","alert","setTimeout","methods","init","$router","push","getCropDescriptionList","getCropSubscribeList","updateCropSubscribe","getAccountSelf","updateAccountSelf","FunctionToken","splice","length","warningPopUp","msg","component"],"mappings":"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","file":"static/js/chunk-18e745af.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscription.vue?vue&type=style&index=0&id=7144aec1&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"view-full\",attrs:{\"fluid\":\"\"}},[_c('b-breadcrumb',{staticClass:\"minus-gutters\",attrs:{\"items\":_vm.breadcrumbItems}}),_c('b-row',{staticClass:\"subscription-group\",attrs:{\"align-v\":\"center\"}},[_c('b-col',{staticClass:\"mr-auto subscription-btn\",attrs:{\"cols\":\"auto\"}},[_vm._l((_vm.checked),function(item,index){return [_c('b-button',{key:index,attrs:{\"variant\":\"light\"},on:{\"click\":function($event){return _vm.removeCrop(item)}}},[_vm._v(_vm._s(item.C_NAME)),_c('b-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"x-circle\",\"aria-hidden\":\"true\"}})],1)]})],2),_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.saveprocess}},[_vm._v(\"儲存變更\")])],1)],1),_c('b-alert',{attrs:{\"show\":_vm.messageObject.warning.count,\"variant\":\"danger\",\"dismissible\":\"\"},on:{\"dismissed\":function($event){_vm.messageObject.warning.count = 0},\"dismiss-count-down\":_vm.warningCountChanged}},[_vm._v(_vm._s(_vm.messageObject.warning.content)+\" \")]),_c('b-row',{attrs:{\"align-h\":\"center\"}},[_c('b-col',{staticClass:\"setdivheight\",attrs:{\"md\":\"5\"}},[_c('b-row',[_c('span',[_vm._v(\"指定農情作物\"),_c('br'),_c('I',{staticStyle:{\"font-size\":\"0.8rem\"}},[_vm._v(\"最多選取五項作物\")])],1)]),_c('b-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"margin-bottom\":\"1.5rem\"}}),_c('b-container',[_c('b-row',{staticStyle:{\"margin-bottom\":\"0.5rem\"}},[_c('b-col',[_c('b-button',{staticClass:\"white-text-btn blue\",on:{\"click\":function($event){return _vm.changeCategory(0)}}},[_vm._v(\"水果類\")]),_c('b-button',{staticClass:\"white-text-btn orange\",on:{\"click\":function($event){return _vm.changeCategory(1)}}},[_vm._v(\"根莖菜類\")]),_c('b-button',{staticClass:\"white-text-btn green\",on:{\"click\":function($event){return _vm.changeCategory(2)}}},[_vm._v(\"葉菜類\")]),_c('b-button',{staticClass:\"white-text-btn purple\",on:{\"click\":function($event){return _vm.changeCategory(3)}}},[_vm._v(\"花果菜類\")]),_c('b-button',{staticClass:\"white-text-btn darkblue\",on:{\"click\":function($event){return _vm.changeCategory(4)}}},[_vm._v(\"菇菌類\")]),_c('b-button',{staticClass:\"white-text-btn yellow\",on:{\"click\":function($event){return _vm.changeCategory(5)}}},[_vm._v(\"五穀雜糧類\")]),_c('b-button',{staticClass:\"white-text-btn brown\",on:{\"click\":function($event){return _vm.changeCategory(6)}}},[_vm._v(\"其他類\")]),_c('b-form-input',{staticClass:\"farminput\",attrs:{\"placeholder\":\"請輸入作物關鍵字查詢\",\"debounce\":\"500\",\"max\":\"10\"},model:{value:(_vm.crop.filter),callback:function ($$v) {_vm.$set(_vm.crop, \"filter\", $$v)},expression:\"crop.filter\"}})],1)],1),_c('b-row',_vm._l((_vm.subscriptionList),function(item,index){return _c('b-col',{key:index,attrs:{\"lg\":\"3\"}},[_c('label',{staticClass:\"choose-box box\"},[_c('b-checkbox',{staticClass:\"d-inline\",attrs:{\"value\":item},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:\"checked\"}}),_vm._v(\" \"+_vm._s(item.C_NAME)+\" \")],1)])}),1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid class=\"view-full\">\r\n    <b-breadcrumb :items=\"breadcrumbItems\" class=\"minus-gutters\"></b-breadcrumb>\r\n    <b-row class=\"subscription-group\" align-v=\"center\">\r\n      <b-col cols=\"auto\" class=\"mr-auto subscription-btn\">\r\n        <template v-for=\"(item,index) in checked\">\r\n          <b-button variant=\"light\" :key=\"index\" @click=\"removeCrop(item)\">{{item.C_NAME}}<b-icon icon=\"x-circle\" aria-hidden=\"true\" class=\"ml-2\"></b-icon></b-button>\r\n        </template>\r\n      </b-col>\r\n      <b-col cols=\"auto\">\r\n        <b-button @click=\"saveprocess\" variant=\"primary\">儲存變更</b-button>\r\n      </b-col>\r\n    </b-row>\r\n    <b-alert\r\n      :show=\"messageObject.warning.count\"\r\n      variant=\"danger\"\r\n      dismissible\r\n      @dismissed=\"messageObject.warning.count = 0\"\r\n      @dismiss-count-down=\"warningCountChanged\"\r\n      >{{ messageObject.warning.content }}\r\n    </b-alert>\r\n    <b-row align-h=\"center\">\r\n      <b-col md=\"5\" class=\"setdivheight\">\r\n        <!--email訂閱功能先關閉，之後需要在打開 -->\r\n        <!-- <b-row>\r\n          <h3 style=\"margin-right: 0.5rem;\">Email 訂閱</h3>\r\n          <b-form-checkbox\r\n            v-model=\"account.AC_NOTIFY\"\r\n            name=\"check-button\"\r\n            switch\r\n            size=\"lg\"\r\n            value=\"true\"\r\n            unchecked-value=\"false\"\r\n          >\r\n          </b-form-checkbox>\r\n        </b-row> -->\r\n        <b-row>\r\n          <span\r\n            >指定農情作物<br /><I style=\"font-size:0.8rem\"\r\n              >最多選取五項作物</I\r\n            ></span\r\n          >\r\n        </b-row>\r\n        <!-- <b-row style=\"margin-bottom: 0.5rem;\">\r\n          <span\r\n            ><I style=\"font-size:0.8rem\"\r\n              >※由於某些信箱會有阻擋廣告信的功能，請到您的垃圾信件匣查看，並勾選「嘉義縣農情資訊平台\r\n              」信件，點選非垃圾郵件的按鍵。</I\r\n            ></span\r\n          >\r\n        </b-row> -->\r\n        <b-row\r\n          style=\"display: flex;justify-content: center; align-items: center; margin-bottom: 1.5rem;\"\r\n        >\r\n          \r\n        </b-row>\r\n        <b-container>\r\n          <b-row style=\"margin-bottom: 0.5rem;\" >\r\n            <b-col>\r\n              <b-button class=\"white-text-btn blue\" @click=\"changeCategory(0)\"\r\n                >水果類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn orange\" @click=\"changeCategory(1)\"\r\n                >根莖菜類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn green\" @click=\"changeCategory(2)\"\r\n                >葉菜類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn purple\" @click=\"changeCategory(3)\"\r\n                >花果菜類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn darkblue\" @click=\"changeCategory(4)\"\r\n                >菇菌類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn yellow\" @click=\"changeCategory(5)\"\r\n                >五穀雜糧類</b-button\r\n              >\r\n              <b-button class=\"white-text-btn brown\" @click=\"changeCategory(6)\"\r\n                >其他類</b-button\r\n              >\r\n              <b-form-input\r\n                class=\"farminput\"\r\n                v-model=\"crop.filter\"\r\n                placeholder=\"請輸入作物關鍵字查詢\"\r\n                debounce=\"500\"\r\n                max=\"10\"\r\n              ></b-form-input>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row>\r\n            <b-col lg=\"3\" v-for=\"(item, index) in subscriptionList\" :key=\"index\">\r\n              <label class=\"choose-box box\">\r\n                <b-checkbox\r\n                  v-model=\"checked\"\r\n                  :value=\"item\"\r\n                  class=\"d-inline\"\r\n                ></b-checkbox>\r\n                {{ item.C_NAME }}\r\n              </label>\r\n            </b-col>\r\n          </b-row>\r\n        </b-container>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n<script>\r\nimport SUBSCRIPTION from \"@/data/SUBSCRIPTION_CODE_LIST.json\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      PassToken: this.$route.query.Token,\r\n      checked: [],\r\n      indeterminate:null,\r\n      old_checked: [],\r\n      subscriptionSelected:{ code: null, label: '請選擇' },\r\n      breadcrumbItems: [\r\n        {\r\n          text: \"首頁\",\r\n          href: \"#\",\r\n        },\r\n        {\r\n          text: \"訂閱\",\r\n          active: true,\r\n        },\r\n      ],\r\n      crop:{\r\n        filter:null,\r\n        fruitList:[],\r\n        rhizomeList:[],\r\n        leafyList:[],\r\n        FlowerFruitList:[],\r\n        MushroomList:[],\r\n        WholeGrainsList:[],\r\n        otherList:[]\r\n      },\r\n      cropList:[],\r\n      selectList:[],\r\n      subscriptionList:[],\r\n      subscriptionOldList:[],\r\n      subscriptionSelectList:[{ code: '0', label: '請選擇' }],\r\n      subscription: SUBSCRIPTION,\r\n      subscription2:[],\r\n      passwordobject: {\r\n        first: {\r\n          value: null,\r\n          state: null,\r\n          message: \"欄位不能為空值\",\r\n        },\r\n        second: {\r\n          value: null,\r\n          state: null,\r\n          message: \"欄位不能為空值\",\r\n        },\r\n      },\r\n      account: {\r\n        AC_TEL: null,\r\n        AC_TITLE: null,\r\n        AC_CONTENT: null,\r\n        AC_NOTIFY: \"false\",\r\n      },\r\n      messageObject: {\r\n        warning: {\r\n          show: false,\r\n          content: null,\r\n          count: 0,\r\n        },\r\n        dismissSecs: 3,\r\n      },\r\n      savelist: [],\r\n      apiCropSubscribeList: (data) =>\r\n        this.userRequest.post(\"API/Default/CropSubscribeList\", data),\r\n      apiCropSubscribeUpdate: (data) =>\r\n        this.userRequest.post(\"API/Default/CropSubscribeUpdate\", data),\r\n      apiGetAccountSelf: (data) =>\r\n        this.userRequest.post(\"API/Default/GetAccountSelf\", data),\r\n      apiGetthisAccount: (data) =>\r\n        this.userRequest.post(\"API/Default/GetthisAccount\", data),\r\n      apiUpdateAccountSelf: (data) =>\r\n        this.userRequest.post(\"API/Default/UpdateAccountSelf\", data),\r\n      apiCropDescriptionList: (data) =>\r\n        this.userRequest.post(\"API/Default/CropDescriptionList\",data),\r\n    };\r\n  },\r\n  created() {\r\n    this.checkLogin();\r\n    \r\n  },\r\n  watch:{\r\n    \"subscriptionSelected\"(){\r\n      // if(val == null) this.subscriptionSelected ={ code: '0', label: '請選擇' };\r\n      // if(val.code != '0'){\r\n      //   this.subscriptionList = this.subscription2.filter( x =>x.C_ID == val.code);\r\n      // }\r\n      // else{\r\n      //   this.subscriptionList = this.subscription2;\r\n      // }\r\n    },\r\n    \"crop.filter\"(val){\r\n      if(val != null) {\r\n        this.subscriptionList = this.subscriptionOldList.filter((x) => x.C_NAME.includes(val));\r\n      }\r\n    },\r\n    \"checked\"(){\r\n      if(this.checked.length >5){\r\n        alert(\"最多只能選取五項\")\r\n        setTimeout(()=>{\r\n          this.checked.pop();\r\n        }, 100);\r\n        \r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    checkLogin() {\r\n        let TokenID = sessionStorage.getItem(\"TokenID\");\r\n        if (TokenID) {\r\n        this.init();\r\n        } else {\r\n        alert(\"未有權限檢視此頁面，請登入帳號\");\r\n        this.$router.push({ path: \"/login\" });\r\n        }\r\n    },\r\n    //訂閱清單總列表\r\n    getCropDescriptionList(data){\r\n      this.apiCropDescriptionList(data)\r\n        .then((res) =>{\r\n          const json = JSON.parse(res.data);\r\n          if(json.Status){\r\n            const jsondata = JSON.parse(json.Data);\r\n            //console.log(jsondata)\r\n            for(var item in jsondata){\r\n              let obj ={\r\n                C_ID: jsondata[item].C_ID,\r\n                C_NAME : jsondata[item].V_COMMON,\r\n                C_NUMBER: jsondata[item].number\r\n              }\r\n              if(jsondata[item].V_TYPE == \"水果類\") this.crop.fruitList.push(obj);\r\n              else if(jsondata[item].V_TYPE == \"根莖菜類\")this.crop.rhizomeList.push(obj);\r\n              else if(jsondata[item].V_TYPE == \"葉菜類\")this.crop.leafyList.push(obj);\r\n              else if(jsondata[item].V_TYPE == \"花果菜類\")this.crop.FlowerFruitList.push(obj);\r\n              else if(jsondata[item].V_TYPE == \"五穀雜糧類\")this.crop.WholeGrainsList.push(obj);\r\n              else if(jsondata[item].V_TYPE == \"其他類\")this.crop.otherList.push(obj);\r\n              else this.crop.MushroomList.push(obj);\r\n              \r\n              this.subscriptionList.push(obj);\r\n            }\r\n            this.subscriptionOldList = this.subscriptionList;\r\n            //this.subscriptionList = this.subscription2;\r\n            //console.log(\"this.subscriptionSelectList\",this.subscriptionSelectList)\r\n          }\r\n        })\r\n    },\r\n    // 取得使用者訂閱清單\r\n    getCropSubscribeList(data) {\r\n      this.apiCropSubscribeList(data)\r\n        .then((res) => {\r\n          const json = JSON.parse(res.data);\r\n          if (json.Status) {\r\n            let list = JSON.parse(json.Data);\r\n            if (list.length > 0) {\r\n              list.forEach((x) => {\r\n                let obj = {\r\n                  C_ID: x.C_ID,\r\n                  C_NAME: x.C_NAME,\r\n                  C_NUMBER: x.C_NUMBER\r\n                };\r\n                this.checked.push(obj);\r\n              });\r\n            }\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.warn(err);\r\n        });\r\n    },\r\n    updateCropSubscribe(data) {\r\n      this.apiCropSubscribeUpdate(data)\r\n        .then((res) => {\r\n          const json = JSON.parse(res.data);\r\n          if (json.Status) {\r\n            alert(\"儲存成功\");\r\n            this.$router.push({ path: \"/myprefecture\" });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.warn(err);\r\n        });\r\n    },\r\n    getAccountSelf(data) {\r\n      //this.apiGetAccountSelf(data)\r\n      this.apiGetthisAccount(data)\r\n        .then((res) => {\r\n          const json = JSON.parse(res.data);\r\n          if (json.Status) {\r\n            let item = JSON.parse(json.Data);\r\n            this.account = {\r\n              AC_USERNAME: item.AC_USERNAME,\r\n              AC_TEL: item.AC_TEL,\r\n              AC_TITLE: item.AC_TITLE,\r\n              AC_CONTENT: item.AC_CONTENT,\r\n              AC_NOTIFY: \"false\",//email訂閱功能先關閉 \r\n            };\r\n            this.FunctionToken(this.getCropSubscribeList, {});\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.warn(err);\r\n        });\r\n    },\r\n    updateAccountSelf(data) {\r\n      this.apiUpdateAccountSelf(data)\r\n        .then((res) => {\r\n          const json = JSON.parse(res.data);\r\n          if (json.Status) {\r\n            this.FunctionToken(this.updateCropSubscribe, {\r\n              Crops: this.checked,\r\n            });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.warn(err);\r\n        });\r\n    },\r\n    changeCategory(val){\r\n      \r\n      if(val == 0) this.subscriptionList = this.crop.fruitList;\r\n      else if(val == 1) this.subscriptionList = this.crop.rhizomeList;\r\n      else if(val == 2) this.subscriptionList = this.crop.leafyList;\r\n      else if(val == 3) this.subscriptionList = this. crop.FlowerFruitList;\r\n      else if(val == 4)this.subscriptionList = this.crop.MushroomList;\r\n      else if(val == 5)this.subscriptionList = this.crop.WholeGrainsList;\r\n      else this.subscriptionList = this.crop.otherList;\r\n      //console.log(\"this.subscriptionList\",this.subscriptionList)\r\n    },\r\n    init() {\r\n      this.FunctionToken(this.getAccountSelf, {});\r\n      this.FunctionToken(this.getCropDescriptionList,{});\r\n    },\r\n    removeCrop(data){\r\n      let index = this.checked.findIndex(x=> x.C_ID==data.C_ID && x.C_NAME==data.C_NAME && x.C_NUMBER == data.C_NUMBER);\r\n      if(index != -1){\r\n        this.checked.splice(index,1);\r\n      }\r\n    },\r\n    saveprocess() {\r\n      if (this.checked.length > 5) {\r\n        alert(\"選擇的作物不能超過5個\");\r\n      }else if(this.checked.length == 0){\r\n        alert(\"請選擇至少一種作物\");\r\n      }\r\n      else {\r\n        this.FunctionToken(this.updateAccountSelf, this.account);\r\n      }\r\n    },\r\n    warningPopUp(msg) {\r\n      this.messageObject.warning.count = this.messageObject.dismissSecs;\r\n      this.messageObject.warning.content = msg;\r\n    },\r\n    warningCountChanged(count) {\r\n      this.messageObject.warning.count = count;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* The choose-box */\r\n.choose-box {\r\n  display: block;\r\n  position: relative;\r\n  margin-bottom: 12px;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n}\r\n.choose-box.box {\r\n  border: 1px solid #e6e6e6;\r\n}\r\n\r\n/* Hide the browser's default checkbox */\r\n.choose-box input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n\r\n/* Create a custom checkbox */\r\n.checkmark {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 25px;\r\n  width: 25px;\r\n  background-color: #e6e6e6;\r\n}\r\n\r\n/* On mouse-over, add a grey background color */\r\n.choose-box:hover input ~ .checkmark {\r\n  background-color: #e7f1ee;\r\n}\r\n\r\n/* When the checkbox is checked, add a blue background */\r\n.choose-box input:checked ~ .checkmark {\r\n  background-color: #fefefe;\r\n  background-color: #e7f1ee;\r\n}\r\n\r\n/* Create the checkmark/indicator (hidden when not checked) */\r\n.checkmark:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n/* Show the checkmark when checked */\r\n.choose-box input:checked ~ .checkmark:after {\r\n  display: block;\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.choose-box .checkmark:after {\r\n  left: 11px;\r\n  top: 7px;\r\n  width: 5px;\r\n  height: 10px;\r\n  border: solid #60a08b;\r\n  border-width: 0 3px 3px 0;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n/* Style white-text-btn */\r\n.white-text-btn {\r\n  color: rgb(255, 255, 255);\r\n  margin-right: 0.1em;\r\n  border: none !important;\r\n  display: inline-block;\r\n\r\n  &.blue {\r\n    background-color: rgb(22, 155, 213);\r\n  }\r\n\r\n  &.orange {\r\n    background-color: rgb(234, 123, 13);\r\n  }\r\n\r\n  &.green {\r\n    background-color: rgb(112, 182, 3);\r\n  }\r\n\r\n  &.purple {\r\n    background-color: rgb(194, 128, 255);\r\n  }\r\n\r\n  &.darkblue{\r\n    background-color: rgb(74, 91, 217);\r\n  }\r\n\r\n  &.yellow{\r\n    background-color: rgb(233, 210, 37);\r\n  }\r\n\r\n  &.brown{\r\n    background-color: rgb(164, 109, 38);\r\n  }\r\n}\r\n\r\n.farminput {\r\n  margin-top: 0.5rem;\r\n  max-width: 13rem;\r\n  display: inline-block;\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!./Subscription.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!./Subscription.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscription.vue?vue&type=template&id=7144aec1&scoped=true&\"\nimport script from \"./Subscription.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscription.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Subscription.vue?vue&type=style&index=0&id=7144aec1&scoped=true&lang=css&\"\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  \"7144aec1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}