修复canvas-nest显示bug

redell · redell · commit fea4850ea0c5 · 2018-08-22T14:59:10.000+08:00
diff --git a/index.html b/index.html
@@ -46,6 +46,7 @@
   </style>
   <body>
     <div id="app"></div>
+    <div id="CanvasNest" style="position:absolute;height:100%;width:100%;z-index:0;top:100px;left:17%;display:block;"></div>
     <!-- built files will be auto injected -->
     <div class="ajax-loading" id="ajaxLoading" style="display: none;">
       <div class="overlay"></div>
diff --git a/src/components/CanvasNest/CanvasNest.vue b/src/components/CanvasNest/CanvasNest.vue
diff --git a/src/main.js b/src/main.js
@@ -11,6 +11,12 @@ Vue.prototype.$http = axios
 
 router.beforeEach((to, from, next) => {
   const token = sessionStorage.getItem('demo-token')
+  const el = document.querySelector('#CanvasNest')
+  if (to.name !== 'Index') {
+    el.style.display = 'none'
+  } else {
+    el.style.display = 'block'
+  }
   if (token !== 'null' && token != null) {
     Vue.prototype.$http.defaults.headers.common['Authorization'] = 'Bearer ' + token // 全局设定header的token验证,Bearer后面需要添加个空格
   }
diff --git a/src/pages/home/Index.vue b/src/pages/home/Index.vue
@@ -5,19 +5,31 @@
        <p style="font-size: 30px; color:#f3b7b7;">Author: redell</p>
        <p style="font-size: 30px;"><a style="color:#f3b7b7;" href="https://github.com/GongJS/vue-antd-management">Github: GongJS</a></p>
      </div>
-     <canvas-nest></canvas-nest>
   </div>
 </template>
 <script>
-import CanvasNest from '@/components/CanvasNest/CanvasNest'
+import CanvasNest from 'canvas-nest.js'
 export default {
   name: 'Index',
   components: {
     'canvas-nest': CanvasNest
   },
   data () {
     return {
+      config: {
+        count: 99
+      }
     }
+  },
+  mounted () {
+    const el = document.querySelector('#CanvasNest')
+    el.style.display = 'block'
+    this.cn = new CanvasNest(el, this.config)
+  },
+  beforeDestroy () {
+    const el = document.querySelector('#CanvasNest')
+    el.style.display = 'none'
+    this.cn.destroy()
   }
 }
 </script>
diff --git a/src/pages/user/User.vue b/src/pages/user/User.vue
@@ -53,9 +53,10 @@ export default {
       if (type === 'create') {
         this.title = '创建员工'
         this.visible = true
+        // 因为共用一个Form表单，当用户新建员工时，即使选中了table里面的某一行数据，打开的From表单应该只有默认值，所以这里要清空userInfo；通过selectItem来判断用户有没有选中table的数据
         this.userInfo = null
       } else if (type === 'edit' || type === 'detail') {
-        if (!this.selectItem.id) {
+        if (!this.selectIte.id) {
           Modal.info({
             title: '信息',
             content: '请选择一个用户'
diff --git a/src/pages/user/UserForm.vue b/src/pages/user/UserForm.vue
@@ -146,7 +146,6 @@ export default {
         if (err) {
           return
         }
-        console.log(555, _this.userInfo.id)
         let params = {
           username: values.username,
           sex: values.sex,

Original file line number	Diff line number	Diff line change
`@@ -146,7 +146,6 @@ export default {`
`146`	`146`	`if (err) {`
`147`	`147`	`return`
`148`	`148`	`}`
`149`		`- console.log(555, _this.userInfo.id)`
`150`	`149`	`let params = {`
`151`	`150`	`username: values.username,`
`152`	`151`	`sex: values.sex,`