| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/view/system-config/systemNotice.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/view/system-config/systemNotice.vue","mtime":1618306924000},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":1665684010704},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":1665684006084}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport axios from '@/libs/api.request';\nexport default {\n name: 'systemNotice',\n\n data() {\n return {\n btnLoading_pass: false,\n currentPage: 1,\n total: 0,\n showNoticeModal: false,\n eduModalTitle: 'addnew',\n // 查询条件\n pagenum: 10,\n // 新增数据对象\n addData: {\n title: '',\n content: '',\n province: '',\n city: '',\n district: ''\n },\n editPid: '',\n editCid: '',\n editDid: '',\n provinceList: [],\n // 省列表\n cityList: [],\n // 市列表\n districtList: [],\n // 区列表\n publishType: '1',\n // 发布对象\n addRule: {\n title: [{\n required: true,\n message: '请先填写公告标题',\n trigger: 'blur'\n }],\n content: [{\n required: true,\n message: '请先填写公告内容',\n trigger: 'blur'\n }],\n province: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback();\n } else {\n if (!value) {\n return callback(new Error('请选择省'));\n } else {\n callback();\n }\n }\n },\n trigger: 'blur'\n }],\n city: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback();\n } else {\n if (!value) {\n return callback(new Error('请选择市'));\n } else {\n callback();\n }\n }\n },\n trigger: 'blur'\n }],\n district: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback();\n } else {\n if (!value) {\n return callback(new Error('请选择市'));\n } else {\n callback();\n }\n }\n },\n trigger: 'blur'\n }]\n },\n columns: [{\n title: ' 排序',\n key: 'id'\n }, {\n title: '标题',\n key: 'title'\n }, {\n title: '更改时间',\n key: 'updated_at'\n }, {\n title: '创建时间',\n key: 'created_at'\n }, {\n title: '操作',\n key: 'action',\n align: 'center',\n render: (h, params) => {\n return h('div', [h('Button', {\n props: {\n size: 'small',\n type: 'primary'\n },\n style: {\n marginTop: '5px',\n marginBottom: '5px'\n },\n on: {\n click: () => {\n this.eduModalTitle = 'check';\n this.showNoticeModal = true; // this.addData = params.row\n\n this.addData.title = params.row.title;\n this.addData.content = params.row.content;\n this.addData.province = params.row.province; // 这里的赋值不会触发 省select的on-change，具体原因不只\n\n this.getCity(); // 不对city 和 district，因为会查出相对应的 select的on-change，采用手动调用 getCity()的方式\n\n if (params.row.province) {\n this.editPid = params.row.province, this.editCid = params.row.city, this.editDid = params.row.district, // this.getProvince('check')\n this.publishType = '2';\n } else {\n this.publishType = '1';\n }\n }\n }\n }, '查看')]);\n }\n }],\n tableData: []\n };\n },\n\n created() {\n this.getList();\n this.getProvince();\n },\n\n methods: {\n // 分页\n levelchangepage(res) {\n this.currentPage = res;\n this.getList();\n },\n\n // 打开新增广告弹窗\n openNoticeModal() {\n this.eduModalTitle = 'addnew', this.publishType = '1', this.addData.title = '';\n this.addData.content = '';\n this.showNoticeModal = true;\n },\n\n // 获取列表信息\n getList() {\n axios.request({\n method: 'POST',\n url: '/admins/system/notice',\n data: {\n page: this.currentPage\n }\n }).then(res => {\n if (res.data.code === 'success') {\n this.tableData = res.data.data.data;\n this.total = res.data.data.total;\n } else {\n this.$Message.error(res.data.message, 'middle');\n }\n });\n },\n\n // 新增促销活动\n saveAdd(name) {\n this.$refs[name].validate(valid => {\n if (valid) {\n var that = this;\n that.btnLoading_pass = true;\n var addData = {\n title: this.addData.title,\n content: this.addData.content\n };\n\n if (this.publishType == 2) {\n addData['province'] = this.addData.province;\n addData['city'] = this.addData.city;\n addData['district'] = this.addData.district;\n }\n\n axios.request({\n url: '/admins/system/notice/edit',\n data: addData,\n method: 'POST'\n }).then(res => {\n if (res.data.code === 'success') {\n that.showNoticeModal = false;\n that.getList();\n }\n\n that.$Message.info(res.data.message);\n that.btnLoading_pass = false;\n });\n } else {// this.$Message.error('Fail!');\n }\n });\n },\n\n getProvince() {\n axios.request({\n method: 'GET',\n url: '/admins/area/0'\n }).then(res => {\n if (res.data.code === 'success') {\n this.addData.province === '' && (this.addData.province = res.data.data.list[0].id);\n this.provinceList = res.data.data.list;\n this.getCity();\n } else {\n this.$vux.toast.text(res.data.message, 'middle');\n }\n });\n },\n\n getCity() {\n var id = this.addData.province;\n this.editCid && (id = this.editCid);\n axios.request({\n method: 'GET',\n url: '/admins/area/' + id\n }).then(res => {\n if (res.data.code === 'success') {\n this.cityList = res.data.data.list;\n\n if (this.editCid) {\n this.addData.city = this.editCid;\n this.editCid = ''; // 第一次赋值之后置空\n } else {\n this.addData.city = res.data.data.list[0].id;\n }\n\n this.getDistrict();\n } else {\n this.$vux.toast.text(res.data.message, 'middle');\n }\n });\n },\n\n getDistrict() {\n var id = this.addData.province;\n this.editDid && (id = this.editDid);\n console.log('getDistrict', this.addData.city);\n axios.request({\n method: 'GET',\n url: '/admins/area/' + this.addData.city\n }).then(res => {\n if (res.data.code === 'success') {\n this.districtList = res.data.data.list;\n\n if (this.editDid) {\n this.addData.district = this.editDid;\n this.editDid = ''; // 第一次赋值之后置空\n } else {\n this.addData.district = res.data.data.list[0].id;\n }\n } else {\n this.$vux.toast.text(res.data.message, 'middle');\n }\n });\n }\n\n }\n};",{"version":3,"sources":["systemNotice.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n <div>\n <Card>\n <Row>\n <Button type=\"primary\" v-opcode=\"'admins/notice/notice/edit'\" @click=\"openNoticeModal()\">\n <Icon type=\"md-add\" />新增公告\n </Button>\n </Row>\n <Row class=\"mt10\">\n <Table border ref=\"selection\" :columns=\"columns\" :data=\"tableData\">\n </Table>\n </Row>\n <!-- 页码 -->\n <div style=\"margin: 10px;overflow: hidden\">\n <div style=\"float: left;\">\n <Page :total=\"total\" :current=\"currentPage\" :page-size=\"pagenum\" @on-change=\"levelchangepage\"></Page>\n </div>\n </div>\n </Card>\n <!-- 新增/查看 公告 -->\n <Modal v-model=\"showNoticeModal\" >\n <p slot=\"header\" style=\"text-align:left;font-size:16px;\">\n <Icon type=\"ios-alert\" color=\"#2d8cf0\" size=\"24\" />\n <span>{{eduModalTitle=='addnew' ? '新增公告' : '公告详情'}}</span>\n </p>\n <Form ref=\"addform\" :model=\"addData\" :rules=\"addRule\" label-position=\"right\" :label-width=\"80\">\n <FormItem prop=\"title\" label=\"公告标题:\">\n <Input v-model=\"addData.title\" placeholder=\"请输入公告标题\"></Input>\n </FormItem>\n <FormItem label=\"发布对象:\">\n \t<RadioGroup v-model=\"publishType\">\n \t\t<Radio label=\"1\">所有</Radio>\n \t\t<Radio label=\"2\">选择区域</Radio>\n \t</RadioGroup>\n </FormItem>\n <FormItem label=\"省\" prop=\"province\" v-show=\"publishType==2\">\n \t\t<Select v-model=\"addData.province\" placeholder=\"请选择省\" @on-change=\"getCity()\">\n \t\t\t\t<Option v-for=\"item in provinceList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }}</Option>\n \t\t</Select>\n </FormItem>\n <FormItem label=\"市\" prop=\"city\" v-show=\"publishType==2\">\n <Select v-model=\"addData.city\" placeholder=\"请选择市\" @on-change=\"getDistrict()\">\n <Option v-for=\"item in cityList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }}</Option>\n </Select>\n </FormItem>\n <FormItem label=\"区\" prop=\"district\" v-show=\"publishType==2\">\n \t\t<Select v-model=\"addData.district\" placeholder=\"请选择区\">\n \t\t\t\t<Option v-for=\"item in districtList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }}</Option>\n \t\t</Select>\n </FormItem>\n <FormItem prop=\"content\" label=\"公告内容:\">\n <Input v-model=\"addData.content\" type=\"textarea\" :autosize=\"{minRows: 2,maxRows: 5}\" placeholder=\"请输入公告内容\"></Input>\n </FormItem>\n </Form>\n <div slot=\"footer\">\n <Row type=\"flex\" justify=\"center\">\n <Button @click=\"showNoticeModal=false\">取消</Button>\n <Button type=\"primary\" @click=\"saveAdd('addform')\" :loading=\"btnLoading_pass\" v-show=\"eduModalTitle=='addnew'\">确定</Button>\n </Row>\n </div>\n </Modal>\n </div>\n</template>\n\n<script>\nimport axios from '@/libs/api.request'\nexport default {\n name: 'systemNotice',\n data () {\n return {\n btnLoading_pass: false,\n currentPage: 1,\n total: 0,\n showNoticeModal: false,\n eduModalTitle: 'addnew',\n // 查询条件\n pagenum: 10,\n // 新增数据对象\n addData: {\n title: '',\n content: '',\n province: '',\n city: '',\n district: ''\n },\n editPid: '',\n editCid: '',\n editDid: '',\n provinceList: [], // 省列表\n cityList: [], // 市列表\n districtList: [], // 区列表\n publishType: '1', // 发布对象\n addRule: {\n title: [{\n required: true,\n message: '请先填写公告标题',\n trigger: 'blur'\n }],\n content: [{\n required: true,\n message: '请先填写公告内容',\n trigger: 'blur'\n }],\n province: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback()\n } else {\n if (!value) {\n return callback(new Error('请选择省'))\n } else {\n callback()\n }\n }\n },\n trigger: 'blur'\n }],\n city: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback()\n } else {\n if (!value) {\n return callback(new Error('请选择市'))\n } else {\n callback()\n }\n }\n },\n trigger: 'blur'\n }],\n district: [{\n validator: (rule, value, callback) => {\n if (this.publishType == 1) {\n callback()\n } else {\n if (!value) {\n return callback(new Error('请选择市'))\n } else {\n callback()\n }\n }\n },\n trigger: 'blur'\n }]\n },\n columns: [\n {\n title: ' 排序',\n key: 'id'\n },\n {\n title: '标题',\n key: 'title'\n },\n {\n title: '更改时间',\n key: 'updated_at'\n },\n {\n title: '创建时间',\n key: 'created_at'\n },\n {\n title: '操作',\n key: 'action',\n align: 'center',\n render: (h, params) => {\n return h('div', [\n h('Button', {\n props: {\n size: 'small',\n type: 'primary'\n },\n style: {\n marginTop: '5px',\n marginBottom: '5px'\n },\n on: {\n click: () => {\n this.eduModalTitle = 'check'\n this.showNoticeModal = true\n // this.addData = params.row\n this.addData.title = params.row.title\n this.addData.content = params.row.content\n this.addData.province = params.row.province // 这里的赋值不会触发 省select的on-change，具体原因不只\n this.getCity() // 不对city 和 district，因为会查出相对应的 select的on-change，采用手动调用 getCity()的方式\n if (params.row.province) {\n this.editPid = params.row.province,\n this.editCid = params.row.city,\n this.editDid = params.row.district,\n // this.getProvince('check')\n this.publishType = '2'\n } else {\n this.publishType = '1'\n }\n }\n }\n }, '查看')\n ])\n }\n }\n ],\n tableData: []\n }\n },\n created () {\n this.getList()\n this.getProvince()\n },\n methods: {\n // 分页\n levelchangepage (res) {\n this.currentPage = res\n this.getList()\n },\n // 打开新增广告弹窗\n openNoticeModal () {\n this.eduModalTitle = 'addnew',\n this.publishType = '1',\n this.addData.title = ''\n this.addData.content = ''\n this.showNoticeModal = true\n },\n // 获取列表信息\n getList () {\n axios\n .request({\n method: 'POST',\n url: '/admins/system/notice',\n data: {\n page: this.currentPage\n }\n })\n .then(res => {\n if (res.data.code === 'success') {\n this.tableData = res.data.data.data\n this.total = res.data.data.total\n } else {\n this.$Message.error(res.data.message, 'middle')\n }\n })\n },\n // 新增促销活动\n saveAdd (name) {\n this.$refs[name].validate((valid) => {\n if (valid) {\n var that = this\n that.btnLoading_pass = true\n var addData = {\n title: this.addData.title,\n content: this.addData.content\n }\n if (this.publishType == 2) {\n addData['province'] = this.addData.province\n addData['city'] = this.addData.city\n addData['district'] = this.addData.district\n }\n axios.request({\n url: '/admins/system/notice/edit',\n data: addData,\n method: 'POST'\n }).then(res => {\n if (res.data.code === 'success') {\n that.showNoticeModal = false\n that.getList()\n }\n that.$Message.info(res.data.message)\n that.btnLoading_pass = false\n })\n } else {\n // this.$Message.error('Fail!');\n }\n })\n },\n getProvince () {\n \taxios.request({\n \t\tmethod: 'GET',\n \t\turl: '/admins/area/0'\n \t}).then((res) => {\n \t\tif (res.data.code === 'success') {\n \t\t\tthis.addData.province === '' && (this.addData.province = res.data.data.list[0].id)\n \t\t\tthis.provinceList = res.data.data.list\n this.getCity()\n \t\t} else {\n \t\t\tthis.$vux.toast.text(res.data.message, 'middle')\n \t\t}\n \t})\n },\n getCity () {\n \tvar id = this.addData.province\n this.editCid && (id = this.editCid)\n \taxios.request({\n \t\tmethod: 'GET',\n \t\turl: '/admins/area/' + id\n \t}).then((res) => {\n \t\tif (res.data.code === 'success') {\n \t\t\tthis.cityList = res.data.data.list\n \t\t\tif (this.editCid) {\n \t\t\t\tthis.addData.city = this.editCid\n \t\t\t\tthis.editCid = '' // 第一次赋值之后置空\n \t\t\t} else {\n \t\t\t\tthis.addData.city = res.data.data.list[0].id\n \t\t\t}\n this.getDistrict()\n \t\t} else {\n \t\t\tthis.$vux.toast.text(res.data.message, 'middle')\n \t\t}\n \t})\n },\n getDistrict () {\n var id = this.addData.province\n this.editDid && (id = this.editDid)\n console.log('getDistrict', this.addData.city)\n \taxios.request({\n \t\tmethod: 'GET',\n \t\turl: '/admins/area/' + this.addData.city\n \t}).then((res) => {\n \t\tif (res.data.code === 'success') {\n \t\t\tthis.districtList = res.data.data.list\n \t\t\tif (this.editDid) {\n \t\t\t\tthis.addData.district = this.editDid\n \t\t\t\tthis.editDid = '' // 第一次赋值之后置空\n \t\t\t} else {\n \t\t\t\tthis.addData.district = res.data.data.list[0].id\n \t\t\t}\n \t\t} else {\n \t\t\tthis.$vux.toast.text(res.data.message, 'middle')\n \t\t}\n \t})\n }\n }\n}\n</script>\n\n<style>\n .mt10 {\n margin-top: 10px;\n }\n</style>\n"],"sourceRoot":"src/view/system-config"}]}
|
