{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./resources/src/components/LzForm/index.vue?0a68","webpack:///./resources/src/components/LzForm/index.vue?6710","webpack:///resources/src/components/LzForm/index.vue","webpack:///./resources/src/components/LzForm/index.vue","webpack:///./resources/src/components/LzForm/index.vue?4c9f","webpack:///./resources/src/api/area.js","webpack:///./resources/src/views/bikes/Form.vue?5f1c","webpack:///resources/src/views/bikes/Form.vue","webpack:///./resources/src/views/bikes/Form.vue?c775","webpack:///./resources/src/views/bikes/Form.vue","webpack:///./resources/src/components/LzForm/FormHelper.js"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","unsupportedIterableToArray","staticRenderFns","name","components","FlexSpacer","inject","view","from","default","data","loading","stay","props","getData","Function","submit","errors","form","submitText","type","String","labelPosition","inDialog","Boolean","createdRedirect","p","updatedRedirect","this","$router","back","bind","disableRedirect","disableStay","editMode","computed","realLabelPosition","$store","state","miniWidth","created","copyMethods","methods","Form","m","apply","$refs","arguments","onReset","resetFields","watch","$route","handler","$active","_getData","immediate","render","defaultSlot","map","helper","replace","slot","h","options","propsData","formItem","model","on","class","style","width","directives","ref","component","getAreas","params","axios","get","showArea","id","storeArea","post","updateArea","put","editArea","_vm","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","proxy","attrs","onSubmit","$event","resourceId","callback","$$v","$set","expression","_l","_v","LzForm","mixins","areas","provide","formField","idField","backupForm","getResourceId","formBak","JSON","parse","stringify","$data","fillForm","assignExists"],"mappings":"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","file":"js/chunk-e466dfb2.0f2d7abb.js","sourcesContent":["export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nimport nonIterableRest from \"./nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","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!./index.vue?vue&type=style&index=0&id=3084f0c4&scoped=true&lang=scss&\"; 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!./index.vue?vue&type=style&index=0&id=3084f0c4&scoped=true&lang=scss&\"","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!./index.vue?vue&type=style&index=1&lang=scss&\"; 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!./index.vue?vue&type=style&index=1&lang=scss&\"","<script>\r\nimport _forIn from 'lodash/forIn'\r\nimport _get from 'lodash/get'\r\nimport Form from '@/plugins/element/components/Form'\r\nimport { getMessage, handleValidateErrors } from '@/libs/utils'\r\nimport FlexSpacer from '@c/FlexSpacer'\r\n\r\nexport default {\r\n  name: 'LzForm',\r\n  components: {\r\n    FlexSpacer,\r\n  },\r\n  inject: {\r\n    // 使用 FormHelper 混入，会自动提供该注入\r\n    view: {\r\n      from: 'view',\r\n      default: null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      stay: false,\r\n    }\r\n  },\r\n  props: {\r\n    getData: Function,\r\n    submit: Function,\r\n    errors: Object,\r\n    form: Object,\r\n    submitText: {\r\n      type: String,\r\n      default: '保存',\r\n    },\r\n    labelPosition: String,\r\n    inDialog: Boolean,\r\n    createdRedirect: {\r\n      type: [String, Function],\r\n      default() {\r\n        const p = this.$route.path.split('/')\r\n        return '/' + (p[p.length - 2] || '')\r\n      },\r\n    },\r\n    updatedRedirect: {\r\n      type: [String, Function],\r\n      default() {\r\n        return this.$router.back.bind(this.$router)\r\n      },\r\n    },\r\n    disableRedirect: Boolean,\r\n    disableStay: Boolean,\r\n    editMode: Boolean,\r\n  },\r\n  computed: {\r\n    realLabelPosition() {\r\n      return this.labelPosition || (this.$store.state.miniWidth ? 'top' : 'right')\r\n    },\r\n    miniWidth() {\r\n      return this.$store.state.miniWidth\r\n    },\r\n  },\r\n  created() {\r\n    this.copyMethods()\r\n  },\r\n  methods: {\r\n    /**\r\n     * 复制实际 Form 组件的方法, 给外部调用, 并把 this 指向 ElForm 实例\r\n     */\r\n    copyMethods() {\r\n      // 原始 ElForm 和 重写的 Form\r\n      [Form.extends.methods, Form.methods].forEach(methods => {\r\n        _forIn(methods, (m, k) => {\r\n          this[k] = function () {\r\n            m.apply(this.$refs.form, arguments)\r\n          }\r\n        })\r\n      })\r\n    },\r\n    async _getData() {\r\n      this.loading = true\r\n      this.view && this.$emit('update:form', this.view.formBak)\r\n\r\n      try {\r\n        this.getData && await this.getData()\r\n        // 在某些情况下，会出现方法未定义，所以放到 nextTick 中\r\n        this.$nextTick(() => {\r\n          this.setInitialValues()\r\n        })\r\n      } catch (e) {\r\n        Promise.reject(e)\r\n      }\r\n\r\n      this.loading = false\r\n    },\r\n    async onSubmit() {\r\n      this.$emit('update:errors', {})\r\n      try {\r\n        this.submit && await this.submit()\r\n\r\n        this.$message.success(getMessage(this.editMode ? 'updated' : 'created'))\r\n\r\n        if (this.stay || this.disableRedirect) {\r\n          return\r\n        }\r\n\r\n        let redirect = this.editMode ? this.updatedRedirect : this.createdRedirect\r\n        if (typeof redirect === 'string') {\r\n          this.$router.push(redirect)\r\n        } else if (typeof redirect === 'function') {\r\n          redirect()\r\n        }\r\n      } catch (e) {\r\n        this.$emit('update:errors', handleValidateErrors(e.response))\r\n        if (_get(e, 'response.status') !== 422) {\r\n          Promise.reject(e)\r\n        }\r\n      }\r\n    },\r\n    onReset() {\r\n      this.$refs.form.resetFields()\r\n    },\r\n  },\r\n  watch: {\r\n    $route: {\r\n      handler() {\r\n        this.$active && this._getData()\r\n      },\r\n      immediate: true,\r\n    },\r\n  },\r\n  render(h) {\r\n    let defaultSlot = this.$slots.default\r\n    if (Array.isArray(defaultSlot)) {\r\n      defaultSlot = defaultSlot.map((formItem) => {\r\n        const options = formItem.componentOptions\r\n\r\n        // 如果有 helper props，则生成一个新的 FormItem 替换掉原来的\r\n        let { helper, label } = options.propsData\r\n        if (helper) {\r\n          helper = helper.replace(/\\n/g, '<br>')\r\n          const labelSlot = h('template', {\r\n            slot: 'label',\r\n          }, [\r\n            (<span>{label}</span>),\r\n            (\r\n              <el-tooltip\r\n                effect=\"dark\"\r\n                placement=\"top-start\"\r\n                popper-class={`form-helper-popper ${this.miniWidth ? 'mini-width' : ''}`}\r\n              >\r\n                <div slot=\"content\" domPropsInnerHTML={helper}/>\r\n                <i class=\"ml-1 el-icon-question helper\"/>\r\n              </el-tooltip>\r\n            ),\r\n          ])\r\n          return h('el-form-item', {\r\n            props: options.propsData,\r\n          }, [labelSlot, ...options.children])\r\n        } else {\r\n          return formItem\r\n        }\r\n      })\r\n    }\r\n\r\n    const stayCheckbox = !this.disableStay && (\r\n      <el-checkbox\r\n        vModel={this.stay}\r\n        title=\"表单提交后，留在此页\"\r\n      >\r\n        留在此页\r\n      </el-checkbox>\r\n    )\r\n\r\n    const footerSlot = this.$slots.footer || (\r\n      <el-form-item class=\"footer\">\r\n        <loading-action type=\"primary\" action={this.onSubmit}>{this.submitText}</loading-action>\r\n        <el-button vOn:click={this.onReset}>重置</el-button>\r\n        {this.$slots.footerAppend}\r\n        <flex-spacer/>\r\n\r\n      </el-form-item>\r\n    )\r\n\r\n    // 用 jsx，ElForm 组件的 model props 传不进去，，，\r\n    return h('el-form', {\r\n      props: {\r\n        model: this.form,\r\n        errors: this.errors,\r\n        labelPosition: this.realLabelPosition,\r\n        ...this.$attrs,\r\n      },\r\n      on: {\r\n        ...this.$listeners,\r\n      },\r\n      class: {\r\n        'in-dialog': this.inDialog,\r\n      },\r\n      style: {\r\n        width: this.inDialog ? 'auto' : '800px',\r\n      },\r\n      directives: [\r\n        {\r\n          name: 'loading',\r\n          value: this.loading,\r\n        },\r\n      ],\r\n      ref: 'form',\r\n    }, [defaultSlot, footerSlot])\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '~element-ui/packages/theme-chalk/src/common/var';\r\n\r\n.footer {\r\n  /deep/ {\r\n    .el-form-item__content {\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n\r\n.in-dialog {\r\n  .footer {\r\n    text-align: right;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.helper {\r\n  color: $--color-primary;\r\n  border: 2px solid transparent;\r\n  border-radius: 50%;\r\n  transition: border-color .3s;\r\n\r\n  &:hover {\r\n    border-color: $--color-primary-light-1;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.form-helper-popper {\r\n  max-width: 400px;\r\n\r\n  &.mini-width {\r\n    max-width: 90%;\r\n  }\r\n}\r\n</style>\r\n","var render, staticRenderFns\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3084f0c4&scoped=true&lang=scss&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&lang=scss&\"\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  \"3084f0c4\",\n  null\n  \n)\n\nexport default component.exports","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import axios from '@/plugins/axios'\r\n\r\nexport function getAreas(params = {}) {\r\n  return axios.get('area', {\r\n    params,\r\n  })\r\n}\r\n\r\nexport function showArea(id) {\r\n  return axios.get(`area/${id}`)\r\n}\r\n\r\nexport function storeArea(data) {\r\n  return axios.post('area', data)\r\n}\r\n\r\nexport function updateArea(id, data) {\r\n  return axios.put(`area/${id}`, data)\r\n}\r\n\r\nexport function editArea(id) {\r\n  return axios.get(`area/${id}/edit`)\r\n}\r\n\r\nexport function destroyArea(id) {\r\n  return axios.delete(`area/${id}`)\r\n}\r\n","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\",\"justify\":\"center\"}},[_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\":\"bike_no\"}},[_c('el-input',{attrs:{\"disabled\":this.resourceId},model:{value:(_vm.form.bike_no),callback:function ($$v) {_vm.$set(_vm.form, \"bike_no\", $$v)},expression:\"form.bike_no\"}})],1),_c('el-form-item',{attrs:{\"label\":\"控制设备编号\",\"prop\":\"box_no\"}},[_c('el-input',{model:{value:(_vm.form.box_no),callback:function ($$v) {_vm.$set(_vm.form, \"box_no\", $$v)},expression:\"form.box_no\"}})],1),_c('el-form-item',{attrs:{\"label\":\"投放区域\",\"prop\":\"put_area_id\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"placeholder\":\"选择区域\"},model:{value:(_vm.form.put_area_id),callback:function ($$v) {_vm.$set(_vm.form, \"put_area_id\", $$v)},expression:\"form.put_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',{attrs:{\"label\":\"投放状态\",\"required\":\"\",\"prop\":\"put_status\"}},[_c('el-radio',{attrs:{\"label\":\"0\"},model:{value:(_vm.form.put_status),callback:function ($$v) {_vm.$set(_vm.form, \"put_status\", $$v)},expression:\"form.put_status\"}},[_vm._v(\"未投放\")]),_c('el-radio',{attrs:{\"label\":\"1\"},model:{value:(_vm.form.put_status),callback:function ($$v) {_vm.$set(_vm.form, \"put_status\", $$v)},expression:\"form.put_status\"}},[_vm._v(\"已投放\")])],1),_c('el-form-item',{attrs:{\"label\":\"投放时间\",\"prop\":\"put_time\"}},[_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.form.put_time),callback:function ($$v) {_vm.$set(_vm.form, \"put_time\", $$v)},expression:\"form.put_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\" justify=\"center\">\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 label=\"车牌号\" required prop=\"bike_no\">\r\n              <el-input :disabled=\"this.resourceId\" v-model=\"form.bike_no\"/>\r\n          </el-form-item>\r\n\r\n          <el-form-item label=\"控制设备编号\" prop=\"box_no\">\r\n              <el-input v-model=\"form.box_no\"/>\r\n          </el-form-item>\r\n\r\n          <el-form-item label=\"投放区域\" prop=\"put_area_id\">\r\n              <el-select\r\n                  v-model=\"form.put_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 label=\"投放状态\" required prop=\"put_status\">\r\n          <el-radio v-model=\"form.put_status\" label=\"0\">未投放</el-radio>\r\n          <el-radio v-model=\"form.put_status\" label=\"1\">已投放</el-radio>\r\n        </el-form-item>\r\n          <el-form-item label=\"投放时间\" prop=\"put_time\">\r\n              <el-date-picker\r\n                  v-model=\"form.put_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 { editBike, storeBike, updateBike } from '@/api/bike'\r\nimport { getAreas } from '@/api/area'\r\nimport LzForm from '@c/LzForm'\r\nimport FormHelper from '@c/LzForm/FormHelper'\r\n\r\nexport default {\r\n  name: 'Form',\r\n  components: {\r\n    LzForm,\r\n  },\r\n  mixins: [\r\n    FormHelper,\r\n  ],\r\n  data() {\r\n    return {\r\n      form: {\r\n        'bike_no': '',\r\n        'box_no': '',\r\n        'put_area_id': '',\r\n        'put_status': '',\r\n        'put_time': '',\r\n      },\r\n      errors: {},\r\n      areas: [],\r\n    }\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\r\n      this.areas = areas\r\n\r\n      if (this.editMode) {\r\n        const { data } = await editBike(this.resourceId)\r\n        data.put_status = data.put_status ? '1' : '0'\r\n        this.fillForm(data)\r\n      }\r\n    },\r\n    async onSubmit() {\r\n      if (this.editMode) {\r\n        await updateBike(this.resourceId, this.form)\r\n      } else {\r\n        await storeBike(this.form)\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\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=781bf5f6&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import { assignExists } from '@/libs/utils'\r\n\r\nexport default {\r\n  provide() {\r\n    return {\r\n      view: this,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * 保存表单数据的键名\r\n       */\r\n      formField: 'form',\r\n      /**\r\n       * 编辑时，路由中的动态值\r\n       */\r\n      idField: 'id',\r\n    }\r\n  },\r\n  computed: {\r\n    editMode() {\r\n      return !!this.resourceId\r\n    },\r\n    resourceId() {\r\n      return this.$route.params[this.idField]\r\n    },\r\n  },\r\n  created() {\r\n    this.backupForm()\r\n  },\r\n  methods: {\r\n    getResourceId(key = 'id') {\r\n      return this.$route.params[key]\r\n    },\r\n    /**\r\n     * 备份表单原始数据，路由切换时，用来重置表单\r\n     */\r\n    backupForm() {\r\n      this.formBak = JSON.parse(JSON.stringify(this.$data[this.formField]))\r\n    },\r\n    /**\r\n     * 填充表单数据\r\n     *\r\n     * @param data\r\n     */\r\n    fillForm(data) {\r\n      this.$data[this.formField] = assignExists(this.$data[this.formField], data)\r\n    },\r\n  },\r\n}\r\n"],"sourceRoot":""}