{"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"}]}