{"version":3,"sources":["webpack:///./src/views/MyArea.vue?a363","webpack:///src/views/MyArea.vue","webpack:///./src/views/MyArea.vue?b49e","webpack:///./src/views/MyArea.vue","webpack:///./src/views/MyArea.vue?880d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breadcrumbItems","directives","name","rawName","modifiers","_v","staticStyle","on","$event","changeCategory","model","value","crop","callback","$$v","$set","expression","scopedSlots","_u","key","fn","indeterminate","toggleAll","allSelected","_s","proxy","ref","ariaDescribedby","selected","_l","trade","item","common","save","closeModal","cropDate","index","CROP","AVG","warningtext","warningtext2","warnungtext3","staticRenderFns","data","text","href","active","filter","fruitList","rhizomeList","leafyList","FlowerFruitList","MushroomList","mainTradeOptions","mainTradeItemsTemp","mainTradeItems","originMainTradeItems","upSelected","upoptions","uplist","originUplist","downSelected","downoptions","downlist","originDownlist","nonelist","created","checkLogin","methods","init","alert","$router","push","getMainTrade","GetMyMainTrade","GetMyMainTradeUP","GetMyMainTradeDOWN","MyMainTradeNone","UpdateMyMainTrade","sortTrade","watch","component"],"mappings":"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","file":"static/js/chunk-17df81dc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"div-background\",attrs:{\"fluid\":\"\"}},[_c('b-breadcrumb',{staticClass:\"minus-gutters\",attrs:{\"items\":_vm.breadcrumbItems}}),_c('b-row',{staticClass:\"pb-3\",attrs:{\"align-h\":\"between\",\"align-v\":\"center\"}},[_c('b-col',{attrs:{\"cols\":\"auto\"}}),_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],attrs:{\"variant\":\"success\",\"size\":\"lg\"}},[_vm._v(\"設定漲跌勢作物\")])],1)],1),_c('b-modal',{attrs:{\"id\":\"modal-1\",\"size\":\"lg\",\"title\":\"設定漲跌勢作物\",\"hide-footer\":\"\",\"hide-header-close\":\"\"}},[_c('b-row',{staticStyle:{\"margin-bottom\":\"0.5rem\"},attrs:{\"align-h\":\"center\"}},[_c('b-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"lg\":\"6\",\"xl\":\"6\"}},[_c('b-button',{staticClass:\"white-text-btn gray\",on:{\"click\":function($event){return _vm.changeCategory(0)}}},[_vm._v(\"ALL\")]),_c('b-button',{staticClass:\"white-text-btn blue\",on:{\"click\":function($event){return _vm.changeCategory(1)}}},[_vm._v(\"水果類\")]),_c('b-button',{staticClass:\"white-text-btn orange\",on:{\"click\":function($event){return _vm.changeCategory(2)}}},[_vm._v(\"根莖菜類\")]),_c('b-button',{staticClass:\"white-text-btn green\",on:{\"click\":function($event){return _vm.changeCategory(3)}}},[_vm._v(\"葉菜類\")]),_c('b-button',{staticClass:\"white-text-btn purple\",on:{\"click\":function($event){return _vm.changeCategory(4)}}},[_vm._v(\"花果菜類\")]),_c('b-button',{staticClass:\"white-text-btn darkblue\",on:{\"click\":function($event){return _vm.changeCategory(5)}}},[_vm._v(\"菇菌類\")]),_c('b-button',{staticClass:\"white-text-btn yellow\",on:{\"click\":function($event){return _vm.changeCategory(6)}}},[_vm._v(\"五穀雜糧類\")]),_c('b-button',{staticClass:\"white-text-btn brown\",on:{\"click\":function($event){return _vm.changeCategory(7)}}},[_vm._v(\"其他類\")])],1)],1),_c('b-row',{attrs:{\"align-h\":\"center\"}},[_c('b-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"lg\":\"6\",\"xl\":\"6\"}},[_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\"}}),_c('div',{staticClass:\"selectItem\"},[_c('b-form-group',{scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('b-form-checkbox',{attrs:{\"indeterminate\":_vm.indeterminate,\"aria-describedby\":\"flavours\",\"aria-controls\":\"flavours\"},on:{\"change\":_vm.toggleAll},model:{value:(_vm.allSelected),callback:function ($$v) {_vm.allSelected=$$v},expression:\"allSelected\"}},[_vm._v(\" \"+_vm._s(_vm.allSelected ? '全選' : '全選')+\" \")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar ariaDescribedby = ref.ariaDescribedby;\nreturn [_c('b-form-checkbox-group',{staticClass:\"ml-4\",attrs:{\"id\":\"flavors\",\"aria-describedby\":ariaDescribedby,\"name\":\"flavors\",\"aria-label\":\"Individual flavours\",\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_vm._l((_vm.trade.mainTradeItems),function(item){return [_c('b-form-checkbox',{key:item.value,attrs:{\"value\":item.value}},[_vm._v(_vm._s(item.common)+\":\"+_vm._s(item.name))])]})],2)]}}])})],1)],1)],1),_c('b-row',{staticClass:\"pt-4 justify-content-end\"},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.save}},[_vm._v(\"儲存變更\")]),_c('b-button',{staticStyle:{\"margin-left\":\"5px\"},on:{\"click\":_vm.closeModal}},[_vm._v(\"取消\")])],1)],1)],1),_c('div',{staticClass:\"Info_Area\"},[_c('h3',{staticClass:\"mb-4\"},[_c('span',{staticClass:\"icon icon-UpDown\"}),_vm._v(\" \"+_vm._s(_vm.cropDate)+\"我的蔬果漲跌勢\")]),(_vm.ifupdownloading)?[_c('b-row',{staticStyle:{\"text-align\":\"center\"}},[_c('b-col',[_c('b-spinner',{attrs:{\"variant\":\"success\",\"label\":\"Spinning\"}})],1)],1)]:[_c('b-row',{attrs:{\"cols\":\"1\",\"cols-sm\":\"1\",\"cols-md\":\"1\",\"cols-lg\":\"3\",\"cols-xl\":\"3\"}},[_c('b-col',[_c('div',{staticClass:\"priceRise\"},[_c('div',{staticClass:\"cropGroupTitle\"},[_c('b-icon-arrow-up'),_vm._v(\"漲勢作物(元/公斤)\")],1),_c('div',{staticClass:\"cropGroup scrollStyle\"},[_vm._l((_vm.trade.uplist),function(item,index){return [_c('a',{key:index,attrs:{\"href\":\"javascript:void(0);\"}},[_c('div',{staticClass:\"cropGroupList\"},[_c('div',{staticClass:\"cropGroupItem\",staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(item.CROP))]),_c('div',{staticClass:\"cropGroupPrice\"},[_vm._v(_vm._s(item.AVG))])])])]})],2)])]),_c('b-col',{staticClass:\"pt-4 pt-sm-0 pt-md-0 pt-lg-0 pt-xl-0\"},[_c('div',{staticClass:\"priceDown\"},[_c('div',{staticClass:\"cropGroupTitle\"},[_c('b-icon-arrow-down'),_vm._v(\"跌勢作物(元/公斤)\")],1),_c('div',{staticClass:\"cropGroup scrollStyle priceRise\"},[_vm._l((_vm.trade.downlist),function(item,index){return [_c('a',{key:index,attrs:{\"href\":\"javascript:void(0);\"}},[_c('div',{staticClass:\"cropGroupList\"},[_c('div',{staticClass:\"cropGroupItem\",staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(item.CROP))]),_c('div',{staticClass:\"cropGroupPrice\"},[_vm._v(_vm._s(item.AVG))])])])]})],2)])]),_c('b-col',{staticClass:\"pt-4 pt-sm-0 pt-md-0 pt-lg-0 pt-xl-0\"},[_c('div',{staticClass:\"priceSmooth\"},[_c('div',{staticClass:\"cropGroupTitle\"},[_c('b-icon-dash'),_vm._v(\"無跌勢作物(元/公斤)\")],1),_c('div',{staticClass:\"cropGroup scrollStyle priceRise\"},[_vm._l((_vm.trade.nonelist),function(item,index){return [_c('a',{key:index,attrs:{\"href\":\"javascript:void(0);\"}},[_c('div',{staticClass:\"cropGroupList\"},[_c('div',{staticClass:\"cropGroupItem\",staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(item.CROP))]),_c('div',{staticClass:\"cropGroupPrice\"},[_vm._v(_vm._s(item.AVG))])])])]})],2)])])],1),_c('b-row',[_c('b-col',{staticStyle:{\"margin\":\"5px 5px 5px 5px\"}},[_c('span',[_vm._v(_vm._s(_vm.warningtext))]),_c('br'),_c('span',[_vm._v(_vm._s(_vm.warningtext2))]),_c('br'),_c('span',[_vm._v(_vm._s(_vm.warnungtext3))])])],1)]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>    \r\n    <b-container fluid class=\"div-background\">\r\n        <b-breadcrumb :items=\"breadcrumbItems\" class=\"minus-gutters\"></b-breadcrumb>\r\n        <b-row align-h=\"between\" align-v=\"center\" class=\"pb-3\">\r\n            <b-col cols=\"auto\">\r\n                \r\n            </b-col>\r\n            <b-col cols=\"auto\">\r\n                <b-button  v-b-modal.modal-1 variant=\"success\" size=\"lg\">設定漲跌勢作物</b-button>\r\n            </b-col>\r\n        </b-row>\r\n        <!--漲跌勢作物modal-->\r\n        <b-modal id=\"modal-1\" size=\"lg\" title=\"設定漲跌勢作物\" hide-footer hide-header-close>\r\n            <b-row style=\"margin-bottom: 0.5rem;\" align-h=\"center\">\r\n                <b-col sm=\"12\" md=\"12\" lg=\"6\" xl=\"6\">\r\n                    <b-button class=\"white-text-btn gray\" @click=\"changeCategory(0)\"\r\n                        >ALL</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn blue\" @click=\"changeCategory(1)\"\r\n                        >水果類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn orange\" @click=\"changeCategory(2)\"\r\n                        >根莖菜類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn green\" @click=\"changeCategory(3)\"\r\n                        >葉菜類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn purple\" @click=\"changeCategory(4)\"\r\n                        >花果菜類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn darkblue\" @click=\"changeCategory(5)\"\r\n                        >菇菌類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn yellow\" @click=\"changeCategory(6)\"\r\n                        >五穀雜糧類</b-button\r\n                    >\r\n                    <b-button class=\"white-text-btn brown\" @click=\"changeCategory(7)\"\r\n                        >其他類</b-button\r\n                    >\r\n                    \r\n                </b-col>\r\n            </b-row>\r\n            <b-row align-h=\"center\">\r\n                <b-col sm=\"12\" md=\"12\" lg=\"6\" xl=\"6\">\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                    <div class=\"selectItem\" style=\"\">\r\n                        <b-form-group>\r\n                            <template #label>\r\n                                <!-- <b>Choose your flavours:</b><br> -->\r\n                                <b-form-checkbox\r\n                                    v-model=\"allSelected\"\r\n                                    :indeterminate=\"indeterminate\"\r\n                                    aria-describedby=\"flavours\"\r\n                                    aria-controls=\"flavours\"\r\n                                    @change=\"toggleAll\"\r\n                                >\r\n                                    {{ allSelected ? '全選' : '全選' }}\r\n                                </b-form-checkbox>\r\n                            </template>\r\n                            \r\n                            <template v-slot=\"{ ariaDescribedby }\"  >\r\n                                <b-form-checkbox-group\r\n                                id=\"flavors\"\r\n                                v-model=\"selected\"\r\n                                :aria-describedby=\"ariaDescribedby\"\r\n                                name=\"flavors\"\r\n                                class=\"ml-4\"\r\n                                aria-label=\"Individual flavours\"\r\n                                stacked\r\n                                >\r\n                                <template v-for=\"(item) in trade.mainTradeItems\">\r\n                                    <b-form-checkbox :value=\"item.value\" :key=\"item.value\">{{item.common}}:{{ item.name }}</b-form-checkbox>\r\n                                </template>\r\n                                </b-form-checkbox-group>\r\n                            </template>\r\n                            </b-form-group>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row class=\"pt-4 justify-content-end\">\r\n                <b-col cols=\"auto\">\r\n                    <b-button variant=\"primary\" @click=\"save\">儲存變更</b-button>\r\n                    <b-button @click=\"closeModal\" style=\"margin-left: 5px;\">取消</b-button>\r\n                </b-col>\r\n            </b-row>\r\n        </b-modal>\r\n        <!--漲跌勢-->\r\n\r\n        <div class=\"Info_Area\">\r\n            <h3 class=\"mb-4\"><span class=\"icon icon-UpDown\" /> {{cropDate}}我的蔬果漲跌勢</h3>\r\n            <template v-if=\"ifupdownloading\">\r\n            <b-row style=\"text-align: center\">\r\n                <b-col\r\n                ><b-spinner variant=\"success\" label=\"Spinning\"></b-spinner\r\n                ></b-col>\r\n            </b-row>\r\n            </template>\r\n            <template v-else>\r\n            <b-row cols=\"1\" cols-sm=\"1\" cols-md=\"1\" cols-lg=\"3\" cols-xl=\"3\">\r\n                <b-col>\r\n                    <div class=\"priceRise\">\r\n                        <div class=\"cropGroupTitle\"> <b-icon-arrow-up></b-icon-arrow-up>漲勢作物(元/公斤)</div>\r\n                        <div class=\"cropGroup scrollStyle\"> \r\n                        <template v-for=\"(item, index) in trade.uplist\">\r\n                        <a :key=\"index\" href=\"javascript:void(0);\" >\r\n                            <div class=\"cropGroupList\">\r\n                                <div class=\"cropGroupItem\" style=\"color: black;\">{{ item.CROP }}</div>\r\n                                <div class=\"cropGroupPrice\">{{item.AVG}}</div>\r\n                            </div>\r\n                        </a>\r\n                        </template>\r\n                    </div>\r\n                    </div>\r\n                </b-col>\r\n                <!-- v-if=\"trade.downlist.length > 0\" -->\r\n                <b-col class=\"pt-4 pt-sm-0 pt-md-0 pt-lg-0 pt-xl-0\" >\r\n                    <div class=\"priceDown\">\r\n                        <div class=\"cropGroupTitle\"><b-icon-arrow-down></b-icon-arrow-down>跌勢作物(元/公斤)</div>\r\n                        <div class=\"cropGroup scrollStyle priceRise\">\r\n                            <template v-for=\"(item, index) in trade.downlist\">\r\n                                <a :key=\"index\" href=\"javascript:void(0);\">\r\n                                <div class=\"cropGroupList\">\r\n                                    <div class=\"cropGroupItem\" style=\"color: black;\">{{ item.CROP }}</div>\r\n                                    <div class=\"cropGroupPrice\">{{item.AVG}}</div>\r\n                                </div>\r\n                                </a>\r\n                            </template>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n                <b-col class=\"pt-4 pt-sm-0 pt-md-0 pt-lg-0 pt-xl-0\">\r\n                    <div class=\"priceSmooth\">\r\n                        <div class=\"cropGroupTitle\"><b-icon-dash></b-icon-dash>無跌勢作物(元/公斤)</div>\r\n                        <div class=\"cropGroup scrollStyle priceRise\">\r\n                            <template v-for=\"(item, index) in trade.nonelist\">\r\n                                <a :key=\"index\" href=\"javascript:void(0);\">\r\n                                <div class=\"cropGroupList\">\r\n                                    <div class=\"cropGroupItem\" style=\"color: black;\">{{ item.CROP }}</div>\r\n                                    <div class=\"cropGroupPrice\">{{item.AVG}}</div>\r\n                                </div>\r\n                                </a>\r\n                            </template>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col style=\"margin: 5px 5px 5px 5px\">\r\n                    <span>{{ warningtext }}</span>\r\n                    <br />\r\n                    <span>{{ warningtext2 }}</span>\r\n                    <br />\r\n                    <span>{{ warnungtext3 }}</span>\r\n                </b-col>\r\n            </b-row>\r\n            </template>\r\n        </div>\r\n\r\n    </b-container>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n\r\ndata() {\r\nreturn {\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    warningtext:\r\n    \"漲跌勢判斷以RSV>80為漲勢、<20為跌勢；RSV=((加權平均-最近9日最低均價)/(最近9天最高均價-最近9天最低價))*100\",\r\n    warningtext2: \"*RSV指未成熟隨機值\",\r\n    warnungtext3:\"※無漲跌勢判斷以RSV≤80且≥ 20\",\r\n    flavours: [\r\n        {value:'0',name:\"Orange\"},\r\n        {value:'1',name:'Grape'},\r\n        {value:'2',name:'Apple'},\r\n        {value:'3',name:'Lime'},\r\n        {value:'4',name:'Very Berry'}\r\n    ],\r\n    selected: [],\r\n    Category:false,\r\n    allSelected: false,\r\n    indeterminate: false,\r\n    crop:{\r\n        filter:null,\r\n        fruitList:[],\r\n        rhizomeList:[],\r\n        leafyList:[],\r\n        FlowerFruitList:[],\r\n        MushroomList:[]\r\n    },\r\n    items:[\r\n        'Programming',\r\n        'Design',\r\n        'Vue',\r\n        'Vuetify',\r\n    ],\r\n    ifupdownloading:false,\r\n    cropDate:null,\r\n    trade: {\r\n        mainTradeOptions:[],\r\n        mainTradeItemsTemp:[],\r\n        mainTradeItems:[],\r\n        originMainTradeItems:[],\r\n        upSelected:{label: \"請選擇\", code: \"請選擇\", disabled: false },\r\n        upoptions:[],\r\n        uplist: [\r\n            \r\n        ],\r\n        originUplist:[],\r\n        downSelected:{label: \"請選擇\", code: \"請選擇\", disabled: false },\r\n        downoptions:[],\r\n        downlist: [],\r\n        originDownlist:[],\r\n        nonelist:[],\r\n    },\r\n    options: [\r\n        { value: null, text: 'Please select an option' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Selected Option' },\r\n        { value: { C: '3PO' }, text: 'This is an option with object value' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true }\r\n    ],\r\n    apiGetMainTrade: (data) =>\r\n        this.userRequest.post(\"/API/Default/GetMainTrade\", data),\r\n    apiGetMyMainTrade: (data) =>\r\n        this.userRequest.post(\"/API/Default/GetMyMainTrade\", data),\r\n    apiUpdateMyMainTrade: (data) =>\r\n        this.userRequest.post(\"/API/Default/UpdateMyMainTrade\", data),\r\n    apiGetMyMainTradeUP: (data) =>\r\n        this.userRequest.post(\"/API/Default/GetMyMainTradeUP\", data),\r\n    apiGetMyMainTradeDOWN: (data) =>\r\n        this.userRequest.post(\"/API/Default/GetMyMainTradeDOWN\", data),\r\n    apiMainTrade: (data) =>\r\n        this.userRequest.post(\"/API/Default/MainTradeApi\", data),\r\n    };\r\n},\r\ncreated() {\r\n    this.checkLogin();\r\n},\r\nmethods:{\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    async init(){\r\n        await this.FunctionToken(this.getMainTrade,{});\r\n        await this.FunctionToken(this.GetMyMainTrade,{});\r\n        await this.FunctionToken(this.GetMyMainTradeUP,{});\r\n        await this.FunctionToken(this.GetMyMainTradeDOWN,{});\r\n        await this.FunctionToken(this.MyMainTradeNone,{TYPE:\"NONE\"});\r\n    },\r\n    toggleAll(checked) {\r\n        this.selected = checked ? (this.trade.mainTradeItems.map((item) => {return item.value})) : []\r\n    },\r\n    //\r\n    getMainTrade(data){\r\n        this.apiGetMainTrade(data)\r\n            .then((res) =>{\r\n                const json = JSON.parse(res.data);\r\n                //console.log(\"getMainTrade\",json)\r\n                if(json.Status){\r\n                    let jsondata =JSON.parse(json.Data);\r\n                    //console.log(\"getMainTrade\",jsondata)\r\n                    jsondata.map((item) =>{\r\n                        let index = this.trade.mainTradeItems.findIndex((x) => x.value == item.CROP_CODE)\r\n                        //let index2 = this.trade.mainTradeOptions.findIndex((x) => x.code == item.CROP_CODE)\r\n                        if(index == -1){\r\n                            this.trade.mainTradeItems.push({\r\n                                value:item.CROP_CODE,\r\n                                name: item.CROP,\r\n                                type:item.V_TYPE,\r\n                                common:item.V_NAME\r\n                            });\r\n                        }\r\n                    })\r\n                    this.trade.originMainTradeItems = this.trade.mainTradeItems;\r\n                    //this.trade.mainTradeItemsTemp=this.trade.mainTradeItems;\r\n                }\r\n                \r\n            })\r\n    },\r\n    //取得已訂閱的漲跌勢作物\r\n    GetMyMainTrade(data){\r\n        this.apiGetMyMainTrade(data)\r\n            .then((res) =>{\r\n                let json = JSON.parse(res.data);\r\n                //console.log(\"GetMyMainTrade\",json)\r\n                if(json.Status){\r\n                    this.selected=[];\r\n                    let jsondata = JSON.parse(json.Data);\r\n                    //console.log([\"GetMyMainTrade\",jsondata]);\r\n                    if(jsondata != null){\r\n                        if(jsondata.AM_CROP ==\"ALL\"){\r\n                            let obj =this.trade.mainTradeItems.map((item) => {return item.value})\r\n                            this.selected = obj;\r\n                        }\r\n                        else if(jsondata.AM_CROP != \"\"){\r\n                            let itemArr = jsondata.AM_CROP.split(',');\r\n                        //console.log([\"GetMyMainTrade\",itemArr])\r\n                            itemArr.map((item) =>{\r\n                                this.selected.push(item);\r\n                            })\r\n                            this.sortTrade();\r\n                        }\r\n                        \r\n                    }\r\n                }\r\n            })\r\n    },\r\n    GetMyMainTradeUP(data){\r\n        this.apiGetMyMainTradeUP(data)\r\n            .then((res) =>{\r\n                let json = JSON.parse(res.data);\r\n                //console.log(json)\r\n                if (json.Status){\r\n                    \r\n                    let jsonData = JSON.parse(json.Data);\r\n                    //console.log([\"apiGetMainTradeUP\",jsonData])\r\n                    if(jsonData.length != 0 ){\r\n                        let date = jsonData[0].DATE.split(\"T\");\r\n                        let getdate = date[0].split(\"-\");\r\n                        this.cropDate = getdate[1].toString() + \"/\" + getdate[2].toString();\r\n                        this.trade.uplist = jsonData;\r\n                    }else{\r\n                        this.trade.uplist =[];\r\n                    }\r\n                    \r\n                }\r\n            })\r\n    },\r\n    GetMyMainTradeDOWN(data){\r\n        this.apiGetMyMainTradeDOWN(data)\r\n            .then((res) =>{\r\n                let json = JSON.parse(res.data);\r\n                //console.log(json)\r\n                if (json.Status){\r\n                    let jsonData = JSON.parse(json.Data);\r\n                    console.log([\"apiGetMyMainTradeDOWN\",jsonData,jsonData.length != 0,this.cropDate == null])\r\n                    if(jsonData.length != 0){\r\n                        if(this.cropDate == null){\r\n                            let date = jsonData[0].DATE.split(\"T\");\r\n                            let getdate = date[0].split(\"-\");\r\n                            this.cropDate = getdate[1].toString() + \"/\" + getdate[2].toString();\r\n                        }\r\n                        console.log(\"trade.downlist \")\r\n                        this.trade.downlist = jsonData;\r\n                        \r\n                    }else{\r\n                        this.trade.downlist =[];\r\n                    }\r\n                    \r\n                }\r\n                console.log(\"trade.downlist \",this.trade.downlist)\r\n            })\r\n    },\r\n    MyMainTradeNone(data){\r\n        this.apiMainTrade(data)\r\n            .then((res) =>{\r\n                let json = JSON.parse(res.data);\r\n                //console.log(json)\r\n                if(json.Status){\r\n                    let jsonData = JSON.parse(json.Data);\r\n                    if(jsonData.length != 0){\r\n                        if(this.cropDate == null){\r\n                            let date = jsonData[0].DATE.split(\"T\");\r\n                            let getdate = date[0].split(\"-\");\r\n                            this.cropDate = getdate[1].toString() + \"/\" + getdate[2].toString();\r\n                        }\r\n                        this.trade.nonelist = jsonData;\r\n                    }\r\n                    else{\r\n                        this.trade.nonelist =[];\r\n                    }\r\n                }\r\n            })\r\n    },\r\n    async save(){\r\n        let itemString=\"\";\r\n        if(this.allSelected && !this.indeterminate){\r\n            itemString =\"ALL\";\r\n        }\r\n        else{\r\n            let count = 0;\r\n            this.selected.map((item) => {\r\n                if(count != this.selected.length-1){\r\n                    itemString += item +\",\";\r\n                }\r\n                else{\r\n                    itemString += item;\r\n                }\r\n                count++;\r\n            })\r\n        }\r\n        \r\n        //console.log(\"itemString\",itemString);\r\n        await this.FunctionToken(this.UpdateMyMainTrade,{AM_CROP:itemString});\r\n        \r\n        \r\n    },\r\n    async closeModal(){\r\n        await this.FunctionToken(this.GetMyMainTrade,{});\r\n        this.$bvModal.hide('modal-1');\r\n        this.changeCategory(0);\r\n    },\r\n    UpdateMyMainTrade(data){\r\n        this.apiUpdateMyMainTrade(data)\r\n            .then( async(res) =>{\r\n                const json = JSON.parse(res.data);\r\n                if(json.Status){\r\n                    alert(\"儲存成功\")\r\n                    await this.FunctionToken(this.GetMyMainTrade,{});\r\n                    await this.FunctionToken(this.GetMyMainTradeUP,{});\r\n                    await this.FunctionToken(this.GetMyMainTradeDOWN,{});\r\n                    await this.FunctionToken(this.MyMainTradeNone,{TYPE:\"NONE\"});\r\n                    this.changeCategory(0);\r\n                    this.crop.filter =null;\r\n                    this.$bvModal.hide('modal-1');\r\n                }\r\n                //console.log(json)\r\n            })\r\n    },\r\n    changeCategory(val){\r\n        //console.log(\"this.IsNull(this.crop.filter)\",this.IsNull(this.crop.filter))\r\n        if(!this.IsNullEmpty(this.crop.filter))\r\n        {\r\n            this.Category = true;\r\n            this.crop.filter = null;\r\n        }\r\n        let temp=[];\r\n        let oldData = [];\r\n        oldData = this.trade.originMainTradeItems.concat();\r\n        if(val == 0) temp = oldData;\r\n        else if(val == 1) temp = oldData.filter((item) => item.type==\"水果類\");\r\n        else if(val == 2) temp = oldData.filter((item) => item.type==\"根莖菜類\");\r\n        else if(val == 3) temp = oldData.filter((item) => item.type==\"葉菜類\");\r\n        else if(val == 4) temp = oldData.filter((item) => item.type==\"花果菜類\");\r\n        else if(val == 5) temp = oldData.filter((item) => item.type==\"菇菌類\");\r\n        else if(val == 6) temp = oldData.filter((item) => item.type==\"五穀雜糧類\");\r\n        else temp = oldData.filter((item) => item.type==\"其他類\");\r\n      //console.log(\"this.subscriptionList\",this.subscriptionList)\r\n        \r\n        this.trade.mainTradeItems = temp.sort((a,b)=>{\r\n            if(this.selected.indexOf(a.value) > this.selected.indexOf(b.value))\r\n            {\r\n                return -1;\r\n            }\r\n            else{\r\n                return 0;\r\n            }\r\n        });\r\n    },\r\n    sortTrade(){\r\n        let temp=[];\r\n        temp = this.trade.mainTradeItems.concat();\r\n        this.trade.mainTradeItems=[];\r\n\r\n        this.trade.mainTradeItems = temp.sort((a,b)=>{\r\n            if(this.selected.indexOf(a.value) > this.selected.indexOf(b.value))\r\n            {\r\n                return -1;\r\n            }\r\n            else{\r\n                return 0;\r\n            }\r\n        });\r\n    }\r\n},\r\nwatch: {\r\n    selected(newValue) {\r\n        // Handle changes in individual flavour checkboxes\r\n        //console.log([newValue,oldValue])\r\n        if (newValue.length === 0) {\r\n            this.trade.mainTradeItems =this.trade.originMainTradeItems;\r\n            this.indeterminate = false\r\n            this.allSelected = false\r\n        } else if (newValue.length === this.trade.originMainTradeItems.length) {\r\n            this.trade.mainTradeItems =this.trade.originMainTradeItems;\r\n            this.indeterminate = false\r\n            this.allSelected = true\r\n        } else {\r\n            //this.trade.mainTradeItems=[];\r\n            let temp=[];\r\n            temp = this.trade.mainTradeItems.concat();\r\n            this.trade.mainTradeItems=[];\r\n\r\n            this.trade.mainTradeItems = temp.sort((a,b)=>{\r\n                if(newValue.indexOf(a.value) > newValue.indexOf(b.value))\r\n                {\r\n                    return -1;\r\n                }\r\n                else{\r\n                    return 0;\r\n                }\r\n            });\r\n            \r\n            this.indeterminate = true;\r\n            this.allSelected = false;\r\n        }\r\n    },\r\n    \"crop.filter\"(val) {\r\n        //console.log(val == null || val == \"\",!this.Category)\r\n        if(!this.IsNullEmpty(val) ){\r\n            this.trade.mainTradeItems = this.trade.originMainTradeItems.filter((item) => item.name.includes(val))\r\n            this.trade.mainTradeItems.sort((a,b) =>(this.selected.indexOf(a.value) > this.selected.indexOf(b.value) ? -1 : 0));\r\n        }\r\n        else if(this.IsNullEmpty(val) && !this.Category){\r\n            //console.log(\"crop.filter is not null\")\r\n            let temp = this.trade.originMainTradeItems;\r\n            this.trade.mainTradeItems = temp.sort((a,b) =>(this.selected.indexOf(a.value) > this.selected.indexOf(b.value) ? -1 : 0));\r\n        }else{\r\n            this.Category = false;\r\n        }\r\n    }\r\n}\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.crop_md{\r\n    display: flex;\r\n    align-items:center;\r\n    margin-bottom: 1rem;\r\n\r\n    &.crop_title{\r\n        justify-content: center;\r\n    }\r\n    &.table_title{\r\n        text-align: center;\r\n    }\r\n    &.md9{\r\n        width: 100%;\r\n    }\r\n}\r\n.card-body{\r\n    padding: 0.5rem;\r\n}\r\n.card_md4{\r\n    padding: 0.1rem;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    border-radius: 10px;\r\n    width: 100%;\r\n    &.orange {\r\n        background-color: #f0b209;\r\n    }\r\n    &.gray{\r\n        background-color: #4F4F4F;\r\n    }\r\n}\r\n.crop_card{\r\n    background-color: #e3dfdf;\r\n    border: 0;\r\n    margin-right: 0.1rem;\r\n    font-weight: 700;\r\n}\r\n.mycrop{\r\n    background-color: #eeeef0;\r\n    border: 0;\r\n    margin-right: 0.2rem;\r\n    font-weight: 700;\r\n}\r\n.warning_col{\r\n    margin: 0.1rem;\r\n}\r\n.warning_card{\r\n    margin-left: 0.01rem;\r\n}\r\n.warning-btn {\r\n    /* font-size: smaller; */\r\n    background: #ff614c;\r\n    border-color: #ff614c;\r\n    color: white;\r\n    height: 80px;\r\n}\r\n.warning-btn:hover {\r\n    background: #db3c30 !important;\r\n    border-color: #db3c30 !important;\r\n}\r\n.notice-btn {\r\n/* font-size: smaller; */\r\n    background: #f5b847;\r\n    border-color: #f5b847;\r\n    color: white;\r\n    height: 80px;\r\n}\r\n.notice-btn:hover {\r\n    background: #d98e3f !important;\r\n    border-color: #d98e3f !important;\r\n}\r\n\r\n.warning_crop{\r\n    border-color:#282950;\r\n    border-radius: 10px;\r\n    background-color: #0c0c0d;\r\n    padding: 1rem 1rem 0 1rem;\r\n    color: #ffffff;\r\n}\r\n.warning_crop_col{\r\n    margin-bottom: 0.5rem;\r\n    width: 100%;\r\n}\r\n.crop_btn{\r\n    button{\r\n        width: 100%;\r\n        background-color: #e6781e;\r\n        border: 1px solid;\r\n        border-color: #e6781e;\r\n        color: white;\r\n        font-weight: bolder;\r\n        min-height: 30px;\r\n        border-radius: 5px;\r\n        font-size: large;\r\n    }\r\n    .btn_active{\r\n        box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 4px, rgb(255, 255, 255) 0px 0px 0px 3px;\r\n    }\r\n    \r\n}\r\n\r\n.crop_effect{\r\n    padding: 1rem;\r\n    border-color:#ffffff;\r\n    border:1px solid;\r\n    border-radius: 5px;\r\n    background-color: #1e1f44;\r\n    min-height: 80px;\r\n}\r\n.selectItem{\r\n    max-height: 60vh; \r\n    overflow: auto; \r\n    margin-top:5px; \r\n    padding:10px;\r\n    border:1px #4C4C4C solid;\r\n    border-radius: 5px;\r\n}\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    padding: 0.3em;\r\n    margin-bottom: 0.1em;\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    &.gray{\r\n        background-color: rgb(103, 101, 106);\r\n    }\r\n}\r\n</style>","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!./MyArea.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!./MyArea.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyArea.vue?vue&type=template&id=71c02450&scoped=true&\"\nimport script from \"./MyArea.vue?vue&type=script&lang=js&\"\nexport * from \"./MyArea.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyArea.vue?vue&type=style&index=0&id=71c02450&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  \"71c02450\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyArea.vue?vue&type=style&index=0&id=71c02450&lang=scss&scoped=true&\""],"sourceRoot":""}