chunk-47d4b3f8.af25e8e1.js.map 39 KB

1
  1. {"version":3,"sources":["webpack:///./src/views/video/children/my-buy.vue","webpack:///./src/components/card/video/my-buy-card.vue","webpack:///src/components/card/video/my-buy-card.vue","webpack:///./src/components/card/video/my-buy-card.vue?7b9c","webpack:///./src/components/card/video/my-buy-card.vue?a118","webpack:///src/views/video/children/my-buy.vue","webpack:///./src/views/video/children/my-buy.vue?8e58","webpack:///./src/views/video/children/my-buy.vue?86b1","webpack:///./src/views/video/children/my-buy.vue?0891","webpack:///./src/components/module/title-control.vue","webpack:///src/components/module/title-control.vue","webpack:///./src/components/module/title-control.vue?63cb","webpack:///./src/components/module/title-control.vue?b49c","webpack:///./src/assets/icon/shangcikandao.png","webpack:///./src/components/card/card-module/card-box.vue?216f","webpack:///./src/components/card/card-module/card-box.vue","webpack:///src/components/card/card-module/card-box.vue","webpack:///./src/components/card/card-module/card-box.vue?ffc1","webpack:///./src/components/card/card-module/card-box.vue?ebb6","webpack:///./src/components/module/title-control.vue?877f","webpack:///./src/components/card/video/my-buy-card.vue?3287"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","handleSearch","slot","manageType","$event","_v","changeAllChecked","model","value","allChecked","callback","$$v","expression","handleDelete","list","filter","item","checked","_e","_l","key","id","$set","style","width","handleToDetail","videoArrId","finished","staticRenderFns","$emit","_g","btnList","$listeners","info","cover","_s","title","require","recently_title","total_sequel","name","components","CardBox","props","type","Object","Boolean","default","data","computed","arr","mounted","component","MyBuyCard","TitleControl","params","page","page_num","sort_type","list_copy","watch","val","forEach","getList","methods","TouchBottom","map","_this","VideoService","getPurchaseVideo","then","_ref","_objectSpread","concat","_toConsumableArray","length","that","showConfirmPopup","join","batchesDel","_ref2","split","includes","$message","success","catch","_","arguments","undefined","keys","is_normal","error","$router","push","path","query","showSearch","content","_t","String","required","module","exports","del_Btn","show","stopPropagation","Array","del","_typeof"],"mappings":"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","file":"js/chunk-47d4b3f8.af25e8e1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"wrap-title\"},[_c('TitleControl',{attrs:{\"title\":\"我的已购\"},on:{\"handleChange\":_vm.handleSearch}},[_c('div',{staticClass:\"control-btn\",attrs:{\"slot\":\"control\"},slot:\"control\"},[(!_vm.manageType)?_c('div',{staticClass:\"manage\",on:{\"click\":function($event){_vm.manageType = true}}},[_vm._v(\"\\n 管理\\n \")]):_c('div',{staticClass:\"manage cancel\",on:{\"click\":function($event){_vm.manageType = false}}},[_vm._v(\"\\n 取消\\n \")])])])],1),_c('div',{staticClass:\"wrap-content\"},[(_vm.manageType)?_c('div',{staticClass:\"del-box\"},[_c('div',{staticClass:\"radio\"},[_c('el-checkbox',{on:{\"change\":_vm.changeAllChecked},model:{value:(_vm.allChecked),callback:function ($$v) {_vm.allChecked=$$v},expression:\"allChecked\"}})],1),_c('div',{staticClass:\"btn\",on:{\"click\":function($event){_vm.handleDelete(\n _vm.list.filter((item) => item.checked),\n 0\n )}}},[_vm._v(\"\\n 删除\\n \")])]):_vm._e(),_c('div',{staticClass:\"list\"},[_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"list-item\"},[(_vm.manageType)?_c('div',{staticClass:\"radio\"},[_c('el-checkbox',{model:{value:(item.checked),callback:function ($$v) {_vm.$set(item, \"checked\", $$v)},expression:\"item.checked\"}})],1):_vm._e(),_c('div',{staticClass:\"card\",style:(_vm.manageType ? { width: 'calc(100% - 60px)' } : '')},[_c('MyBuyCard',{attrs:{\"info\":item,\"manageType\":_vm.manageType},on:{\"handleDelete\":function($event){return _vm.handleDelete([item])},\"handleToDetail\":function($event){return _vm.handleToDetail(item, {\n id: 'video_id',\n videoArrId: 'recently_id',\n })}}})],1)])}),(_vm.finished)?_c('el-empty',{attrs:{\"description\":\"没有更多数据\"}}):_vm._e()],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card\",on:{\"click\":function($event){return _vm.$emit('handleToDetail')}}},[_c('CardBox',_vm._g({staticClass:\"card-box\",attrs:{\"btnList\":_vm.btnList}},_vm.$listeners),[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":_vm.info.cover,\"alt\":\"\"}}),_c('div',{staticClass:\"type\"},[_vm._v(_vm._s(\"系列\"))])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.info.title))]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"left\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon/shangcikandao.png\"),\"alt\":\"\"}}),(_vm.info.recently_title)?_c('div',{staticClass:\"last\"},[_vm._v(\"\\n 上次看到:\"+_vm._s(_vm.info.recently_title)+\"\\n \")]):_c('div',{staticClass:\"last\"},[_vm._v(\"尚未观看\")])]),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.info.total_sequel)+\"集\")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"card\" @click=\"$emit('handleToDetail')\">\r\n <CardBox class=\"card-box\" :btnList=\"btnList\" v-on=\"$listeners\">\r\n <div class=\"left\">\r\n <img :src=\"info.cover\" alt=\"\" />\r\n <div class=\"type\">{{ \"系列\" }}</div>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"title\">{{ info.title }}</div>\r\n <div class=\"info\">\r\n <div class=\"left\">\r\n <img class=\"icon\" src=\"@/assets/icon/shangcikandao.png\" alt=\"\" />\r\n <div class=\"last\" v-if=\"info.recently_title\">\r\n 上次看到:{{ info.recently_title }}\r\n </div>\r\n <div class=\"last\" v-else>尚未观看</div>\r\n </div>\r\n <div class=\"num\">{{ info.total_sequel }}集</div>\r\n </div>\r\n </div>\r\n </CardBox>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport CardBox from \"../card-module/card-box.vue\";\r\n\r\nexport default {\r\n name: \"MyBuyCard\",\r\n components: { CardBox },\r\n props: {\r\n info: {\r\n type: Object,\r\n },\r\n manageType: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n data() {\r\n return {};\r\n },\r\n computed: {\r\n btnList() {\r\n let arr = [\"del\"];\r\n return this.manageType ? [] : arr;\r\n },\r\n },\r\n mounted() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card {\r\n width: 100%;\r\n user-select: none;\r\n .card-box {\r\n background: white;\r\n border-radius: 12px;\r\n padding: 20px 20px;\r\n height: 240px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n > .left {\r\n width: 360px;\r\n height: 200px;\r\n position: relative;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .lapse {\r\n width: 100%;\r\n height: 100%;\r\n background-color: #d8d8d8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n img {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n }\r\n .type {\r\n height: 24px;\r\n line-height: 24px;\r\n padding: 0 10px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n background: rgba(20, 20, 20, 0.6);\r\n border-radius: 4px;\r\n position: absolute;\r\n right: 10px;\r\n bottom: 15px;\r\n }\r\n }\r\n .right {\r\n width: calc(100% - 380px);\r\n height: 200px;\r\n margin-left: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n .title {\r\n font-size: 20px;\r\n font-weight: 400;\r\n color: #222222;\r\n width: 90%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .info {\r\n width: calc(100% - 30px);\r\n background: #f3f3f3;\r\n border-radius: 6px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 15px;\r\n .left {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #333333;\r\n display: flex;\r\n align-items: center;\r\n .icon {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n .num {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n > .lapse {\r\n font-size: 20px;\r\n font-weight: 400;\r\n color: #999999;\r\n line-height: 200px;\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!./my-buy-card.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!./my-buy-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-buy-card.vue?vue&type=template&id=1abeae40&scoped=true&\"\nimport script from \"./my-buy-card.vue?vue&type=script&lang=js&\"\nexport * from \"./my-buy-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-buy-card.vue?vue&type=style&index=0&id=1abeae40&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 \"1abeae40\",\n null\n \n)\n\nexport default component.exports","<template>\r\n <div class=\"wrap\">\r\n <div class=\"wrap-title\">\r\n <TitleControl title=\"我的已购\" @handleChange=\"handleSearch\">\r\n <div slot=\"control\" class=\"control-btn\">\r\n <div class=\"manage\" @click=\"manageType = true\" v-if=\"!manageType\">\r\n 管理\r\n </div>\r\n <div class=\"manage cancel\" @click=\"manageType = false\" v-else>\r\n 取消\r\n </div>\r\n </div>\r\n </TitleControl>\r\n </div>\r\n <div class=\"wrap-content\">\r\n <div class=\"del-box\" v-if=\"manageType\">\r\n <div class=\"radio\">\r\n <el-checkbox\r\n v-model=\"allChecked\"\r\n @change=\"changeAllChecked\"\r\n ></el-checkbox>\r\n </div>\r\n <div\r\n class=\"btn\"\r\n @click=\"\r\n handleDelete(\r\n list.filter((item) => item.checked),\r\n 0\r\n )\r\n \"\r\n >\r\n 删除\r\n </div>\r\n </div>\r\n <div class=\"list\">\r\n <div class=\"list-item\" v-for=\"item in list\" :key=\"item.id\">\r\n <div class=\"radio\" v-if=\"manageType\">\r\n <el-checkbox v-model=\"item.checked\"></el-checkbox>\r\n </div>\r\n <div\r\n class=\"card\"\r\n :style=\"manageType ? { width: 'calc(100% - 60px)' } : ''\"\r\n >\r\n <MyBuyCard\r\n :info=\"item\"\r\n :manageType=\"manageType\"\r\n @handleDelete=\"handleDelete([item])\"\r\n @handleToDetail=\"\r\n handleToDetail(item, {\r\n id: 'video_id',\r\n videoArrId: 'recently_id',\r\n })\r\n \"\r\n />\r\n </div>\r\n </div>\r\n <el-empty v-if=\"finished\" description=\"没有更多数据\"></el-empty>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport MyBuyCard from \"@/components/card/video/my-buy-card.vue\";\r\nimport TitleControl from \"@/components/module/title-control.vue\";\r\nimport { mapState } from \"vuex\";\r\nimport { VideoService } from \"@/common/service\";\r\nexport default {\r\n components: { MyBuyCard, TitleControl },\r\n data() {\r\n return {\r\n list: [],\r\n params: {\r\n page: 1,\r\n page_num: 20,\r\n sort_type: 1,\r\n },\r\n // 是否无数据\r\n finished: false,\r\n // 是否点击管理按钮\r\n manageType: false,\r\n // 是否选中所有\r\n allChecked: false,\r\n // 当前选中类型\r\n type: 0,\r\n // 搜索\r\n list_copy: \"\",\r\n };\r\n },\r\n watch: {\r\n manageType(val) {\r\n !val ? (this.allChecked = false) : \"\";\r\n this.list.forEach((item) => (item.checked = false));\r\n },\r\n },\r\n mounted() {\r\n this.getList();\r\n },\r\n methods: {\r\n // 触底\r\n TouchBottom() {\r\n if (!this.finished) {\r\n this.getList();\r\n }\r\n },\r\n // 选择全部\r\n changeAllChecked(type) {\r\n this.list.map((item) => (item.checked = type));\r\n },\r\n // 获取数据--追番信息\r\n getList() {\r\n VideoService.getPurchaseVideo(this.params).then(({ data }) => {\r\n const list = data.list.map((item) => {\r\n return { checked: false, ...item };\r\n });\r\n\r\n this.list = this.params.page === 1 ? list : [...this.list, ...list];\r\n if (list.length < this.params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.params.page++;\r\n }\r\n });\r\n },\r\n // 删除记录\r\n handleDelete(arr) {\r\n let that = this;\r\n this.showConfirmPopup(\"确定要删除该信息?\")\r\n .then(() => {\r\n let params = {\r\n id: \"\",\r\n type: 4,\r\n };\r\n params.id = arr.map((item) => item.id).join(\",\");\r\n if (!params.id) return;\r\n VideoService.batchesDel(params).then(({ data }) => {\r\n let list = that.list\r\n .map((item) => {\r\n return params.id.split(\",\").includes(item.id + \"\") ? \"\" : item;\r\n })\r\n .filter((item) => item);\r\n that.list = list;\r\n that.$message.success(\"删除成功!\");\r\n that.manageType = false;\r\n });\r\n })\r\n .catch((_) => {});\r\n },\r\n // 跳转详情\r\n handleToDetail(item, key = { id: \"id\", videoArrId: \"videoArrId\" }) {\r\n if (Object.keys(item).includes(\"is_normal\") && !item.is_normal)\r\n return this.$message.error(\"该视频已下线\");\r\n this.$router.push({\r\n path: \"/video-details\",\r\n query: {\r\n id: item[key.id],\r\n videoArrId: item[key.videoArrId],\r\n },\r\n });\r\n },\r\n // 筛选\r\n handleSearch(val) {\r\n if (!this.list_copy) this.list_copy = this.list;\r\n if (val) {\r\n this.list = this.list_copy.filter((item) => {\r\n return item.title.includes(val);\r\n });\r\n } else {\r\n this.list = this.list_copy;\r\n this.list_copy = \"\";\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .wrap-title {\r\n width: 80%;\r\n }\r\n .wrap-content {\r\n width: 80%;\r\n margin-top: 20px;\r\n .read-box {\r\n display: flex;\r\n align-items: center;\r\n margin: 0px 0 20px;\r\n .radio {\r\n width: 45px;\r\n display: flex;\r\n justify-content: center;\r\n margin-right: 20px;\r\n }\r\n .btn {\r\n width: 80px;\r\n height: 30px;\r\n border-radius: 17px;\r\n color: #ffffff;\r\n font-size: 16px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 30px;\r\n cursor: pointer;\r\n }\r\n .is-read {\r\n background: #0054f7;\r\n }\r\n .un-read {\r\n background: #ff9f18;\r\n margin-left: 10px;\r\n }\r\n }\r\n .del-box {\r\n display: flex;\r\n align-items: center;\r\n margin: 0px 0 20px;\r\n .radio {\r\n width: 45px;\r\n display: flex;\r\n justify-content: center;\r\n margin-right: 20px;\r\n }\r\n .btn {\r\n width: 80px;\r\n height: 30px;\r\n border-radius: 17px;\r\n color: #ffffff;\r\n font-size: 16px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 30px;\r\n cursor: pointer;\r\n background: #ff9f18;\r\n }\r\n }\r\n .list {\r\n .list-item {\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n position: relative;\r\n .radio {\r\n width: 45px;\r\n background-color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n border-radius: 10px;\r\n }\r\n .card {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.control-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n user-select: none;\r\n .is-read {\r\n width: 100px;\r\n height: 30px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f4f4f4;\r\n border-radius: 17px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #1677ff;\r\n img {\r\n width: 15px;\r\n height: 15px;\r\n margin-right: 5px;\r\n }\r\n }\r\n .manage {\r\n width: 70px;\r\n height: 30px;\r\n background: #2a63f3;\r\n border-radius: 17px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 30px;\r\n color: #ffffff;\r\n margin-left: 10px;\r\n }\r\n .cancel {\r\n background: transparent;\r\n color: #1677ff;\r\n }\r\n}\r\n.switch-box {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 15px;\r\n .btn {\r\n width: 100px;\r\n height: 35px;\r\n text-align: center;\r\n line-height: 35px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #666666;\r\n background: #f4f4f4;\r\n border-radius: 22px;\r\n cursor: pointer;\r\n margin-right: 10px;\r\n position: relative;\r\n .mark {\r\n width: 36px;\r\n height: 20px;\r\n text-align: center;\r\n line-height: 20px;\r\n transform: scale(0.7);\r\n font-size: 10px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n background: #ff5143;\r\n border-radius: 8px;\r\n position: absolute;\r\n top: -10px;\r\n right: -10px;\r\n }\r\n }\r\n .select {\r\n background: #2a63f3;\r\n color: #ffffff;\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!./my-buy.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!./my-buy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-buy.vue?vue&type=template&id=8d04a8d0&scoped=true&\"\nimport script from \"./my-buy.vue?vue&type=script&lang=js&\"\nexport * from \"./my-buy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-buy.vue?vue&type=style&index=0&id=8d04a8d0&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 \"8d04a8d0\",\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/index.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!./my-buy.vue?vue&type=style&index=0&id=8d04a8d0&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"left\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"center\"},[(_vm.showSearch)?_c('el-input',{attrs:{\"clearable\":\"\",\"placeholder\":\"搜索\"},on:{\"change\":(val) => _vm.$emit('handleChange', val)},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}},[_c('i',{staticClass:\"el-icon-search el-input__icon\",attrs:{\"slot\":\"suffix\"},slot:\"suffix\"})]):_vm._e()],1),_c('div',{staticClass:\"right\"},[_vm._t(\"control\")],2)]),_c('div',{staticClass:\"bottom\"},[_vm._t(\"bottom\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"title\">\r\n <div class=\"top\">\r\n <div class=\"left\">{{ title }}</div>\r\n <div class=\"center\">\r\n <el-input\r\n v-if=\"showSearch\"\r\n clearable\r\n v-model=\"content\"\r\n placeholder=\"搜索\"\r\n @change=\"(val) => $emit('handleChange', val)\"\r\n >\r\n <i class=\"el-icon-search el-input__icon\" slot=\"suffix\"> </i>\r\n </el-input>\r\n </div>\r\n <div class=\"right\">\r\n <slot name=\"control\"></slot>\r\n </div>\r\n </div>\r\n <div class=\"bottom\">\r\n <slot name=\"bottom\"></slot>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"TitleControl\",\r\n props: {\r\n title: {\r\n type: String,\r\n required: true,\r\n },\r\n showSearch: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n content: \"\",\r\n };\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.title {\r\n width: 100%;\r\n background-color: white;\r\n border-radius: 15px;\r\n box-sizing: border-box;\r\n padding: 15px 20px;\r\n .top {\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n .left {\r\n color: #222222;\r\n font-weight: 500;\r\n font-size: 18px;\r\n width: 15%;\r\n }\r\n .center {\r\n margin-left: 12%;\r\n width: 45%;\r\n ::v-deep .el-input__inner,\r\n .el-autocomplete,\r\n .el-input {\r\n border-radius: 50px;\r\n width: 100%;\r\n }\r\n .my-autocomplete {\r\n li {\r\n line-height: normal;\r\n padding: 7px;\r\n\r\n .name {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n .addr {\r\n font-size: 12px;\r\n color: #b4b4b4;\r\n }\r\n\r\n .highlighted .addr {\r\n color: #ddd;\r\n }\r\n }\r\n }\r\n }\r\n .right {\r\n width: 28%;\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!./title-control.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!./title-control.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./title-control.vue?vue&type=template&id=52e2b05d&scoped=true&\"\nimport script from \"./title-control.vue?vue&type=script&lang=js&\"\nexport * from \"./title-control.vue?vue&type=script&lang=js&\"\nimport style0 from \"./title-control.vue?vue&type=style&index=0&id=52e2b05d&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 \"52e2b05d\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAfJJREFUOE91ks1qU1EUhdc6N2lNGuNPJ1YEFUWTm858BEeOSgcVhRJLm0ZwZqORithERDESOxMsqdQiKDgofQAfwVmTKigqiDrxL71JWpN7l9zUio3xDNde395rczbR5cUn1gYJ3vVLgi6vzu9c6bTxb8Eec/bJ0g0A4wSsTRAugId0eb2yEPm85W+D+9MK72o5GVJZgJFuKQA5Egs/ApHixznWaY+vnQZZBHSgO/BPyA+QMoynawN0dVPQua14/2vgxyb4SBav/dkxkXLOSngMyHQH6ZEYLZciT/w6Y0n1s6eepzQkMgfgE+UVACR+NyiLJgtggFJO5LJr3BztlDMKaVbAUsNtZd8t7PmOEVl21En5YKUaKeEZ3UNj33aHrECBwDAYuNiO6othK7AswDbATLkaeeCb2xNHZCWiznkPyBOs1N3mkN+cscn1Y3RbRRocpIvbMjoD4IgRp3zOo+4BeEOPT2VhmsD7luddoj1ZOyXPmzVEpYVA5lUp9NaeaJwkXB+AYE1V5kPPj6cahwNoFSXYMGYz6om0gnW3doHAFQGLzfWNW69/7q35taM9X/uCO3qvEkgKuBO2+u6/mGNz28nFktV+E2QOxDA95dsTDWcgLHlN5V4uRr9sO7nOfxtMbcQ9NYu+bhjMrJR6Vzs9vwBmpsxjhoi/2gAAAABJRU5ErkJggg==\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./card-box.vue?vue&type=style&index=0&id=42f5fe43&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-box\"},[_vm._t(\"default\"),_c('div',{staticClass:\"btn-box\"},[(_vm.del_Btn.show)?_c('div',{staticClass:\"del-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('handleDelete')}}},[_c('span',[_vm._v(_vm._s(_vm.del_Btn.value || \"删除\"))])]):_vm._e(),(_vm.btnList.includes('edit'))?_c('div',{staticClass:\"edit-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('handleEdit')}}},[_c('span',[_vm._v(\"编辑\")])]):_vm._e(),(_vm.btnList.includes('isRead'))?_c('div',{staticClass:\"mark-read-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('handleRead')}}},[_c('span',[_vm._v(\"标记已读\")])]):_vm._e(),(_vm.btnList.includes('unRead'))?_c('div',{staticClass:\"mark-unread-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('handleRead')}}},[_c('span',[_vm._v(\"标记未读\")])]):_vm._e()])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"card-box\">\r\n <slot></slot>\r\n <div class=\"btn-box\">\r\n <div\r\n class=\"del-btn\"\r\n v-if=\"del_Btn.show\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <span>{{ del_Btn.value || \"删除\" }}</span>\r\n </div>\r\n <div\r\n class=\"edit-btn\"\r\n v-if=\"btnList.includes('edit')\"\r\n @click.stop=\"$emit('handleEdit')\"\r\n >\r\n <span>编辑</span>\r\n </div>\r\n <div\r\n class=\"mark-read-btn\"\r\n v-if=\"btnList.includes('isRead')\"\r\n @click.stop=\"$emit('handleRead')\"\r\n >\r\n <span>标记已读</span>\r\n </div>\r\n <div\r\n class=\"mark-unread-btn\"\r\n v-if=\"btnList.includes('unRead')\"\r\n @click.stop=\"$emit('handleRead')\"\r\n >\r\n <span>标记未读</span>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"CardBox\",\r\n props: {\r\n btnList: {\r\n type: Array,\r\n default: (_) => [],\r\n },\r\n },\r\n data() {\r\n return {};\r\n },\r\n computed: {\r\n del_Btn() {\r\n let del = { show: false };\r\n this.btnList.forEach((item) => {\r\n if (typeof item == \"string\" && item == \"del\") {\r\n del.show = true;\r\n } else if (typeof item == \"object\" && item.type == \"del\") {\r\n del = { ...item, show: true };\r\n }\r\n });\r\n return del;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-box {\r\n background: white;\r\n border-radius: 12px;\r\n position: relative;\r\n box-sizing: border-box;\r\n\r\n .btn-box {\r\n position: absolute;\r\n right: -80px;\r\n bottom: 0;\r\n div {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 10px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 10px;\r\n user-select: none;\r\n font-size: 12px;\r\n cursor: pointer;\r\n }\r\n .del-btn {\r\n background-color: #e5e5e5;\r\n color: #999999;\r\n }\r\n .edit-btn {\r\n background-color: white;\r\n color: #2a63f3;\r\n }\r\n .mark-read-btn {\r\n background-color: white;\r\n color: #2a63f3;\r\n }\r\n .mark-unread-btn {\r\n background-color: white;\r\n color: #333333;\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!./card-box.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!./card-box.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./card-box.vue?vue&type=template&id=42f5fe43&scoped=true&\"\nimport script from \"./card-box.vue?vue&type=script&lang=js&\"\nexport * from \"./card-box.vue?vue&type=script&lang=js&\"\nimport style0 from \"./card-box.vue?vue&type=style&index=0&id=42f5fe43&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 \"42f5fe43\",\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/index.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!./title-control.vue?vue&type=style&index=0&id=52e2b05d&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./my-buy-card.vue?vue&type=style&index=0&id=1abeae40&prod&lang=scss&scoped=true&\""],"sourceRoot":""}