{"remainingRequest":"/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=style&index=0&lang=css&","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/css-loader/index.js","mtime":1665684004023},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1665684006115},{"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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.mt10 {\n  margin-top: 10px;\n}\n",{"version":3,"sources":["systemNotice.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgVA;AACA;AACA","file":"systemNotice.vue","sourceRoot":"src/view/system-config","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"]}]}