{"remainingRequest":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\sys\\region-add-or-update.vue?vue&type=style&index=0&id=5fe29652&lang=scss","dependencies":[{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\sys\\region-add-or-update.vue","mtime":1581948666000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n.mod-sys__region {\r\n  .region-list {\r\n    .el-input__inner,\r\n    .el-input__suffix {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["region-add-or-update.vue"],"names":[],"mappings":";AA8GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"region-add-or-update.vue","sourceRoot":"src/views/modules/sys","sourcesContent":["<template>\r\n  <el-dialog :visible.sync=\"visible\" :title=\"insert ? $t('add') : $t('update')\" :close-on-click-modal=\"false\" :close-on-press-escape=\"false\">\r\n    <el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\r\n      <el-form-item prop=\"parentName\" label=\"上级区域\">\r\n        <ren-region-tree v-model=\"dataForm.pid\" placeholder=\"选择区域\" :parent-name.sync=\"dataForm.parentName\"></ren-region-tree>\r\n      </el-form-item>\r\n      <el-form-item prop=\"name\" :label=\"$t('region.name')\">\r\n        <el-input v-model=\"dataForm.name\" :placeholder=\"$t('region.name')\"></el-input>\r\n      </el-form-item>\r\n      <el-form-item prop=\"id\" :label=\"$t('region.id')\">\r\n        <el-input v-model=\"dataForm.id\" :disabled=\"!insert\" :placeholder=\"$t('region.id')\"></el-input>\r\n      </el-form-item>\r\n      <el-form-item prop=\"sort\" :label=\"$t('region.sort')\">\r\n        <el-input-number v-model=\"dataForm.sort\" controls-position=\"right\" :min=\"0\" :label=\"$t('region.sort')\"></el-input-number>\r\n      </el-form-item>\r\n    </el-form>\r\n    <template slot=\"footer\">\r\n      <el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\r\n      <el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\r\n    </template>\r\n  </el-dialog>\r\n</template>\r\n\r\n<script>\r\nimport debounce from 'lodash/debounce'\r\nexport default {\r\n  data () {\r\n    return {\r\n      visible: false,\r\n      insert: true,\r\n      regionList: [],\r\n      regionListVisible: false,\r\n      dataForm: {\r\n        id: '',\r\n        name: '',\r\n        pid: '0',\r\n        parentName: '',\r\n        sort: 0\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    dataRule () {\r\n      return {\r\n        id: [\r\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n        ],\r\n        name: [\r\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n        ],\r\n        sort: [\r\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n        ]\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    init (id) {\r\n      this.insert = true\r\n      this.visible = true\r\n      this.dataForm.pid = '0'\r\n      this.$nextTick(() => {\r\n        this.$refs['dataForm'].resetFields()\r\n        this.dataForm.id = id\r\n        if (this.dataForm.id) {\r\n          this.insert = false\r\n          this.getInfo()\r\n        }\r\n      })\r\n    },\r\n    // 获取信息\r\n    getInfo () {\r\n      this.$http.get(`/sys/region/${this.dataForm.id}`).then(({ data: res }) => {\r\n        if (res.code !== 0) {\r\n          return this.$message.error(res.msg)\r\n        }\r\n        this.dataForm = {\r\n          ...this.dataForm,\r\n          ...res.data\r\n        }\r\n        this.$refs.regionListTree.setCurrentKey(this.dataForm.pid)\r\n      }).catch(() => {})\r\n    },\r\n    // 表单提交\r\n    dataFormSubmitHandle: debounce(function () {\r\n      this.$refs['dataForm'].validate((valid) => {\r\n        if (!valid) {\r\n          return false\r\n        }\r\n        this.$http[this.insert ? 'post' : 'put']('/sys/region', this.dataForm).then(({ data: res }) => {\r\n          if (res.code !== 0) {\r\n            return this.$message.error(res.msg)\r\n          }\r\n          this.$message({\r\n            message: this.$t('prompt.success'),\r\n            type: 'success',\r\n            duration: 500,\r\n            onClose: () => {\r\n              this.visible = false\r\n              this.$emit('refreshDataList')\r\n            }\r\n          })\r\n        }).catch(() => {})\r\n      })\r\n    }, 1000, { 'leading': true, 'trailing': false })\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.mod-sys__region {\r\n  .region-list {\r\n    .el-input__inner,\r\n    .el-input__suffix {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}