| 1 |
- {"version":3,"sources":["webpack:///./resources/src/views/advertisement/Form.vue?be4b","webpack:///./resources/src/views/advertisement/Form.vue?2922","webpack:///resources/src/views/advertisement/Form.vue","webpack:///./resources/src/views/advertisement/Form.vue?f202","webpack:///./resources/src/views/advertisement/Form.vue","webpack:///./resources/src/api/advertisement.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","proxy","attrs","ref","getData","onSubmit","form","errors","editMode","on","$event","footerDisabled","advertisementPositionChange","model","value","callback","$$v","$set","expression","_l","i","id","name","slug","adChangeDisabled","adChange","staticClass","uploadHeaders","handleAvatarSuccess","beforeAvatarUpload","surface","directives","rawName","showDetail","detail","handelIncrease","_e","_v","staticRenderFns","components","LzForm","Editor","mixins","data","advertisement_position_slug","type","area_id","is_display","start_time","end_time","sort","areas","advertisement_positions","types","Authorization","adShowDetail","created","methods","res","path","isJPG","isPNG","$message","error","isLt2M","step","component","getAdvertisement","params","axios","get","getAdvertisementSelectData","editAdvertisement","storeAdvertisement","post","updateAdvertisement","put"],"mappings":"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","file":"js/chunk-c7317eb8.07773978.js","sourcesContent":["import mod 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!./Form.vue?vue&type=style&index=0&id=07aae93a&lang=scss&scoped=true&\"; export default mod; 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!./Form.vue?vue&type=style&index=0&id=07aae93a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('content-header')]},proxy:true}])},[_c('el-row',{attrs:{\"type\":\"flex\"}},[_c('lz-form',{ref:\"form\",attrs:{\"get-data\":_vm.getData,\"submit\":_vm.onSubmit,\"form\":_vm.form,\"errors\":_vm.errors,\"edit-mode\":_vm.editMode},on:{\"update:form\":function($event){_vm.form=$event},\"update:errors\":function($event){_vm.errors=$event}}},[_c('el-form-item',{attrs:{\"label\":\"广告位\",\"required\":\"\",\"prop\":\"advertisement_position_slug\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"disabled\":_vm.footerDisabled,\"placeholder\":\"选择广告位\"},on:{\"change\":_vm.advertisementPositionChange},model:{value:(_vm.form.advertisement_position_slug),callback:function ($$v) {_vm.$set(_vm.form, \"advertisement_position_slug\", $$v)},expression:\"form.advertisement_position_slug\"}},_vm._l((_vm.advertisement_positions),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.name,\"value\":i.slug}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"广告类型\",\"required\":\"\",\"prop\":\"type\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"disabled\":_vm.adChangeDisabled,\"placeholder\":\"选择广告类型\"},on:{\"change\":_vm.adChange},model:{value:(_vm.form.type),callback:function ($$v) {_vm.$set(_vm.form, \"type\", $$v)},expression:\"form.type\"}},_vm._l((_vm.types),function(i,key){return _c('el-option',{key:key,attrs:{\"label\":i.name,\"value\":i.slug}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"广告名称\",\"required\":\"\",\"prop\":\"name\"}},[_c('el-input',{model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('el-form-item',{attrs:{\"label\":\"广告层级\",\"required\":\"\",\"prop\":\"name\"}},[_c('el-input',{attrs:{\"placeholder\":\"请输入数字，数字越大越靠前\",\"onkeyup\":\"this.value=this.value.replace(/[^\\\\d]/g,'');\"},model:{value:(_vm.form.sort),callback:function ($$v) {_vm.$set(_vm.form, \"sort\", $$v)},expression:\"form.sort\"}})],1),_c('el-form-item',{attrs:{\"label\":\"缩略内容\",\"required\":\"\",\"prop\":\"surface\"}},[_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":\"/admin-api/advertisements/uploadImg\",\"name\":\"surface\",\"headers\":_vm.uploadHeaders,\"show-file-list\":false,\"on-success\":_vm.handleAvatarSuccess,\"before-upload\":_vm.beforeAvatarUpload}},[(_vm.form.surface)?_c('img',{staticClass:\"avatara\",attrs:{\"src\":_vm.form.surface}}):_c('i',{staticClass:\"el-icon-plus avatar-uploader-icon\"})])],1),_c('el-form-item',{attrs:{\"label\":\"投放区域\",\"required\":\"\",\"prop\":\"area_id\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"placeholder\":\"选择区域\"},model:{value:(_vm.form.area_id),callback:function ($$v) {_vm.$set(_vm.form, \"area_id\", $$v)},expression:\"form.area_id\"}},_vm._l((_vm.areas),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.name,\"value\":i.id}})}),1)],1),_c('el-form-item',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.adShowDetail),expression:\"adShowDetail\"}],attrs:{\"label\":\"广告详情\",\"required\":\"\",\"prop\":\"detail\"}},[(_vm.showDetail==1)?_c('el-input',{attrs:{\"placeholder\":\"请输入链接，必须带https或小程序内路径,或者手机号,或腾讯广告id\"},model:{value:(_vm.form.detail),callback:function ($$v) {_vm.$set(_vm.form, \"detail\", $$v)},expression:\"form.detail\"}}):(_vm.showDetail==2)?_c('Editor',{attrs:{\"value\":_vm.form.detail},on:{\"input\":_vm.handelIncrease}}):(_vm.showDetail==3)?_c('span'):_vm._e()],1),_c('el-form-item',{attrs:{\"label\":\"投放状态\",\"required\":\"\",\"prop\":\"is_display\"}},[_c('el-radio',{attrs:{\"label\":\"0\"},model:{value:(_vm.form.is_display),callback:function ($$v) {_vm.$set(_vm.form, \"is_display\", $$v)},expression:\"form.is_display\"}},[_vm._v(\"未投放\")]),_c('el-radio',{attrs:{\"label\":\"1\"},model:{value:(_vm.form.is_display),callback:function ($$v) {_vm.$set(_vm.form, \"is_display\", $$v)},expression:\"form.is_display\"}},[_vm._v(\"已投放\")])],1),_c('el-form-item',{attrs:{\"label\":\"投放开始时间\",\"required\":\"\",\"prop\":\"start_time\"}},[_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.form.start_time),callback:function ($$v) {_vm.$set(_vm.form, \"start_time\", $$v)},expression:\"form.start_time\"}})],1),_c('el-form-item',{attrs:{\"label\":\"投放结束时间\",\"required\":\"\",\"prop\":\"end_time\"}},[_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.form.end_time),callback:function ($$v) {_vm.$set(_vm.form, \"end_time\", $$v)},expression:\"form.end_time\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <el-card>\r\n <template #header>\r\n <content-header/>\r\n </template>\r\n <el-row type=\"flex\">\r\n <lz-form\r\n ref=\"form\"\r\n :get-data=\"getData\"\r\n :submit=\"onSubmit\"\r\n :form.sync=\"form\"\r\n :errors.sync=\"errors\"\r\n :edit-mode=\"editMode\"\r\n >\r\n <el-form-item\r\n label=\"广告位\"\r\n required\r\n prop=\"advertisement_position_slug\"\r\n >\r\n <el-select\r\n v-model=\"form.advertisement_position_slug\"\r\n clearable\r\n :disabled=\"footerDisabled\"\r\n @change=\"advertisementPositionChange\"\r\n placeholder=\"选择广告位\"\r\n >\r\n <el-option\r\n v-for=\"i in advertisement_positions\"\r\n :key=\"i.id\"\r\n :label=\"i.name\"\r\n :value=\"i.slug\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"广告类型\" required prop=\"type\">\r\n <el-select\r\n v-model=\"form.type\"\r\n clearable\r\n @change=\"adChange\"\r\n :disabled=\"adChangeDisabled\"\r\n placeholder=\"选择广告类型\"\r\n >\r\n <el-option\r\n v-for=\"(i,key) in types\"\r\n :key=\"key\"\r\n :label=\"i.name\"\r\n :value=\"i.slug\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"广告名称\" required prop=\"name\">\r\n <el-input v-model=\"form.name\"/>\r\n </el-form-item>\r\n <el-form-item label=\"广告层级\" required prop=\"name\">\r\n <el-input placeholder=\"请输入数字，数字越大越靠前\" v-model=\"form.sort\" onkeyup=\"this.value=this.value.replace(/[^\\d]/g,'');\"/>\r\n </el-form-item>\r\n <el-form-item label=\"缩略内容\" required prop=\"surface\">\r\n <el-upload\r\n class=\"avatar-uploader\"\r\n action=\"/admin-api/advertisements/uploadImg\"\r\n name=\"surface\"\r\n :headers=\"uploadHeaders\"\r\n :show-file-list=\"false\"\r\n :on-success=\"handleAvatarSuccess\"\r\n :before-upload=\"beforeAvatarUpload\"\r\n >\r\n <img v-if=\"form.surface\" :src=\"form.surface\" class=\"avatara\">\r\n <i v-else class=\"el-icon-plus avatar-uploader-icon\"/>\r\n </el-upload>\r\n <!-- <el-input v-model=\"form.surface\"/> -->\r\n </el-form-item>\r\n <el-form-item label=\"投放区域\" required prop=\"area_id\">\r\n <el-select\r\n v-model=\"form.area_id\"\r\n clearable\r\n placeholder=\"选择区域\"\r\n >\r\n <el-option\r\n v-for=\"i in areas\"\r\n :key=\"i.id\"\r\n :label=\"i.name\"\r\n :value=\"i.id\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item\r\n label=\"广告详情\"\r\n v-show=\"adShowDetail\"\r\n required\r\n prop=\"detail\"\r\n >\r\n <el-input v-if=\"showDetail==1\" placeholder=\"请输入链接，必须带https或小程序内路径,或者手机号,或腾讯广告id\" v-model=\"form.detail\"/>\r\n <Editor v-else-if=\"showDetail==2\" :value=\"form.detail\" @input=\"handelIncrease\"/>\r\n <span v-else-if=\"showDetail==3\"/>\r\n </el-form-item>\r\n <el-form-item label=\"投放状态\" required prop=\"is_display\">\r\n <el-radio v-model=\"form.is_display\" label=\"0\">未投放</el-radio>\r\n <el-radio v-model=\"form.is_display\" label=\"1\">已投放</el-radio>\r\n </el-form-item>\r\n <el-form-item label=\"投放开始时间\" required prop=\"start_time\">\r\n <el-date-picker\r\n v-model=\"form.start_time\"\r\n type=\"datetime\"\r\n placeholder=\"选择日期时间\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"投放结束时间\" required prop=\"end_time\">\r\n <el-date-picker\r\n v-model=\"form.end_time\"\r\n type=\"datetime\"\r\n placeholder=\"选择日期时间\"\r\n />\r\n </el-form-item>\r\n </lz-form>\r\n </el-row>\r\n </el-card>\r\n</template>\r\n\r\n<script>\r\nimport { getAdvertisementSelectData, storeAdvertisement, editAdvertisement, updateAdvertisement } from '@/api/advertisement'\r\nimport { getAreas } from '@/api/area'\r\nimport LzForm from '@c/LzForm'\r\nimport FormHelper from '@c/LzForm/FormHelper'\r\nimport { getToken } from '@/libs/token'\r\nimport Editor from '@c/Editor'\r\n\r\nexport default {\r\n name: 'Form',\r\n components: {\r\n LzForm,\r\n Editor,\r\n },\r\n mixins: [\r\n FormHelper,\r\n ],\r\n data() {\r\n return {\r\n form: {\r\n advertisement_position_slug: '',\r\n type: 'clilk_null',\r\n name: '',\r\n surface: '',\r\n area_id: '',\r\n detail: '',\r\n is_display: '1',\r\n start_time: '',\r\n end_time: '',\r\n sort: '',\r\n },\r\n errors: {},\r\n areas: [],\r\n advertisement_positions: [],\r\n types: [],\r\n uploadHeaders: {\r\n Authorization: '',\r\n },\r\n showDetail: '',\r\n adChangeDisabled: false, // 广告类型是否可选\r\n adShowDetail: false, // 广告详情是否展示\r\n footerDisabled: false,\r\n }\r\n },\r\n created() {\r\n this.uploadHeaders.Authorization = getToken()\r\n },\r\n methods: {\r\n async getData() {\r\n const [\r\n { data: areas },\r\n ] = await Promise.all([\r\n getAreas({ all: 1 }),\r\n ])\r\n const [\r\n { data: selectData },\r\n ] = await Promise.all([\r\n getAdvertisementSelectData(),\r\n ])\r\n\r\n this.areas = [{ id: 0, name: '全部' }]\r\n areas.map(i => {\r\n this.areas.push({ id: i.id, name: i.name })\r\n })\r\n this.types = selectData.advertisementType\r\n this.advertisement_positions = selectData.advertisementPosition\r\n\r\n console.log(this.editMode)\r\n if (this.editMode) {\r\n const { data } = await editAdvertisement(this.resourceId)\r\n data.is_display = data.is_display ? '1' : '0'\r\n if (data.type == 'url' || data.type == 'wxUrl' || data.type == 'phone' || data.type == 'wxTencentAdvertisement') {\r\n this.showDetail = 1\r\n this.adShowDetail = true\r\n } else if (data.type == 'text') {\r\n this.showDetail = 2\r\n this.adShowDetail = true\r\n } else {\r\n this.showDetail = 3\r\n this.adShowDetail = false\r\n }\r\n console.log(this.footerDisabled)\r\n this.footerDisabled = true\r\n this.fillForm(data)\r\n }\r\n },\r\n async onSubmit() {\r\n if (this.editMode) {\r\n await updateAdvertisement(this.resourceId, this.form)\r\n } else {\r\n await storeAdvertisement(this.form)\r\n }\r\n },\r\n adChange() {\r\n // console.log(this.form.type)\r\n if (this.form.type == 'url' || this.form.type == 'wxUrl' || this.form.type == 'phone' || this.form.type == 'wxTencentAdvertisement') {\r\n this.showDetail = 1\r\n this.adShowDetail = true\r\n } else if (this.form.type == 'text') {\r\n this.showDetail = 2\r\n this.adShowDetail = true\r\n } else {\r\n this.showDetail = 3\r\n this.adShowDetail = false\r\n }\r\n },\r\n advertisementPositionChange() {\r\n if (this.form.advertisement_position_slug == 'footer') {\r\n this.form.type = 'clilk_null'\r\n this.adChangeDisabled = true\r\n } else {\r\n this.adChangeDisabled = false\r\n }\r\n },\r\n handleAvatarSuccess(res, file) {\r\n this.form.surface = res.path\r\n // console.log(res)\r\n },\r\n beforeAvatarUpload(file) {\r\n const isJPG = file.type === 'image/jpeg'\r\n const isPNG = file.type === 'image/png'\r\n const isLt2M = file.size / 1024 / 1024 < 2\r\n\r\n if (!isJPG && !isPNG) {\r\n this.$message.error('上传头像图片只能是 JPG/PNG 格式!')\r\n }\r\n if (!isLt2M) {\r\n this.$message.error('上传头像图片大小不能超过 2MB!')\r\n }\r\n return (isJPG || isPNG) && isLt2M\r\n },\r\n handelIncrease(step) {\r\n // console.log('step', step)\r\n this.form.detail = step\r\n },\r\n },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n .avatar-uploader .el-upload {\r\n border: 1px dashed #d9d9d9;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .avatar-uploader .el-upload:hover {\r\n border-color: #409EFF;\r\n }\r\n .avatar-uploader-icon {\r\n font-size: 28px;\r\n color: #8c939d;\r\n width: 178px;\r\n height: 178px;\r\n line-height: 178px;\r\n text-align: center;\r\n }\r\n .avatara {\r\n /* width: 178px; */\r\n height: 178px;\r\n display: 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!./Form.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!./Form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=07aae93a&scoped=true&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Form.vue?vue&type=style&index=0&id=07aae93a&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 \"07aae93a\",\n null\n \n)\n\nexport default component.exports","import axios from '@/plugins/axios'\r\n\r\nexport function getAdvertisement(params = {}) {\r\n return axios.get('advertisements', {\r\n params,\r\n })\r\n}\r\n\r\nexport function getAdvertisementSelectData() {\r\n return axios.get('advertisements/advertisementSelectData')\r\n}\r\n\r\nexport function editAdvertisement(id) {\r\n return axios.get(`advertisements/${id}/edit`)\r\n}\r\n\r\nexport function storeAdvertisement(data) {\r\n return axios.post('advertisements', data)\r\n}\r\n\r\nexport function updateAdvertisement(id, data) {\r\n return axios.put(`advertisements/${id}`, data)\r\n}\r\n"],"sourceRoot":""}
|
