文件夹改名

Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]] Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0 Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33 Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83] Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6 Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1
2019-03-14 20:24:45 +08:00
parent 0de79b3462
commit 0f04615685
338 changed files with 0 additions and 0 deletions
--- a/src/views/demo/business/issues/142/edit-cache-db.vue
+++ b/src/views/demo/business/issues/142/edit-cache-db.vue
@@ -0,0 +1,103 @@
+<template>
+  <d2-container
+    :filename="filename"
+    type="card"
+    class="page">
+    <el-form
+      ref="form"
+      :model="form"
+      label-width="80px"
+      class="page--form">
+      <el-form-item label="姓名">
+        <el-input v-model="form.name"/>
+      </el-form-item>
+      <el-form-item label="地址">
+        <el-input type="textarea" v-model="form.address"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSubmit">修改</el-button>
+      </el-form-item>
+    </el-form>
+  </d2-container>
+</template>
+
+<script>
+import { mapActions } from 'vuex'
+import base from './mixins/index'
+export default {
+  mixins: [
+    base
+  ],
+  data () {
+    return {
+      filename: __filename
+    }
+  },
+  // 第一次进入或从其他组件对应路由进入时触发
+  beforeRouteEnter (to, from, next) {
+    const id = to.params.id
+    if (id) {
+      next(async instance => {
+        if (from.name === 'demo-business-issues-142') {
+          await instance.getFormData(id)
+          instance.saveDataToDb()
+        } else {
+          instance.loadDataFromDb(to)
+        }
+      })
+    }
+  },
+  // 在同一组件对应的多个路由间切换时触发
+  beforeRouteUpdate (to, from, next) {
+    const id = to.params.id
+    if (id) {
+      this.loadDataFromDb(to)
+      next()
+    }
+  },
+  watch: {
+    // 表单变化的时候更新持久化
+    form: {
+      handler () {
+        this.saveDataToDb()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    ...mapActions('d2admin/db', [
+      'pageSet',
+      'pageGet'
+    ]),
+    // 将页面数据同步到持久化存储
+    saveDataToDb () {
+      this.pageSet({ instance: this, user: true })
+    },
+    // 从持久化存储恢复数据到页面
+    async loadDataFromDb (to) {
+      const instance = {
+        $route: {
+          fullPath: to.fullPath
+        },
+        $data: {}
+      }
+      const data = await this.pageGet({
+        instance,
+        user: true
+      })
+      for (const key in data) {
+        if (data.hasOwnProperty(key)) this[key] = data[key]
+      }
+      this.$message.success('loadDataFromDb')
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.page {
+  .page--form {
+    max-width: 460px;
+  }
+}
+</style>