Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

@@ -6,6 +6,11 @@ import afterLeave from 'element-ui/src/utils/after-leave';
 const Mask = Vue.extend(Loading);
 const Mask = Vue.extend(Loading);
 
 
 const loadingDirective = {};
 const loadingDirective = {};
+
+/**
+ * @description: install
+ * @author: renchao
+ */
 loadingDirective.install = Vue => {
 loadingDirective.install = Vue => {
   if (Vue.prototype.$isServer) return;
   if (Vue.prototype.$isServer) return;
   const toggleLoading = (el, binding) => {
   const toggleLoading = (el, binding) => {
@@ -110,14 +115,24 @@ loadingDirective.install = Vue => {
 
 
       binding.value && toggleLoading(el, binding);
       binding.value && toggleLoading(el, binding);
     },
     },
-
+    /**
+     * @description: update
+     * @param {*} el
+     * @param {*} binding
+     * @author: renchao
+     */
     update: function (el, binding) {
     update: function (el, binding) {
       el.instance.setText(el.getAttribute('element-loading-text'));
       el.instance.setText(el.getAttribute('element-loading-text'));
       if (binding.oldValue !== binding.value) {
       if (binding.oldValue !== binding.value) {
         toggleLoading(el, binding);
         toggleLoading(el, binding);
       }
       }
     },
     },
-
+    /**
+     * @description: unbind
+     * @param {*} el
+     * @param {*} binding
+     * @author: renchao
+     */
     unbind: function (el, binding) {
     unbind: function (el, binding) {
       if (el.domInserted) {
       if (el.domInserted) {
         el.mask &&
         el.mask &&

@@ -20,6 +20,10 @@ let fullscreenLoading;
 LoadingConstructor.prototype.originalPosition = '';
 LoadingConstructor.prototype.originalPosition = '';
 LoadingConstructor.prototype.originalOverflow = '';
 LoadingConstructor.prototype.originalOverflow = '';
 
 
+/**
+ * @description: close
+ * @author: renchao
+ */
 LoadingConstructor.prototype.close = function() {
 LoadingConstructor.prototype.close = function() {
   if (this.fullscreen) {
   if (this.fullscreen) {
     fullscreenLoading = undefined;
     fullscreenLoading = undefined;
@@ -38,6 +42,13 @@ LoadingConstructor.prototype.close = function() {
   this.visible = false;
   this.visible = false;
 };
 };
 
 
+/**
+ * @description: addStyle
+ * @param {*} options
+ * @param {*} parent
+ * @param {*} instance
+ * @author: renchao
+ */
 const addStyle = (options, parent, instance) => {
 const addStyle = (options, parent, instance) => {
   let maskStyle = {};
   let maskStyle = {};
   if (options.fullscreen) {
   if (options.fullscreen) {
@@ -64,6 +75,10 @@ const addStyle = (options, parent, instance) => {
   });
   });
 };
 };
 
 
+/**
+ * @description: Loading
+ * @author: renchao
+ */
 const Loading = (options = {}) => {
 const Loading = (options = {}) => {
   if (Vue.prototype.$isServer) return;
   if (Vue.prototype.$isServer) return;
   options = merge({}, defaults, options);
   options = merge({}, defaults, options);

@@ -43,6 +43,11 @@ const MessageBoxConstructor = Vue.extend(msgboxVue);
 let currentMsg, instance;
 let currentMsg, instance;
 let msgQueue = [];
 let msgQueue = [];
 
 
+
+/**
+ * @description: defaultCallback
+ * @author: renchao
+ */
 const defaultCallback = action => {
 const defaultCallback = action => {
   if (currentMsg) {
   if (currentMsg) {
     let callback = currentMsg.callback;
     let callback = currentMsg.callback;
@@ -56,6 +61,10 @@ const defaultCallback = action => {
   }
   }
 };
 };
 
 
+/**
+ * @description: initInstance
+ * @author: renchao
+ */
 const initInstance = () => {
 const initInstance = () => {
   instance = new MessageBoxConstructor({
   instance = new MessageBoxConstructor({
     el: document.createElement('div')
     el: document.createElement('div')
@@ -64,6 +73,10 @@ const initInstance = () => {
   instance.callback = defaultCallback;
   instance.callback = defaultCallback;
 };
 };
 
 
+/**
+ * @description: showNextMsg
+ * @author: renchao
+ */
 const showNextMsg = () => {
 const showNextMsg = () => {
   if (!instance) {
   if (!instance) {
     initInstance();
     initInstance();
@@ -109,6 +122,10 @@ const showNextMsg = () => {
   }
   }
 };
 };
 
 
+/**
+ * @description: MessageBox
+ * @author: renchao
+ */
 const MessageBox = function (options, callback) {
 const MessageBox = function (options, callback) {
   if (Vue.prototype.$isServer) return;
   if (Vue.prototype.$isServer) return;
   if (typeof options === 'string' || isVNode(options)) {
   if (typeof options === 'string' || isVNode(options)) {
@@ -143,10 +160,18 @@ const MessageBox = function (options, callback) {
   }
   }
 };
 };
 
 
+/**
+ * @description: setDefaults
+ * @author: renchao
+ */
 MessageBox.setDefaults = defaults => {
 MessageBox.setDefaults = defaults => {
   MessageBox.defaults = defaults;
   MessageBox.defaults = defaults;
 };
 };
 
 
+/**
+ * @description: alert
+ * @author: renchao
+ */
 MessageBox.alert = (title, message, options) => {
 MessageBox.alert = (title, message, options) => {
   if (typeof title === 'object') {
   if (typeof title === 'object') {
     options = title;
     options = title;
@@ -163,6 +188,10 @@ MessageBox.alert = (title, message, options) => {
   }, options));
   }, options));
 };
 };
 
 
+/**
+ * @description: close
+ * @author: renchao
+ */
 MessageBox.close = () => {
 MessageBox.close = () => {
   instance.doClose();
   instance.doClose();
   instance.visible = false;
   instance.visible = false;

@@ -97,6 +97,10 @@ export default {
   },
   },
 
 
   methods: {
   methods: {
+    /**
+     * @description: getSafeClose
+     * @author: renchao
+     */
     getSafeClose () {
     getSafeClose () {
       const currentId = this.uid;
       const currentId = this.uid;
       return () => {
       return () => {
@@ -105,6 +109,10 @@ export default {
         });
         });
       };
       };
     },
     },
+    /**
+     * @description: doClose
+     * @author: renchao
+     */
     doClose () {
     doClose () {
       if (!this.visible) return;
       if (!this.visible) return;
       this.visible = false;
       this.visible = false;
@@ -122,18 +130,31 @@ export default {
       });
       });
     },
     },
 
 
+    /**
+     * @description: handleWrapperClick
+     * @author: renchao
+     */
     handleWrapperClick () {
     handleWrapperClick () {
       if (this.closeOnClickModal) {
       if (this.closeOnClickModal) {
         this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
         this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
       }
       }
     },
     },
 
 
+    /**
+     * @description: handleInputEnter
+     * @author: renchao
+     */
     handleInputEnter () {
     handleInputEnter () {
       if (this.inputType !== 'textarea') {
       if (this.inputType !== 'textarea') {
         return this.handleAction('confirm');
         return this.handleAction('confirm');
       }
       }
     },
     },
 
 
+    /**
+     * @description: handleAction
+     * @param {*} action
+     * @author: renchao
+     */
     handleAction (action) {
     handleAction (action) {
       if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
       if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
         return;
         return;
@@ -147,6 +168,10 @@ export default {
       }
       }
     },
     },
 
 
+    /**
+     * @description: validate
+     * @author: renchao
+     */
     validate () {
     validate () {
       if (this.$type === 'prompt') {
       if (this.$type === 'prompt') {
         const inputPattern = this.inputPattern;
         const inputPattern = this.inputPattern;
@@ -174,15 +199,27 @@ export default {
       removeClass(this.getInputElement(), 'invalid');
       removeClass(this.getInputElement(), 'invalid');
       return true;
       return true;
     },
     },
+    /**
+     * @description: getFirstFocus
+     * @author: renchao
+     */
     getFirstFocus () {
     getFirstFocus () {
       const btn = this.$el.querySelector('.el-message-box__btns .el-button');
       const btn = this.$el.querySelector('.el-message-box__btns .el-button');
       const title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
       const title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
       return btn || title;
       return btn || title;
     },
     },
+    /**
+     * @description: getInputElement
+     * @author: renchao
+     */
     getInputElement () {
     getInputElement () {
       const inputRefs = this.$refs.input.$refs;
       const inputRefs = this.$refs.input.$refs;
       return inputRefs.input || inputRefs.textarea;
       return inputRefs.input || inputRefs.textarea;
     },
     },
+    /**
+     * @description: handleClose
+     * @author: renchao
+     */
     handleClose () {
     handleClose () {
       this.handleAction('close');
       this.handleAction('close');
     }
     }
@@ -200,6 +237,11 @@ export default {
       }
       }
     },
     },
 
 
+    /**
+     * @description: visible
+     * @param {*} val
+     * @author: renchao
+     */
     visible (val) {
     visible (val) {
       if (val) {
       if (val) {
         this.uid++;
         this.uid++;
@@ -222,6 +264,10 @@ export default {
     }
     }
   },
   },
 
 
+  /**
+   * @description: mounted
+   * @author: renchao
+   */
   mounted () {
   mounted () {
     this.$nextTick(() => {
     this.$nextTick(() => {
       if (this.closeOnHashChange) {
       if (this.closeOnHashChange) {
@@ -230,6 +276,10 @@ export default {
     });
     });
   },
   },
 
 
+  /**
+   * @description: beforeDestroy
+   * @author: renchao
+   */
   beforeDestroy () {
   beforeDestroy () {
     if (this.closeOnHashChange) {
     if (this.closeOnHashChange) {
       window.removeEventListener('hashchange', this.close);
       window.removeEventListener('hashchange', this.close);

@@ -49,10 +49,18 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: handleNotice
+     * @param {*} item
+     * @author: renchao
+     */
     handleNotice (item) {
     handleNotice (item) {
       this.$alertMes(item.noticeTitle, item.noticeContent)
       this.$alertMes(item.noticeTitle, item.noticeContent)
     },
     },
-    // 获取数据
+    /**
+     * @description: 获取数据
+     * @author: renchao
+     */
     getData () {
     getData () {
       let style = document.styleSheets[0];
       let style = document.styleSheets[0];
       let text = this.$refs.text;
       let text = this.$refs.text;
@@ -72,13 +80,19 @@ export default {
         this.changeState();
         this.changeState();
       }, 300);
       }, 300);
     },
     },
-    // 用速度计算时间（想要保持速度一样，2种状态时间不同需算出）
+    /**
+     * @description: 用速度计算时间（想要保持速度一样，2种状态时间不同需算出）
+     * @author: renchao
+     */
     ComputationTime () {
     ComputationTime () {
       this.firstAnimationTime = this.wordLength / this.speed;
       this.firstAnimationTime = this.wordLength / this.speed;
       this.secondAnimationTime =
       this.secondAnimationTime =
         (this.wordLength + this.backWidth) / this.speed;
         (this.wordLength + this.backWidth) / this.speed;
     },
     },
-    // 根据状态切换动画
+    /**
+     * @description: 根据状态切换动画
+     * @author: renchao
+     */
     changeState () {
     changeState () {
       let text = this.$refs.text;
       let text = this.$refs.text;
       if (this.state == 1) {
       if (this.state == 1) {
@@ -88,6 +102,10 @@ export default {
         text.style.animation = `secondAnimation ${this.secondAnimationTime}s linear infinite`;
         text.style.animation = `secondAnimation ${this.secondAnimationTime}s linear infinite`;
       }
       }
     },
     },
+    /**
+     * @description: Listener
+     * @author: renchao
+     */
     Listener () {
     Listener () {
       let text = this.$refs.text;
       let text = this.$refs.text;
       text.addEventListener(
       text.addEventListener(
@@ -98,10 +116,18 @@ export default {
         false
         false
       )
       )
     },
     },
+    /**
+     * @description: mouseOver
+     * @author: renchao
+     */
     mouseOver () {
     mouseOver () {
       let text = this.$refs.text;
       let text = this.$refs.text;
       text.style.animationPlayState = 'paused'
       text.style.animationPlayState = 'paused'
     },
     },
+    /**
+     * @description: mouseLeave
+     * @author: renchao
+     */
     mouseLeave () {
     mouseLeave () {
       let text = this.$refs.text;
       let text = this.$refs.text;
       text.style.animationPlayState = ''
       text.style.animationPlayState = ''

@@ -188,6 +188,10 @@
       this.$img = this.$refs["img"];
       this.$img = this.$refs["img"];
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: imgLoaded
+       * @author: renchao
+       */
       imgLoaded () {
       imgLoaded () {
         let imgInfo = this.$img.getBoundingClientRect();
         let imgInfo = this.$img.getBoundingClientRect();
         if (JSON.stringify(this.imgInfo) != JSON.stringify(imgInfo)) {
         if (JSON.stringify(this.imgInfo) != JSON.stringify(imgInfo)) {
@@ -200,6 +204,10 @@
           this.$emit("created", imgInfo);
           this.$emit("created", imgInfo);
         }
         }
       },
       },
+      /**
+       * @description: mouseMove
+       * @author: renchao
+       */
       mouseMove (e) {
       mouseMove (e) {
         if (!this.hideZoom && this.imgLoadedFlag) {
         if (!this.hideZoom && this.imgLoadedFlag) {
           this.imgLoaded();
           this.imgLoaded();
@@ -225,6 +233,11 @@
           selector.bgTop = addWidth - y * scale;
           selector.bgTop = addWidth - y * scale;
         }
         }
       },
       },
+      /**
+       * @description: initSelectorProperty
+       * @param {*} selectorWidth
+       * @author: renchao
+       */
       initSelectorProperty (selectorWidth) {
       initSelectorProperty (selectorWidth) {
         const selectorHalfWidth = selectorWidth / 2;
         const selectorHalfWidth = selectorWidth / 2;
         const selector = this.selector;
         const selector = this.selector;
@@ -236,12 +249,20 @@
         selector.absoluteLeft = left + selectorHalfWidth + scrollLeft;
         selector.absoluteLeft = left + selectorHalfWidth + scrollLeft;
         selector.absoluteTop = top + selectorHalfWidth + scrollTop;
         selector.absoluteTop = top + selectorHalfWidth + scrollTop;
       },
       },
+      /**
+       * @description: mouseLeave
+       * @author: renchao
+       */
       mouseLeave () {
       mouseLeave () {
         this.hideSelector = true;
         this.hideSelector = true;
         if (this.outShow) {
         if (this.outShow) {
           this.hideOutShow = true;
           this.hideOutShow = true;
         }
         }
       },
       },
+      /**
+       * @description: reset
+       * @author: renchao
+       */
       reset () {
       reset () {
         Object.assign(this.selector, {
         Object.assign(this.selector, {
           top: 0,
           top: 0,
@@ -251,9 +272,18 @@
         });
         });
         this.resetOutShowInitPosition();
         this.resetOutShowInitPosition();
       },
       },
+      /**
+       * @description: resetOutShowInitPosition
+       * @author: renchao
+       */
       resetOutShowInitPosition () {
       resetOutShowInitPosition () {
         this.outShowInitTop = 0;
         this.outShowInitTop = 0;
       },
       },
+      /**
+       * @description: resetOutShowInitPosition
+       * @param {*} e
+       * @author: renchao
+       */
       imgerrorfun (e) {
       imgerrorfun (e) {
         // let img = require('@/assets/vehicle_img/blank_vehicle.jpg')
         // let img = require('@/assets/vehicle_img/blank_vehicle.jpg')
         // this.url = img
         // this.url = img

@@ -2,6 +2,15 @@ import Vue from 'vue'
 import Popup from './index.vue'
 import Popup from './index.vue'
 
 
 const PopupBox = Vue.extend(Popup)
 const PopupBox = Vue.extend(Popup)
+
+/**
+ * @description: install
+ * @param {*} title
+ * @param {*} editItem
+ * @param {*} data
+ * @param {*} formData
+ * @author: renchao
+ */
 Popup.install = function (title, editItem, data, formData) {
 Popup.install = function (title, editItem, data, formData) {
   data.title = title
   data.title = title
   data.editItem = editItem
   data.editItem = editItem

@@ -55,7 +55,10 @@ export default {
     }
     }
   },
   },
   mounted () {
   mounted () {
-    //  计算滚动条高度
+    /**
+     * @description: 计算滚动条高度
+     * @author: renchao
+     */
     setTimeout(() => {
     setTimeout(() => {
       if (this.btnShow) {
       if (this.btnShow) {
         if (this.height == 'auto') {
         if (this.height == 'auto') {
@@ -73,10 +76,18 @@ export default {
     }, 300)
     }, 300)
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: onCancel
+     * @author: renchao
+     */
     onCancel () {
     onCancel () {
       this.isShow = false
       this.isShow = false
       this.cancel()
       this.cancel()
     },
     },
+    /**
+     * @description: onConfirm
+     * @author: renchao
+     */
     onConfirm () {
     onConfirm () {
       this.loading = true
       this.loading = true
       let res = new Promise((resolve, reject) => {
       let res = new Promise((resolve, reject) => {
@@ -87,9 +98,19 @@ export default {
         this.isShow = false
         this.isShow = false
       }
       }
     },
     },
+    /**
+     * @description: loadingFn
+     * @param {*} e
+     * @author: renchao
+     */
     loadingFn (e) { //加载状态
     loadingFn (e) { //加载状态
       this.loading = e
       this.loading = e
     },
     },
+    /**
+     * @description: loadViewFn
+     * @param {*} view
+     * @author: renchao
+     */
     loadViewFn (view) {
     loadViewFn (view) {
       return (r) =>
       return (r) =>
         require.ensure([], () =>
         require.ensure([], () =>

@@ -8,6 +8,10 @@ import Popup from './index.vue'
 const PopupBox = Vue.extend(Popup)
 const PopupBox = Vue.extend(Popup)
 let popuping = undefined
 let popuping = undefined
 
 
+/**
+ * @description: close
+ * @author: renchao
+ */
 PopupBox.prototype.close = function () {
 PopupBox.prototype.close = function () {
   // 如果Popup 有引用，则去掉引用
   // 如果Popup 有引用，则去掉引用
   if (popuping) {
   if (popuping) {
@@ -23,7 +27,14 @@ PopupBox.prototype.close = function () {
     }
     }
   }, 300)
   }, 300)
 }
 }
-
+/**
+ * @description: Popup1
+ * @param {*} title
+ * @param {*} editItem
+ * @param {*} data
+ * @param {*} formData
+ * @author: renchao
+ */
 const Popup1 = (title, editItem, data, formData) => {
 const Popup1 = (title, editItem, data, formData) => {
   // 如果组件已渲染，则返回即可
   // 如果组件已渲染，则返回即可
   if (popuping) {
   if (popuping) {

@@ -56,7 +56,10 @@
       }
       }
     },
     },
     mounted () {
     mounted () {
-      //  计算滚动条高度
+      /**
+       * @description: 计算滚动条高度
+       * @author: renchao
+       */
       setTimeout(() => {
       setTimeout(() => {
         if (this.btnShow) {
         if (this.btnShow) {
           if (this.height == 'auto') {
           if (this.height == 'auto') {
@@ -74,9 +77,17 @@
       }, 300)
       }, 300)
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: onCancel
+       * @author: renchao
+       */
       onCancel () {
       onCancel () {
         Popup1().close()
         Popup1().close()
       },
       },
+      /**
+       * @description: onConfirm
+       * @author: renchao
+       */
       onConfirm () {
       onConfirm () {
         let res = new Promise((resolve, reject) => {
         let res = new Promise((resolve, reject) => {
           this.confirm()
           this.confirm()
@@ -86,6 +97,11 @@
           this.isShow = false
           this.isShow = false
         }
         }
       },
       },
+      /**
+       * @description: loadViewFn
+       * @param {*} view
+       * @author: renchao
+       */
       loadViewFn (view) {
       loadViewFn (view) {
         return (r) =>
         return (r) =>
           require.ensure([], () =>
           require.ensure([], () =>
@@ -185,4 +201,3 @@
     opacity: 0;
     opacity: 0;
   }
   }
 </style>
 </style>
-  
\ No newline at end of file

@@ -84,6 +84,13 @@ export default {
   },
   },
 
 
   methods: {
   methods: {
+    /**
+     * @description: updateStyle
+     * @param {*} style
+     * @param {*} oldCluster
+     * @param {*} newCluster
+     * @author: renchao
+     */
     updateStyle (style, oldCluster, newCluster) {
     updateStyle (style, oldCluster, newCluster) {
       let newStyle = style
       let newStyle = style
       oldCluster.forEach((color, index) => {
       oldCluster.forEach((color, index) => {
@@ -92,6 +99,12 @@ export default {
       return newStyle
       return newStyle
     },
     },
 
 
+    /**
+     * @description: getCSSString
+     * @param {*} url
+     * @param {*} variable
+     * @author: renchao
+     */
     getCSSString (url, variable) {
     getCSSString (url, variable) {
       return new Promise(resolve => {
       return new Promise(resolve => {
         const xhr = new XMLHttpRequest()
         const xhr = new XMLHttpRequest()
@@ -106,6 +119,11 @@ export default {
       })
       })
     },
     },
 
 
+    /**
+     * @description: getThemeCluster
+     * @param {*} theme
+     * @author: renchao
+     */
     getThemeCluster (theme) {
     getThemeCluster (theme) {
       const tintColor = (color, tint) => {
       const tintColor = (color, tint) => {
         let red = parseInt(color.slice(0, 2), 16)
         let red = parseInt(color.slice(0, 2), 16)

@@ -2,6 +2,10 @@ import objectAssign from 'element-ui/src/utils/merge';
 import { markNodeData, NODE_KEY } from './util';
 import { markNodeData, NODE_KEY } from './util';
 import { arrayFindIndex } from 'element-ui/src/utils/util';
 import { arrayFindIndex } from 'element-ui/src/utils/util';
 
 
+/**
+ * @description: getChildState
+ * @author: renchao
+ */
 export const getChildState = node => {
 export const getChildState = node => {
   let all = true;
   let all = true;
   let none = true;
   let none = true;
@@ -22,6 +26,11 @@ export const getChildState = node => {
   return { all, none, allWithoutDisable, half: !all && !none };
   return { all, none, allWithoutDisable, half: !all && !none };
 };
 };
 
 
+/**
+ * @description: reInitChecked
+ * @param {*} node
+ * @author: renchao
+ */
 const reInitChecked = function(node) {
 const reInitChecked = function(node) {
   if (node.childNodes.length === 0 || node.loading) return;
   if (node.childNodes.length === 0 || node.loading) return;
 
 
@@ -45,6 +54,12 @@ const reInitChecked = function(node) {
   }
   }
 };
 };
 
 
+/**
+ * @description: getPropertyFromData
+ * @param {*} node
+ * @param {*} prop
+ * @author: renchao
+ */
 const getPropertyFromData = function(node, prop) {
 const getPropertyFromData = function(node, prop) {
   const props = node.store.props;
   const props = node.store.props;
   const data = node.data || {};
   const data = node.data || {};
@@ -63,6 +78,11 @@ const getPropertyFromData = function(node, prop) {
 let nodeIdSeed = 0;
 let nodeIdSeed = 0;
 
 
 export default class Node {
 export default class Node {
+  /**
+   * @description: constructor
+   * @param {*} options
+   * @author: renchao
+   */
   constructor(options) {
   constructor(options) {
     this.id = nodeIdSeed++;
     this.id = nodeIdSeed++;
     this.text = null;
     this.text = null;
@@ -135,6 +155,11 @@ export default class Node {
     this.updateLeafState();
     this.updateLeafState();
   }
   }
 
 
+  /**
+   * @description: setData
+   * @param {*} data
+   * @author: renchao
+   */
   setData(data) {
   setData(data) {
     if (!Array.isArray(data)) {
     if (!Array.isArray(data)) {
       markNodeData(this, data);
       markNodeData(this, data);
@@ -155,20 +180,36 @@ export default class Node {
     }
     }
   }
   }
 
 
+  /**
+   * @description: label
+   * @author: renchao
+   */
   get label() {
   get label() {
     return getPropertyFromData(this, 'label');
     return getPropertyFromData(this, 'label');
   }
   }
 
 
+  /**
+   * @description: key
+   * @author: renchao
+   */
   get key() {
   get key() {
     const nodeKey = this.store.key;
     const nodeKey = this.store.key;
     if (this.data) return this.data[nodeKey];
     if (this.data) return this.data[nodeKey];
     return null;
     return null;
   }
   }
 
 
+  /**
+   * @description: disabled
+   * @author: renchao
+   */
   get disabled() {
   get disabled() {
     return getPropertyFromData(this, 'disabled');
     return getPropertyFromData(this, 'disabled');
   }
   }
 
 
+  /**
+   * @description: nextSibling
+   * @author: renchao
+   */
   get nextSibling() {
   get nextSibling() {
     const parent = this.parent;
     const parent = this.parent;
     if (parent) {
     if (parent) {
@@ -180,6 +221,10 @@ export default class Node {
     return null;
     return null;
   }
   }
 
 
+  /**
+   * @description: previousSibling
+   * @author: renchao
+   */
   get previousSibling() {
   get previousSibling() {
     const parent = this.parent;
     const parent = this.parent;
     if (parent) {
     if (parent) {
@@ -191,6 +236,12 @@ export default class Node {
     return null;
     return null;
   }
   }
 
 
+  /**
+   * @description: contains
+   * @param {*} target
+   * @param {*} deep
+   * @author: renchao
+   */
   contains(target, deep = true) {
   contains(target, deep = true) {
     const walk = function(parent) {
     const walk = function(parent) {
       const children = parent.childNodes || [];
       const children = parent.childNodes || [];
@@ -208,6 +259,10 @@ export default class Node {
     return walk(this);
     return walk(this);
   }
   }
 
 
+  /**
+   * @description: remove
+   * @author: renchao
+   */
   remove() {
   remove() {
     const parent = this.parent;
     const parent = this.parent;
     if (parent) {
     if (parent) {
@@ -215,6 +270,13 @@ export default class Node {
     }
     }
   }
   }
 
 
+  /**
+   * @description: insertChild
+   * @param {*} child
+   * @param {*} index
+   * @param {*} batch
+   * @author: renchao
+   */
   insertChild(child, index, batch) {
   insertChild(child, index, batch) {
     if (!child) throw new Error('insertChild error: child is required.');
     if (!child) throw new Error('insertChild error: child is required.');
 
 
@@ -247,6 +309,12 @@ export default class Node {
     this.updateLeafState();
     this.updateLeafState();
   }
   }
 
 
+  /**
+   * @description: insertBefore
+   * @param {*} child
+   * @param {*} ref
+   * @author: renchao
+   */
   insertBefore(child, ref) {
   insertBefore(child, ref) {
     let index;
     let index;
     if (ref) {
     if (ref) {
@@ -255,6 +323,12 @@ export default class Node {
     this.insertChild(child, index);
     this.insertChild(child, index);
   }
   }
 
 
+  /**
+   * @description: insertAfter
+   * @param {*} child
+   * @param {*} ref
+   * @author: renchao
+   */
   insertAfter(child, ref) {
   insertAfter(child, ref) {
     let index;
     let index;
     if (ref) {
     if (ref) {
@@ -264,6 +338,11 @@ export default class Node {
     this.insertChild(child, index);
     this.insertChild(child, index);
   }
   }
 
 
+  /**
+   * @description: removeChild
+   * @param {*} child
+   * @author: renchao
+   */
   removeChild(child) {
   removeChild(child) {
     const children = this.getChildren() || [];
     const children = this.getChildren() || [];
     const dataIndex = children.indexOf(child.data);
     const dataIndex = children.indexOf(child.data);
@@ -282,6 +361,11 @@ export default class Node {
     this.updateLeafState();
     this.updateLeafState();
   }
   }
 
 
+  /**
+   * @description: removeChildByData
+   * @param {*} data
+   * @author: renchao
+   */
   removeChildByData(data) {
   removeChildByData(data) {
     let targetNode = null;
     let targetNode = null;
 
 
@@ -297,6 +381,12 @@ export default class Node {
     }
     }
   }
   }
 
 
+  /**
+   * @description: expand
+   * @param {*} callback
+   * @param {*} expandParent
+   * @author: renchao
+   */
   expand(callback, expandParent) {
   expand(callback, expandParent) {
     const done = () => {
     const done = () => {
       if (expandParent) {
       if (expandParent) {
@@ -326,20 +416,38 @@ export default class Node {
     }
     }
   }
   }
 
 
+  /**
+   * @description: doCreateChildren
+   * @param {*} array
+   * @param {*} defaultProps
+   * @author: renchao
+   */
   doCreateChildren(array, defaultProps = {}) {
   doCreateChildren(array, defaultProps = {}) {
     array.forEach((item) => {
     array.forEach((item) => {
       this.insertChild(objectAssign({ data: item }, defaultProps), undefined, true);
       this.insertChild(objectAssign({ data: item }, defaultProps), undefined, true);
     });
     });
   }
   }
 
 
+  /**
+   * @description: collapse
+   * @author: renchao
+   */
   collapse() {
   collapse() {
     this.expanded = false;
     this.expanded = false;
   }
   }
 
 
+  /**
+   * @description: shouldLoadData
+   * @author: renchao
+   */
   shouldLoadData() {
   shouldLoadData() {
     return this.store.lazy === true && this.store.load && !this.loaded;
     return this.store.lazy === true && this.store.load && !this.loaded;
   }
   }
 
 
+  /**
+   * @description: updateLeafState
+   * @author: renchao
+   */
   updateLeafState() {
   updateLeafState() {
     if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
     if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
       this.isLeaf = this.isLeafByUser;
       this.isLeaf = this.isLeafByUser;
@@ -353,6 +461,14 @@ export default class Node {
     this.isLeaf = false;
     this.isLeaf = false;
   }
   }
 
 
+  /**
+   * @description: setChecked
+   * @param {*} value
+   * @param {*} deep
+   * @param {*} recursion
+   * @param {*} passValue
+   * @author: renchao
+   */
   setChecked(value, deep, recursion, passValue) {
   setChecked(value, deep, recursion, passValue) {
     this.indeterminate = value === 'half';
     this.indeterminate = value === 'half';
     this.checked = value === true;
     this.checked = value === true;
@@ -406,6 +522,11 @@ export default class Node {
     }
     }
   }
   }
 
 
+  /**
+   * @description: getChildren
+   * @param {*} forceInit
+   * @author: renchao
+   */
   getChildren(forceInit = false) { // this is data
   getChildren(forceInit = false) { // this is data
     if (this.level === 0) return this.data;
     if (this.level === 0) return this.data;
     const data = this.data;
     const data = this.data;
@@ -428,6 +549,10 @@ export default class Node {
     return data[children];
     return data[children];
   }
   }
 
 
+  /**
+   * @description: updateChildren
+   * @author: renchao
+   */
   updateChildren() {
   updateChildren() {
     const newData = this.getChildren() || [];
     const newData = this.getChildren() || [];
     const oldData = this.childNodes.map((node) => node.data);
     const oldData = this.childNodes.map((node) => node.data);
@@ -458,6 +583,12 @@ export default class Node {
     this.updateLeafState();
     this.updateLeafState();
   }
   }
 
 
+  /**
+   * @description: loadData
+   * @param {*} callback
+   * @param {*} defaultProps
+   * @author: renchao
+   */
   loadData(callback, defaultProps = {}) {
   loadData(callback, defaultProps = {}) {
     if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
     if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
       this.loading = true;
       this.loading = true;

@@ -2,6 +2,11 @@ import Node from './node';
 import { getNodeKey } from './util';
 import { getNodeKey } from './util';
 
 
 export default class TreeStore {
 export default class TreeStore {
+  /**
+   * @description: constructor
+   * @param {*} options
+   * @author: renchao
+   */
   constructor(options) {
   constructor(options) {
     this.currentNode = null;
     this.currentNode = null;
     this.currentNodeKey = null;
     this.currentNodeKey = null;
@@ -30,6 +35,11 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: filter
+   * @param {*} value
+   * @author: renchao
+   */
   filter(value) {
   filter(value) {
     const filterNodeMethod = this.filterNodeMethod;
     const filterNodeMethod = this.filterNodeMethod;
     const lazy = this.lazy;
     const lazy = this.lazy;
@@ -60,6 +70,11 @@ export default class TreeStore {
     traverse(this);
     traverse(this);
   }
   }
 
 
+  /**
+   * @description: setData
+   * @param {*} newVal
+   * @author: renchao
+   */
   setData(newVal) {
   setData(newVal) {
     const instanceChanged = newVal !== this.root.data;
     const instanceChanged = newVal !== this.root.data;
     if (instanceChanged) {
     if (instanceChanged) {
@@ -70,22 +85,44 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: getNode
+   * @param {*} data
+   * @author: renchao
+   */
   getNode(data) {
   getNode(data) {
     if (data instanceof Node) return data;
     if (data instanceof Node) return data;
     const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
     const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
     return this.nodesMap[key] || null;
     return this.nodesMap[key] || null;
   }
   }
 
 
+  /**
+   * @description: insertBefore
+   * @param {*} data
+   * @param {*} refData
+   * @author: renchao
+   */
   insertBefore(data, refData) {
   insertBefore(data, refData) {
     const refNode = this.getNode(refData);
     const refNode = this.getNode(refData);
     refNode.parent.insertBefore({ data }, refNode);
     refNode.parent.insertBefore({ data }, refNode);
   }
   }
 
 
+  /**
+   * @description: insertAfter
+   * @param {*} data
+   * @param {*} refData
+   * @author: renchao
+   */
   insertAfter(data, refData) {
   insertAfter(data, refData) {
     const refNode = this.getNode(refData);
     const refNode = this.getNode(refData);
     refNode.parent.insertAfter({ data }, refNode);
     refNode.parent.insertAfter({ data }, refNode);
   }
   }
 
 
+  /**
+   * @description: remove
+   * @param {*} data
+   * @author: renchao
+   */
   remove(data) {
   remove(data) {
     const node = this.getNode(data);
     const node = this.getNode(data);
 
 
@@ -97,6 +134,12 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: append
+   * @param {*} data
+   * @param {*} parentData
+   * @author: renchao
+   */
   append(data, parentData) {
   append(data, parentData) {
     const parentNode = parentData ? this.getNode(parentData) : this.root;
     const parentNode = parentData ? this.getNode(parentData) : this.root;
 
 
@@ -105,6 +148,10 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: _initDefaultCheckedNodes
+   * @author: renchao
+   */
   _initDefaultCheckedNodes() {
   _initDefaultCheckedNodes() {
     const defaultCheckedKeys = this.defaultCheckedKeys || [];
     const defaultCheckedKeys = this.defaultCheckedKeys || [];
     const nodesMap = this.nodesMap;
     const nodesMap = this.nodesMap;
@@ -118,6 +165,11 @@ export default class TreeStore {
     });
     });
   }
   }
 
 
+  /**
+   * @description: _initDefaultCheckedNode
+   * @param {*} node
+   * @author: renchao
+   */
   _initDefaultCheckedNode(node) {
   _initDefaultCheckedNode(node) {
     const defaultCheckedKeys = this.defaultCheckedKeys || [];
     const defaultCheckedKeys = this.defaultCheckedKeys || [];
 
 
@@ -126,6 +178,11 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: setDefaultCheckedKey
+   * @param {*} newVal
+   * @author: renchao
+   */
   setDefaultCheckedKey(newVal) {
   setDefaultCheckedKey(newVal) {
     if (newVal !== this.defaultCheckedKeys) {
     if (newVal !== this.defaultCheckedKeys) {
       this.defaultCheckedKeys = newVal;
       this.defaultCheckedKeys = newVal;
@@ -133,6 +190,11 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: registerNode
+   * @param {*} node
+   * @author: renchao
+   */
   registerNode(node) {
   registerNode(node) {
     const key = this.key;
     const key = this.key;
     if (!key || !node || !node.data) return;
     if (!key || !node || !node.data) return;
@@ -141,6 +203,11 @@ export default class TreeStore {
     if (nodeKey !== undefined) this.nodesMap[node.key] = node;
     if (nodeKey !== undefined) this.nodesMap[node.key] = node;
   }
   }
 
 
+  /**
+   * @description: deregisterNode
+   * @param {*} node
+   * @author: renchao
+   */
   deregisterNode(node) {
   deregisterNode(node) {
     const key = this.key;
     const key = this.key;
     if (!key || !node || !node.data) return;
     if (!key || !node || !node.data) return;
@@ -152,6 +219,12 @@ export default class TreeStore {
     delete this.nodesMap[node.key];
     delete this.nodesMap[node.key];
   }
   }
 
 
+  /**
+   * @description: getCheckedNodes
+   * @param {*} leafOnly
+   * @param {*} includeHalfChecked
+   * @author: renchao
+   */
   getCheckedNodes(leafOnly = false, includeHalfChecked = false) {
   getCheckedNodes(leafOnly = false, includeHalfChecked = false) {
     const checkedNodes = [];
     const checkedNodes = [];
     const traverse = function(node) {
     const traverse = function(node) {
@@ -171,10 +244,19 @@ export default class TreeStore {
     return checkedNodes;
     return checkedNodes;
   }
   }
 
 
+  /**
+   * @description: getCheckedKeys
+   * @param {*} leafOnly
+   * @author: renchao
+   */
   getCheckedKeys(leafOnly = false) {
   getCheckedKeys(leafOnly = false) {
     return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key]);
     return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key]);
   }
   }
 
 
+  /**
+   * @description: getHalfCheckedNodes
+   * @author: renchao
+   */
   getHalfCheckedNodes() {
   getHalfCheckedNodes() {
     const nodes = [];
     const nodes = [];
     const traverse = function(node) {
     const traverse = function(node) {
@@ -194,10 +276,18 @@ export default class TreeStore {
     return nodes;
     return nodes;
   }
   }
 
 
+  /**
+   * @description: getHalfCheckedKeys
+   * @author: renchao
+   */
   getHalfCheckedKeys() {
   getHalfCheckedKeys() {
     return this.getHalfCheckedNodes().map((data) => (data || {})[this.key]);
     return this.getHalfCheckedNodes().map((data) => (data || {})[this.key]);
   }
   }
 
 
+  /**
+   * @description: _getAllNodes
+   * @author: renchao
+   */
   _getAllNodes() {
   _getAllNodes() {
     const allNodes = [];
     const allNodes = [];
     const nodesMap = this.nodesMap;
     const nodesMap = this.nodesMap;
@@ -210,6 +300,12 @@ export default class TreeStore {
     return allNodes;
     return allNodes;
   }
   }
 
 
+  /**
+   * @description: updateChildren
+   * @param {*} key
+   * @param {*} data
+   * @author: renchao
+   */
   updateChildren(key, data) {
   updateChildren(key, data) {
     const node = this.nodesMap[key];
     const node = this.nodesMap[key];
     if (!node) return;
     if (!node) return;
@@ -224,6 +320,13 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: _setCheckedKeys
+   * @param {*} key
+   * @param {*} leafOnly
+   * @param {*} checkedKeys
+   * @author: renchao
+   */
   _setCheckedKeys(key, leafOnly = false, checkedKeys) {
   _setCheckedKeys(key, leafOnly = false, checkedKeys) {
     const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
     const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
     const cache = Object.create(null);
     const cache = Object.create(null);
@@ -268,6 +371,12 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: setCheckedNodes
+   * @param {*} array
+   * @param {*} leafOnly
+   * @author: renchao
+   */
   setCheckedNodes(array, leafOnly = false) {
   setCheckedNodes(array, leafOnly = false) {
     const key = this.key;
     const key = this.key;
     const checkedKeys = {};
     const checkedKeys = {};
@@ -278,6 +387,12 @@ export default class TreeStore {
     this._setCheckedKeys(key, leafOnly, checkedKeys);
     this._setCheckedKeys(key, leafOnly, checkedKeys);
   }
   }
 
 
+  /**
+   * @description: setCheckedKeys
+   * @param {*} array
+   * @param {*} leafOnly
+   * @author: renchao
+   */
   setCheckedKeys(keys, leafOnly = false) {
   setCheckedKeys(keys, leafOnly = false) {
     this.defaultCheckedKeys = keys;
     this.defaultCheckedKeys = keys;
     const key = this.key;
     const key = this.key;
@@ -289,6 +404,11 @@ export default class TreeStore {
     this._setCheckedKeys(key, leafOnly, checkedKeys);
     this._setCheckedKeys(key, leafOnly, checkedKeys);
   }
   }
 
 
+  /**
+   * @description: setDefaultExpandedKeys
+   * @param {*} keys
+   * @author: renchao
+   */
   setDefaultExpandedKeys(keys) {
   setDefaultExpandedKeys(keys) {
     keys = keys || [];
     keys = keys || [];
     this.defaultExpandedKeys = keys;
     this.defaultExpandedKeys = keys;
@@ -299,6 +419,13 @@ export default class TreeStore {
     });
     });
   }
   }
 
 
+  /**
+   * @description: setChecked
+   * @param {*} data
+   * @param {*} checked
+   * @param {*} deep
+   * @author: renchao
+   */
   setChecked(data, checked, deep) {
   setChecked(data, checked, deep) {
     const node = this.getNode(data);
     const node = this.getNode(data);
 
 
@@ -307,10 +434,19 @@ export default class TreeStore {
     }
     }
   }
   }
 
 
+  /**
+   * @description: getCurrentNode
+   * @author: renchao
+   */
   getCurrentNode() {
   getCurrentNode() {
     return this.currentNode;
     return this.currentNode;
   }
   }
 
 
+  /**
+   * @description: setCurrentNode
+   * @param {*} currentNode
+   * @author: renchao
+   */
   setCurrentNode(currentNode) {
   setCurrentNode(currentNode) {
     const prevCurrentNode = this.currentNode;
     const prevCurrentNode = this.currentNode;
     if (prevCurrentNode) {
     if (prevCurrentNode) {
@@ -320,12 +456,22 @@ export default class TreeStore {
     this.currentNode.isCurrent = true;
     this.currentNode.isCurrent = true;
   }
   }
 
 
+  /**
+   * @description: setUserCurrentNode
+   * @param {*} node
+   * @author: renchao
+   */
   setUserCurrentNode(node) {
   setUserCurrentNode(node) {
     const key = node[this.key];
     const key = node[this.key];
     const currNode = this.nodesMap[key];
     const currNode = this.nodesMap[key];
     this.setCurrentNode(currNode);
     this.setCurrentNode(currNode);
   }
   }
 
 
+  /**
+   * @description: setCurrentNodeKey
+   * @param {*} key
+   * @author: renchao
+   */
   setCurrentNodeKey(key) {
   setCurrentNodeKey(key) {
     if (key === null || key === undefined) {
     if (key === null || key === undefined) {
       this.currentNode && (this.currentNode.isCurrent = false);
       this.currentNode && (this.currentNode.isCurrent = false);

 export const NODE_KEY = '$treeNodeId';
 export const NODE_KEY = '$treeNodeId';
 
 
+/**
+ * @description: markNodeData
+ * @param {*} node
+ * @param {*} data
+ * @author: renchao
+ */
 export const markNodeData = function(node, data) {
 export const markNodeData = function(node, data) {
   if (!data || data[NODE_KEY]) return;
   if (!data || data[NODE_KEY]) return;
   Object.defineProperty(data, NODE_KEY, {
   Object.defineProperty(data, NODE_KEY, {
@@ -10,11 +16,23 @@ export const markNodeData = function(node, data) {
   });
   });
 };
 };
 
 
+/**
+ * @description: getNodeKey
+ * @param {*} key
+ * @param {*} data
+ * @author: renchao
+ */
 export const getNodeKey = function(key, data) {
 export const getNodeKey = function(key, data) {
   if (!key) return data[NODE_KEY];
   if (!key) return data[NODE_KEY];
   return data[key];
   return data[key];
 };
 };
 
 
+/**
+ * @description: findNearestComponent
+ * @param {*} element
+ * @param {*} componentName
+ * @author: renchao
+ */
 export const findNearestComponent = (element, componentName) => {
 export const findNearestComponent = (element, componentName) => {
   let target = element;
   let target = element;
   while (target && target.tagName !== 'BODY') {
   while (target && target.tagName !== 'BODY') {

@@ -116,10 +116,21 @@ export default {
   },
   },
 
 
   methods: {
   methods: {
+    /**
+     * @description: getNodeKey
+     * @param {*} node
+     * @author: renchao
+     */
     getNodeKey (node) {
     getNodeKey (node) {
       return getNodeKey(this.tree.nodeKey, node.data);
       return getNodeKey(this.tree.nodeKey, node.data);
     },
     },
 
 
+    /**
+     * @description: handleSelectChange
+     * @param {*} checked
+     * @param {*} indeterminate
+     * @author: renchao
+     */
     handleSelectChange (checked, indeterminate) {
     handleSelectChange (checked, indeterminate) {
       if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
       if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
         this.tree.$emit('check-change', this.node.data, checked, indeterminate);
         this.tree.$emit('check-change', this.node.data, checked, indeterminate);
@@ -128,6 +139,10 @@ export default {
       this.indeterminate = indeterminate;
       this.indeterminate = indeterminate;
     },
     },
 
 
+    /**
+     * @description: handleClick
+     * @author: renchao
+     */
     handleClick () {
     handleClick () {
       const store = this.tree.store;
       const store = this.tree.store;
       store.setCurrentNode(this.node);
       store.setCurrentNode(this.node);
@@ -144,6 +159,11 @@ export default {
       this.tree.$emit('node-click', this.node.data, this.node, this);
       this.tree.$emit('node-click', this.node.data, this.node, this);
     },
     },
 
 
+    /**
+     * @description: handleContextMenu
+     * @param {*} event
+     * @author: renchao
+     */
     handleContextMenu (event) {
     handleContextMenu (event) {
       if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
       if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
         event.stopPropagation();
         event.stopPropagation();
@@ -152,6 +172,10 @@ export default {
       this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
       this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
     },
     },
 
 
+    /**
+     * @description: handleExpandIconClick
+     * @author: renchao
+     */
     handleExpandIconClick () {
     handleExpandIconClick () {
       if (this.node.isLeaf) return;
       if (this.node.isLeaf) return;
       if (this.expanded) {
       if (this.expanded) {
@@ -163,6 +187,12 @@ export default {
       }
       }
     },
     },
 
 
+    /**
+     * @description: handleCheckChange
+     * @param {*} value
+     * @param {*} ev
+     * @author: renchao
+     */
     handleCheckChange (value, ev) {
     handleCheckChange (value, ev) {
       this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
       this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
       this.$nextTick(() => {
       this.$nextTick(() => {
@@ -176,26 +206,53 @@ export default {
       });
       });
     },
     },
 
 
+    /**
+     * @description: handleChildNodeExpand
+     * @param {*} nodeData
+     * @param {*} node
+     * @param {*} instance
+     * @author: renchao
+     */
     handleChildNodeExpand (nodeData, node, instance) {
     handleChildNodeExpand (nodeData, node, instance) {
       this.broadcast('ElTreeNode', 'tree-node-expand', node);
       this.broadcast('ElTreeNode', 'tree-node-expand', node);
       this.tree.$emit('node-expand', nodeData, node, instance);
       this.tree.$emit('node-expand', nodeData, node, instance);
     },
     },
 
 
+    /**
+     * @description: handleDragStart
+     * @param {*} event
+     * @author: renchao
+     */
     handleDragStart (event) {
     handleDragStart (event) {
       if (!this.tree.draggable) return;
       if (!this.tree.draggable) return;
       this.tree.$emit('tree-node-drag-start', event, this);
       this.tree.$emit('tree-node-drag-start', event, this);
     },
     },
 
 
+    /**
+     * @description: handleDragOver
+     * @param {*} event
+     * @author: renchao
+     */
     handleDragOver (event) {
     handleDragOver (event) {
       if (!this.tree.draggable) return;
       if (!this.tree.draggable) return;
       this.tree.$emit('tree-node-drag-over', event, this);
       this.tree.$emit('tree-node-drag-over', event, this);
       event.preventDefault();
       event.preventDefault();
     },
     },
 
 
+    /**
+     * @description: handleDrop
+     * @param {*} event
+     * @author: renchao
+     */
     handleDrop (event) {
     handleDrop (event) {
       event.preventDefault();
       event.preventDefault();
     },
     },
 
 
+    /**
+     * @description: handleDragEnd
+     * @param {*} event
+     * @author: renchao
+     */
     handleDragEnd (event) {
     handleDragEnd (event) {
       if (!this.tree.draggable) return;
       if (!this.tree.draggable) return;
       this.tree.$emit('tree-node-drag-end', event, this);
       this.tree.$emit('tree-node-drag-end', event, this);

@@ -177,15 +177,30 @@
     },
     },
 
 
     methods: {
     methods: {
+      /**
+       * @description: filter
+       * @param {*} value
+       * @author: renchao
+       */
       filter(value) {
       filter(value) {
         if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
         if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
         this.store.filter(value);
         this.store.filter(value);
       },
       },
 
 
+      /**
+       * @description: getNodeKey
+       * @param {*} node
+       * @author: renchao
+       */
       getNodeKey(node) {
       getNodeKey(node) {
         return getNodeKey(this.nodeKey, node.data);
         return getNodeKey(this.nodeKey, node.data);
       },
       },
 
 
+      /**
+       * @description: getNodePath
+       * @param {*} data
+       * @author: renchao
+       */
       getNodePath(data) {
       getNodePath(data) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
         const node = this.store.getNode(data);
         const node = this.store.getNode(data);
@@ -199,87 +214,188 @@
         return path.reverse();
         return path.reverse();
       },
       },
 
 
+      /**
+       * @description: getCheckedNodes
+       * @param {*} leafOnly
+       * @param {*} includeHalfChecked
+       * @author: renchao
+       */
       getCheckedNodes(leafOnly, includeHalfChecked) {
       getCheckedNodes(leafOnly, includeHalfChecked) {
         return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
         return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
       },
       },
 
 
+      /**
+       * @description: getCheckedKeys
+       * @param {*} leafOnly
+       * @author: renchao
+       */
       getCheckedKeys(leafOnly) {
       getCheckedKeys(leafOnly) {
         return this.store.getCheckedKeys(leafOnly);
         return this.store.getCheckedKeys(leafOnly);
       },
       },
 
 
+      /**
+       * @description: getCurrentNode
+       * @author: renchao
+       */
       getCurrentNode() {
       getCurrentNode() {
         const currentNode = this.store.getCurrentNode();
         const currentNode = this.store.getCurrentNode();
         return currentNode ? currentNode.data : null;
         return currentNode ? currentNode.data : null;
       },
       },
 
 
+      /**
+       * @description: getCurrentKey
+       * @author: renchao
+       */
       getCurrentKey() {
       getCurrentKey() {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
         const currentNode = this.getCurrentNode();
         const currentNode = this.getCurrentNode();
         return currentNode ? currentNode[this.nodeKey] : null;
         return currentNode ? currentNode[this.nodeKey] : null;
       },
       },
 
 
+      /**
+       * @description: setCheckedNodes
+       * @param {*} nodes
+       * @param {*} leafOnly
+       * @author: renchao
+       */
       setCheckedNodes(nodes, leafOnly) {
       setCheckedNodes(nodes, leafOnly) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
         this.store.setCheckedNodes(nodes, leafOnly);
         this.store.setCheckedNodes(nodes, leafOnly);
       },
       },
 
 
+      /**
+       * @description: setCheckedKeys
+       * @param {*} keys
+       * @param {*} leafOnly
+       * @author: renchao
+       */
       setCheckedKeys(keys, leafOnly) {
       setCheckedKeys(keys, leafOnly) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
         this.store.setCheckedKeys(keys, leafOnly);
         this.store.setCheckedKeys(keys, leafOnly);
       },
       },
 
 
+      /**
+       * @description: setChecked
+       * @param {*} data
+       * @param {*} checked
+       * @param {*} deep
+       * @author: renchao
+       */
       setChecked(data, checked, deep) {
       setChecked(data, checked, deep) {
         this.store.setChecked(data, checked, deep);
         this.store.setChecked(data, checked, deep);
       },
       },
 
 
+      /**
+       * @description: getHalfCheckedNodes
+       * @author: renchao
+       */
       getHalfCheckedNodes() {
       getHalfCheckedNodes() {
         return this.store.getHalfCheckedNodes();
         return this.store.getHalfCheckedNodes();
       },
       },
 
 
+      /**
+       * @description: getHalfCheckedKeys
+       * @author: renchao
+       */
       getHalfCheckedKeys() {
       getHalfCheckedKeys() {
         return this.store.getHalfCheckedKeys();
         return this.store.getHalfCheckedKeys();
       },
       },
 
 
+      /**
+       * @description: setCurrentNode
+       * @param {*} node
+       * @author: renchao
+       */
       setCurrentNode(node) {
       setCurrentNode(node) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
         this.store.setUserCurrentNode(node);
         this.store.setUserCurrentNode(node);
       },
       },
 
 
+      /**
+       * @description: setCurrentKey
+       * @param {*} key
+       * @author: renchao
+       */
       setCurrentKey(key) {
       setCurrentKey(key) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
         this.store.setCurrentNodeKey(key);
         this.store.setCurrentNodeKey(key);
       },
       },
 
 
+      /**
+       * @description: getNode
+       * @param {*} data
+       * @author: renchao
+       */
       getNode(data) {
       getNode(data) {
         return this.store.getNode(data);
         return this.store.getNode(data);
       },
       },
 
 
+      /**
+       * @description: remove
+       * @param {*} data
+       * @author: renchao
+       */
       remove(data) {
       remove(data) {
         this.store.remove(data);
         this.store.remove(data);
       },
       },
 
 
+      /**
+       * @description: append
+       * @param {*} data
+       * @param {*} parentNode
+       * @author: renchao
+       */
       append(data, parentNode) {
       append(data, parentNode) {
         this.store.append(data, parentNode);
         this.store.append(data, parentNode);
       },
       },
 
 
+      /**
+       * @description: insertBefore
+       * @param {*} data
+       * @param {*} refNode
+       * @author: renchao
+       */
       insertBefore(data, refNode) {
       insertBefore(data, refNode) {
         this.store.insertBefore(data, refNode);
         this.store.insertBefore(data, refNode);
       },
       },
 
 
+      /**
+       * @description: insertAfter
+       * @param {*} data
+       * @param {*} refNode
+       * @author: renchao
+       */
       insertAfter(data, refNode) {
       insertAfter(data, refNode) {
         this.store.insertAfter(data, refNode);
         this.store.insertAfter(data, refNode);
       },
       },
 
 
+      /**
+       * @description: handleNodeExpand
+       * @param {*} nodeData
+       * @param {*} node
+       * @param {*} instance
+       * @author: renchao
+       */
       handleNodeExpand(nodeData, node, instance) {
       handleNodeExpand(nodeData, node, instance) {
         this.broadcast('ElTreeNode', 'tree-node-expand', node);
         this.broadcast('ElTreeNode', 'tree-node-expand', node);
         this.$emit('node-expand', nodeData, node, instance);
         this.$emit('node-expand', nodeData, node, instance);
       },
       },
 
 
+      /**
+       * @description: updateKeyChildren
+       * @param {*} key
+       * @param {*} data
+       * @author: renchao
+       */
       updateKeyChildren(key, data) {
       updateKeyChildren(key, data) {
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
         if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
         this.store.updateChildren(key, data);
         this.store.updateChildren(key, data);
       },
       },
 
 
+      /**
+       * @description: initTabIndex
+       * @author: renchao
+       */
       initTabIndex() {
       initTabIndex() {
         this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
         this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
         this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
         this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
@@ -291,6 +407,11 @@
         this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
         this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
       },
       },
 
 
+      /**
+       * @description: handleKeydown
+       * @param {*} ev
+       * @author: renchao
+       */
       handleKeydown(ev) {
       handleKeydown(ev) {
         const currentItem = ev.target;
         const currentItem = ev.target;
         if (currentItem.className.indexOf('el-tree-node') === -1) return;
         if (currentItem.className.indexOf('el-tree-node') === -1) return;
@@ -319,6 +440,10 @@
       }
       }
     },
     },
 
 
+    /**
+     * @description: created
+     * @author: renchao
+     */
     created() {
     created() {
       this.isTree = true;
       this.isTree = true;
 
 

@@ -36,9 +36,18 @@ export default {
     })
     })
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: closeViewer
+     * @author: renchao
+     */
     closeViewer () {
     closeViewer () {
       this.$emit('close-viewer')
       this.$emit('close-viewer')
     },
     },
+    /**
+     * @description: hideCusBtn
+     * @param {*} e
+     * @author: renchao
+     */
     hideCusBtn (e) {
     hideCusBtn (e) {
       let className = e.target.className
       let className = e.target.className
       if (className === 'el-icon-download') {
       if (className === 'el-icon-download') {
@@ -48,6 +57,11 @@ export default {
         this.downloadImage(imgUrl)
         this.downloadImage(imgUrl)
       }
       }
     },
     },
+    /**
+     * @description: downloadImage
+     * @param {*} imgUrl
+     * @author: renchao
+     */
     downloadImage (imgUrl) {
     downloadImage (imgUrl) {
       let tmpArr = imgUrl.split('/')
       let tmpArr = imgUrl.split('/')
       let fileName = tmpArr[tmpArr.length - 1]
       let fileName = tmpArr[tmpArr.length - 1]

@@ -77,7 +77,11 @@
       this.autoCurrentLabel()
       this.autoCurrentLabel()
     },
     },
     methods: {
     methods: {
-      //表格显示隐藏回调
+      /**
+       * @description: 表格显示隐藏回调
+       * @param {*} visible
+       * @author: renchao
+       */
       visibleChange (visible) {
       visibleChange (visible) {
         if (visible) {
         if (visible) {
           this.formData = {}
           this.formData = {}
@@ -86,7 +90,10 @@
           this.autoCurrentLabel()
           this.autoCurrentLabel()
         }
         }
       },
       },
-      //获取表格数据
+      /**
+       * @description: 获取表格数据
+       * @author: renchao
+       */
       async getData () {
       async getData () {
         //表格默认赋值
         //表格默认赋值
         if (this.multiple) {
         if (this.multiple) {
@@ -104,11 +111,17 @@
         }
         }
         // this.$refs.table.setScrollTop(0)
         // this.$refs.table.setScrollTop(0)
       },
       },
-      //插糟表单提交
+      /**
+       * @description: 插糟表单提交
+       * @author: renchao
+       */
       formSubmit () {
       formSubmit () {
         this.getData()
         this.getData()
       },
       },
-      //自动模拟options赋值
+      /**
+       * @description: 自动模拟options赋值
+       * @author: renchao
+       */
       autoCurrentLabel () {
       autoCurrentLabel () {
         this.$nextTick(() => {
         this.$nextTick(() => {
           if (this.multiple) {
           if (this.multiple) {
@@ -122,7 +135,12 @@
           }
           }
         })
         })
       },
       },
-      //表格勾选事件
+      /**
+       * @description: 表格勾选事件
+       * @param {*} rows
+       * @param {*} row
+       * @author: renchao
+       */
       select (rows, row) {
       select (rows, row) {
         var isSelect = rows.length && rows.indexOf(row) !== -1
         var isSelect = rows.length && rows.indexOf(row) !== -1
         if (isSelect) {
         if (isSelect) {
@@ -134,7 +152,11 @@
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('change', this.defaultValue);
         this.$emit('change', this.defaultValue);
       },
       },
-      //表格全选事件
+      /**
+       * @description: 表格全选事件
+       * @param {*} rows
+       * @author: renchao
+       */
       selectAll (rows) {
       selectAll (rows) {
         var isAllSelect = rows.length > 0
         var isAllSelect = rows.length > 0
         if (isAllSelect) {
         if (isAllSelect) {
@@ -156,6 +178,11 @@
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('change', this.defaultValue);
         this.$emit('change', this.defaultValue);
       },
       },
+      /**
+       * @description: click
+       * @param {*} row
+       * @author: renchao
+       */
       click (row) {
       click (row) {
         if (this.multiple) {
         if (this.multiple) {
           //处理多选点击行
           //处理多选点击行
@@ -168,25 +195,42 @@
           this.$emit('change', this.defaultValue);
           this.$emit('change', this.defaultValue);
         }
         }
       },
       },
-      //tags删除后回调
+      /**
+       * @description: tags删除后回调
+       * @param {*} tag
+       * @author: renchao
+       */
       removeTag (tag) {
       removeTag (tag) {
         var row = this.findRowByKey(tag[this.defaultProps.value])
         var row = this.findRowByKey(tag[this.defaultProps.value])
         this.$refs.table.toggleRowSelection(row, false);
         this.$refs.table.toggleRowSelection(row, false);
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('update:modelValue', this.defaultValue);
       },
       },
-      //清空后的回调
+      /**
+       * @description: 清空后的回调
+       * @author: renchao
+       */
       clear () {
       clear () {
         this.$emit('update:modelValue', this.defaultValue);
         this.$emit('update:modelValue', this.defaultValue);
       },
       },
-      // 关键值查询表格数据行
+      /**
+       * @description: 关键值查询表格数据行
+       * @param {*} value
+       * @author: renchao
+       */
       findRowByKey (value) {
       findRowByKey (value) {
         return this.tableData.find(item => item[this.defaultProps.value] === value)
         return this.tableData.find(item => item[this.defaultProps.value] === value)
       },
       },
-      // 触发select隐藏
+      /**
+       * @description: 触发select隐藏
+       * @author: renchao
+       */
       blur () {
       blur () {
         this.$refs.select.blur();
         this.$refs.select.blur();
       },
       },
-      // 触发select显示
+      /**
+       * @description: 触发select显示
+       * @author: renchao
+       */
       focus () {
       focus () {
         this.$refs.select.focus();
         this.$refs.select.focus();
       }
       }

@@ -8,6 +8,10 @@ import Popup from './index.vue'
 const PopupBox = Vue.extend(Popup)
 const PopupBox = Vue.extend(Popup)
 let popuping = undefined
 let popuping = undefined
 
 
+/**
+ * @description: close
+ * @author: renchao
+ */
 PopupBox.prototype.close = function () {
 PopupBox.prototype.close = function () {
   // 如果Popup 有引用，则去掉引用
   // 如果Popup 有引用，则去掉引用
   if (popuping) {
   if (popuping) {
@@ -24,6 +28,14 @@ PopupBox.prototype.close = function () {
   }, 300)
   }, 300)
 }
 }
 
 
+/**
+ * @description: Popup1
+ * @param {*} title
+ * @param {*} editItem
+ * @param {*} data
+ * @param {*} formData
+ * @author: renchao
+ */
 const Popup1 = (title, editItem, data, formData) => {
 const Popup1 = (title, editItem, data, formData) => {
   // 如果组件已渲染，则返回即可
   // 如果组件已渲染，则返回即可
   if (popuping) {
   if (popuping) {

@@ -73,9 +73,17 @@
       }, 300)
       }, 300)
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: onCancel
+       * @author: renchao
+       */
       onCancel () {
       onCancel () {
         Popup1().close()
         Popup1().close()
       },
       },
+      /**
+       * @description: onConfirm
+       * @author: renchao
+       */
       onConfirm () {
       onConfirm () {
         let res = new Promise((resolve, reject) => {
         let res = new Promise((resolve, reject) => {
           this.confirm()
           this.confirm()
@@ -85,6 +93,11 @@
           this.isShow = false
           this.isShow = false
         }
         }
       },
       },
+      /**
+       * @description: loadViewFn
+       * @param {*} view
+       * @author: renchao
+       */
       loadViewFn (view) {
       loadViewFn (view) {
         return (r) =>
         return (r) =>
           require.ensure([], () =>
           require.ensure([], () =>
@@ -184,4 +197,3 @@
     opacity: 0;
     opacity: 0;
   }
   }
 </style>
 </style>
-  
\ No newline at end of file

 export const theme = {
 export const theme = {
+  /**
+   * @description: bind
+   * @param {*} el
+   * @param {*} binding
+   * @param {*} vnode
+   * @author: renchao
+   */
   bind: function (el, binding, vnode) {
   bind: function (el, binding, vnode) {
     setEleStyleColorAttribute(el, binding);
     setEleStyleColorAttribute(el, binding);
   },
   },
+  /**
+   * @description: update
+   * @param {*} el
+   * @param {*} binding
+   * @param {*} vnode
+   * @author: renchao
+   */
   update: function (el, binding, vnode) {
   update: function (el, binding, vnode) {
     setEleStyleColorAttribute(el, binding);
     setEleStyleColorAttribute(el, binding);
   },
   },
+  /**
+   * @description: componentUpdated
+   * @param {*} el
+   * @param {*} binding
+   * @param {*} vnode
+   * @author: renchao
+   */
   componentUpdated: function (el, binding, vnode) {
   componentUpdated: function (el, binding, vnode) {
     setEleStyleColorAttribute(el, binding);
     setEleStyleColorAttribute(el, binding);
   }
   }

@@ -57,6 +57,10 @@
       window.removeEventListener('message')
       window.removeEventListener('message')
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: queryNoticeList
+       * @author: renchao
+       */
       queryNoticeList () {
       queryNoticeList () {
         getHomeNoticeList().then(res => {
         getHomeNoticeList().then(res => {
           if (res.result) {
           if (res.result) {
@@ -64,6 +68,10 @@
           }
           }
         })
         })
       },
       },
+      /**
+       * @description: logout
+       * @author: renchao
+       */
       logout () {
       logout () {
         axios.post(window._config.services.management + "/management/logout").then(() => {
         axios.post(window._config.services.management + "/management/logout").then(() => {
           setToken(undefined)
           setToken(undefined)
@@ -73,12 +81,22 @@
         })
         })
       },
       },
 
 
+      /**
+       * @description: themeChange
+       * @param {*} val
+       * @author: renchao
+       */
       themeChange (val) {
       themeChange (val) {
         this.$store.dispatch('app/updateTheme', val)
         this.$store.dispatch('app/updateTheme', val)
       },
       },
       searchMessageCenter () {
       searchMessageCenter () {
         this.$router.push({ name: 'messagecenter' })
         this.$router.push({ name: 'messagecenter' })
       },
       },
+      /**
+       * @description: handleCommand
+       * @param {*} command
+       * @author: renchao
+       */
       handleCommand (command) {
       handleCommand (command) {
         if (command == 'a') {
         if (command == 'a') {
           //个人中心
           //个人中心

@@ -10,6 +10,10 @@ export default {
     this.fixBugIniOS()
     this.fixBugIniOS()
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: fixBugIniOS
+     * @author: renchao
+     */
     fixBugIniOS() {
     fixBugIniOS() {
       const $subMenu = this.$refs.subMenu
       const $subMenu = this.$refs.subMenu
       if ($subMenu) {
       if ($subMenu) {

@@ -26,6 +26,11 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: linkProps
+     * @param {*} to
+     * @author: renchao
+     */
     linkProps(to) {
     linkProps(to) {
       if (this.isExternal) {
       if (this.isExternal) {
         return {
         return {

@@ -53,6 +53,12 @@ export default {
     return {}
     return {}
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: hasOneShowingChild
+     * @param {*} children
+     * @param {*} parent
+     * @author: renchao
+     */
     hasOneShowingChild (children = [], parent) {
     hasOneShowingChild (children = [], parent) {
       const showingChildren = children.filter(item => {
       const showingChildren = children.filter(item => {
         if (item.hidden) {
         if (item.hidden) {
@@ -75,6 +81,11 @@ export default {
       }
       }
       return false
       return false
     },
     },
+    /**
+     * @description: resolvePath
+     * @param {*} routePath
+     * @author: renchao
+     */
     resolvePath (routePath) {
     resolvePath (routePath) {
       if (isExternal(routePath)) {
       if (isExternal(routePath)) {
         return routePath
         return routePath

@@ -26,14 +26,28 @@ export default {
     this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
     this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: handleScroll
+     * @param {*} e
+     * @author: renchao
+     */
     handleScroll (e) {
     handleScroll (e) {
       const eventDelta = e.wheelDelta || -e.deltaY * 40
       const eventDelta = e.wheelDelta || -e.deltaY * 40
       const $scrollWrapper = this.scrollWrapper
       const $scrollWrapper = this.scrollWrapper
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
       $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
     },
     },
+    /**
+     * @description: emitScroll
+     * @author: renchao
+     */
     emitScroll () {
     emitScroll () {
       this.$emit('scroll')
       this.$emit('scroll')
     },
     },
+    /**
+     * @description: moveToTarget
+     * @param {*} currentTag
+     * @author: renchao
+     */
     moveToTarget (currentTag) {
     moveToTarget (currentTag) {
       const $container = this.$refs.scrollContainer.$el
       const $container = this.$refs.scrollContainer.$el
       const $containerWidth = $container.offsetWidth
       const $containerWidth = $container.offsetWidth

@@ -59,12 +59,28 @@
       this.addTags()
       this.addTags()
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: isActive
+       * @param {*} route
+       * @author: renchao
+       */
       isActive (route) {
       isActive (route) {
         return route.path === this.$route.path
         return route.path === this.$route.path
       },
       },
+      /**
+       * @description: isAffix
+       * @param {*} tag
+       * @author: renchao
+       */
       isAffix (tag) {
       isAffix (tag) {
         return tag.meta && tag.meta.affix
         return tag.meta && tag.meta.affix
       },
       },
+      /**
+       * @description: filterAffixTags
+       * @param {*} routes
+       * @param {*} basePath
+       * @author: renchao
+       */
       filterAffixTags (routes, basePath = '/') {
       filterAffixTags (routes, basePath = '/') {
         let tags = []
         let tags = []
         routes.forEach(route => {
         routes.forEach(route => {
@@ -86,6 +102,10 @@
         })
         })
         return tags
         return tags
       },
       },
+      /**
+       * @description: initTags
+       * @author: renchao
+       */
       initTags () {
       initTags () {
         const affixTags = this.affixTags = this.filterAffixTags(this.routes)
         const affixTags = this.affixTags = this.filterAffixTags(this.routes)
         for (const tag of affixTags) {
         for (const tag of affixTags) {
@@ -95,6 +115,10 @@
           }
           }
         }
         }
       },
       },
+      /**
+       * @description: addTags
+       * @author: renchao
+       */
       addTags () {
       addTags () {
         const { name } = this.$route
         const { name } = this.$route
         if (name) {
         if (name) {
@@ -102,6 +126,10 @@
         }
         }
         return false
         return false
       },
       },
+      /**
+       * @description: moveToCurrentTag
+       * @author: renchao
+       */
       moveToCurrentTag () {
       moveToCurrentTag () {
         const tags = this.$refs.tag
         const tags = this.$refs.tag
         this.$nextTick(() => {
         this.$nextTick(() => {
@@ -117,6 +145,11 @@
           }
           }
         })
         })
       },
       },
+      /**
+       * @description: refreshSelectedTag
+       * @param {*} view
+       * @author: renchao
+       */
       refreshSelectedTag (view) {
       refreshSelectedTag (view) {
         this.$store.dispatch('tagsView/delCachedView', view).then(() => {
         this.$store.dispatch('tagsView/delCachedView', view).then(() => {
           const { fullPath } = view
           const { fullPath } = view
@@ -127,6 +160,11 @@
           })
           })
         })
         })
       },
       },
+      /**
+       * @description: closeSelectedTag
+       * @param {*} view
+       * @author: renchao
+       */
       closeSelectedTag (view) {
       closeSelectedTag (view) {
         this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
         this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
           if (this.isActive(view)) {
           if (this.isActive(view)) {
@@ -134,12 +172,21 @@
           }
           }
         })
         })
       },
       },
+      /**
+       * @description: closeOthersTags
+       * @author: renchao
+       */
       closeOthersTags () {
       closeOthersTags () {
         this.$router.push(this.selectedTag)
         this.$router.push(this.selectedTag)
         this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
         this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
           this.moveToCurrentTag()
           this.moveToCurrentTag()
         })
         })
       },
       },
+      /**
+       * @description: closeAllTags
+       * @param {*} view
+       * @author: renchao
+       */
       closeAllTags (view) {
       closeAllTags (view) {
         this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
         this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
           if (this.affixTags.some(tag => tag.path === view.path)) {
           if (this.affixTags.some(tag => tag.path === view.path)) {
@@ -148,6 +195,12 @@
           this.toLastView(visitedViews, view)
           this.toLastView(visitedViews, view)
         })
         })
       },
       },
+      /**
+       * @description: toLastView
+       * @param {*} visitedViews
+       * @param {*} view
+       * @author: renchao
+       */
       toLastView (visitedViews, view) {
       toLastView (visitedViews, view) {
         const latestView = visitedViews.slice(-1)[0]
         const latestView = visitedViews.slice(-1)[0]
         if (latestView) {
         if (latestView) {
@@ -163,6 +216,12 @@
           }
           }
         }
         }
       },
       },
+      /**
+       * @description: openMenu
+       * @param {*} tag
+       * @param {*} e
+       * @author: renchao
+       */
       openMenu (tag, e) {
       openMenu (tag, e) {
         // const menuMinWidth = 105
         // const menuMinWidth = 105
         // const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
         // const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
@@ -179,9 +238,17 @@
         this.visible = true
         this.visible = true
         this.selectedTag = tag
         this.selectedTag = tag
       },
       },
+      /**
+       * @description: closeMenu
+       * @author: renchao
+       */
       closeMenu () {
       closeMenu () {
         this.visible = false
         this.visible = false
       },
       },
+      /**
+       * @description: handleScroll
+       * @author: renchao
+       */
       handleScroll () {
       handleScroll () {
         this.closeMenu()
         this.closeMenu()
       }
       }

@@ -27,10 +27,18 @@ export default {
   methods: {
   methods: {
     // use $_ for mixins properties
     // use $_ for mixins properties
     // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
     // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    /**
+     * @description: $_isMobile
+     * @author: renchao
+     */
     $_isMobile() {
     $_isMobile() {
       const rect = body.getBoundingClientRect()
       const rect = body.getBoundingClientRect()
       return rect.width - 1 < WIDTH
       return rect.width - 1 < WIDTH
     },
     },
+    /**
+     * @description: $_resizeHandler
+     * @author: renchao
+     */
     $_resizeHandler() {
     $_resizeHandler() {
       if (!document.hidden) {
       if (!document.hidden) {
         const isMobile = this.$_isMobile()
         const isMobile = this.$_isMobile()

@@ -20,6 +20,10 @@ const mutations = {
 }
 }
 
 
 const actions = {
 const actions = {
+  /**
+   * @description: generateDic
+   * @author: renchao
+   */
   generateDic ({ commit }) {
   generateDic ({ commit }) {
     return new Promise(async (resolve) => {
     return new Promise(async (resolve) => {
       let { result: res } = await getAllDict()
       let { result: res } = await getAllDict()
@@ -27,6 +31,10 @@ const actions = {
       resolve(true)
       resolve(true)
     })
     })
   },
   },
+  /**
+   * @description: resetdict
+   * @author: renchao
+   */
   resetdict ({ commit }) {
   resetdict ({ commit }) {
     commit('RESET_DICT')
     commit('RESET_DICT')
   }
   }

@@ -30,6 +30,11 @@ export default function filterAsyncRouter (routers) {
   })
   })
   return routers
   return routers
 }
 }
+/**
+ * @description: loadView
+ * @param {*} view
+ * @author: renchao
+ */
 function loadView (view) {
 function loadView (view) {
   return r => require.ensure([], () => r(require(`@/views${view}.vue`)))
   return r => require.ensure([], () => r(require(`@/views${view}.vue`)))
 }
 }

@@ -2,7 +2,18 @@ import {loadModules} from 'esri-loader'
 
 
 export default {
 export default {
     methods: {
     methods: {
-     
+      /**
+       * @description: identify
+       * @param {*} url
+       * @param {*} layerIds
+       * @param {*} geometry
+       * @param {*} callBackFunction
+       * @param {*} returnGeometry
+       * @param {*} layerOption
+       * @param {*} tolerance
+       * @param {*} mapExtent
+       * @author: renchao
+       */
         identify(url,layerIds,geometry,callBackFunction,returnGeometry,layerOption,tolerance,mapExtent){
         identify(url,layerIds,geometry,callBackFunction,returnGeometry,layerOption,tolerance,mapExtent){
             var self = this;
             var self = this;
             loadModules([
             loadModules([

@@ -10,6 +10,14 @@ export default {
         }
         }
     },
     },
     methods: {
     methods: {
+      /**
+       * @description: initDraw
+       * @param {*} type
+       * @param {*} viewId
+       * @param {*} creationMode
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         initDraw(type,viewId,creationMode,callBackFunction){
         initDraw(type,viewId,creationMode,callBackFunction){
             var self = this;
             var self = this;
              loadModules([
              loadModules([
@@ -53,6 +61,10 @@ export default {
                  throw(err);
                  throw(err);
              });
              });
         },
         },
+      /**
+       * @description: destroyeDraw
+       * @author: renchao
+       */
         destroyeDraw() {
         destroyeDraw() {
          if(this.drawAction){
          if(this.drawAction){
             this.drawAction.cancel();
             this.drawAction.cancel();

@@ -5,6 +5,13 @@ import {loadModules} from "esri-loader"
 
 
 export default {
 export default {
     methods:{
     methods:{
+      /**
+       * @description: addGraphic
+       * @param {*} url
+       * @param {*} graphic
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         addGraphic(url,graphic,callBackFunction){
         addGraphic(url,graphic,callBackFunction){
             loadModules([
             loadModules([
                 "esri/layers/FeatureLayer",
                 "esri/layers/FeatureLayer",
@@ -57,6 +64,13 @@ export default {
                 throw (err);
                 throw (err);
             })
             })
         },
         },
+      /**
+       * @description: updateGraphic
+       * @param {*} url
+       * @param {*} graphic
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         updateGraphic(url,graphic,callBackFunction){
         updateGraphic(url,graphic,callBackFunction){
             loadModules([
             loadModules([
                 "esri/layers/FeatureLayer",
                 "esri/layers/FeatureLayer",
@@ -107,6 +121,13 @@ export default {
                 throw (err);
                 throw (err);
             })
             })
         },
         },
+      /**
+       * @description: delGraphic
+       * @param {*} url
+       * @param {*} graphic
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         delGraphic(url,graphic,callBackFunction){
         delGraphic(url,graphic,callBackFunction){
             loadModules([
             loadModules([
                 "esri/layers/FeatureLayer",
                 "esri/layers/FeatureLayer",

@@ -3,6 +3,16 @@ import {loadModules} from 'esri-loader'
 export default {
 export default {
 
 
     methods:{
     methods:{
+      /**
+       * @description: findByPro
+       * @param {*} url
+       * @param {*} layerIds
+       * @param {*} searchFields
+       * @param {*} searchText
+       * @param {*} returnGeometry
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         findByPro(url,layerIds,searchFields,searchText,returnGeometry,callBackFunction){
         findByPro(url,layerIds,searchFields,searchText,returnGeometry,callBackFunction){
             loadModules([
             loadModules([
                 "esri/tasks/FindTask",
                 "esri/tasks/FindTask",

@@ -9,6 +9,12 @@
             }
             }
         },
         },
         methods: {
         methods: {
+          /**
+           * @description: measure
+           * @param {*} viewId
+           * @param {*} type
+           * @author: renchao
+           */
             measure(viewId,type){
             measure(viewId,type){
                 var view = maps[viewId];
                 var view = maps[viewId];
                 var self = this;
                 var self = this;

@@ -4,6 +4,17 @@ import {loadModules} from 'esri-loader'
 export default{
 export default{
 
 
     methods: {
     methods: {
+      /**
+       * @description: queryByWhere
+       * @param {*} url
+       * @param {*} queryWhere
+       * @param {*} geometry
+       * @param {*} returnGeometry
+       * @param {*} outFields
+       * @param {*} outSpatialReference
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         queryByWhere(url,queryWhere,geometry,returnGeometry,outFields ,outSpatialReference ,callBackFunction){
         queryByWhere(url,queryWhere,geometry,returnGeometry,outFields ,outSpatialReference ,callBackFunction){
             var self = this;
             var self = this;
             loadModules([
             loadModules([
@@ -55,6 +66,11 @@ export default{
                 throw(err);
                 throw(err);
             })
             })
         },
         },
+      /**
+       * @description: parseObj2Arr
+       * @param {*} object
+       * @author: renchao
+       */
         parseObj2Arr(object){
         parseObj2Arr(object){
           var arr = [];
           var arr = [];
           for(var key in object){
           for(var key in object){

@@ -4,6 +4,12 @@ export default{
 
 
     methods: {
     methods: {
 
 
+      /**
+       * @description: readShpByFile
+       * @param {*} file
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         readShpByFile(file,callBackFunction){
         readShpByFile(file,callBackFunction){
             var reader = new FileReader();
             var reader = new FileReader();
             reader.readAsBinaryString(file);
             reader.readAsBinaryString(file);
@@ -20,6 +26,12 @@ export default{
               .catch(error => console.error(error.stack));
               .catch(error => console.error(error.stack));
             }
             }
         },
         },
+      /**
+       * @description: readShpByFile
+       * @param {*} url
+       * @param {*} callBackFunction
+       * @author: renchao
+       */
         readShpByUrl(url,callBackFunction){
         readShpByUrl(url,callBackFunction){
             open(url).then(source => source.read()
             open(url).then(source => source.read()
             .then(function log(result) {
             .then(function log(result) {
@@ -32,6 +44,12 @@ export default{
           .catch(error => console.error(error.stack));
           .catch(error => console.error(error.stack));
          }
          }
         },
         },
+  /**
+   * @description: readShpByZip
+   * @param {*} zipUrl
+   * @param {*} callBackFunction
+   * @author: renchao
+   */
         readShpByZip(zipUrl,callBackFunction){
         readShpByZip(zipUrl,callBackFunction){
 
 
         }
         }

@@ -21,12 +21,21 @@ export default {
     this.handleSearch()
     this.handleSearch()
   },
   },
   methods: {
   methods: {
+    /**
+     * @description: handkeyCode
+     * @param {*} e
+     * @author: renchao
+     */
     handkeyCode(e) {
     handkeyCode(e) {
       if(e.keyCode === 13){
       if(e.keyCode === 13){
         console.log("安");
         console.log("安");
         this.handleSearch()
         this.handleSearch()
       }
       }
    },
    },
+    /**
+     * @description: handleSearch
+     * @author: renchao
+     */
     handleSearch(){
     handleSearch(){
       this.pageData.currentPage = 1
       this.pageData.currentPage = 1
       if (this.fetchData) {
       if (this.fetchData) {
@@ -36,22 +45,41 @@ export default {
         this.queryClick()
         this.queryClick()
       }
       }
     },
     },
+    /**
+     * @description: handleSizeChange
+     * @param {*} val
+     * @author: renchao
+     */
     handleSizeChange (val) {
     handleSizeChange (val) {
       this.pageData.currentPage = 1
       this.pageData.currentPage = 1
       this.pageData.pageSize = val
       this.pageData.pageSize = val
       this.queryClick()
       this.queryClick()
     },
     },
+    /**
+     * @description: handleCurrentChange
+     * @param {*} val
+     * @author: renchao
+     */
     handleCurrentChange (val) {
     handleCurrentChange (val) {
       this.pageData.currentPage = val
       this.pageData.currentPage = val
       if (this.queryClick) {
       if (this.queryClick) {
         this.queryClick()
         this.queryClick()
       }
       }
     },
     },
+    /**
+     * @description: handleDel
+     * @author: renchao
+     */
     handleDel () {
     handleDel () {
       let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize)
       let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize)
       let currentPage = this.pageData.currentPage > deleteAfterPage ? deleteAfterPage : this.pageData.currentPage
       let currentPage = this.pageData.currentPage > deleteAfterPage ? deleteAfterPage : this.pageData.currentPage
       this.pageData.currentPage = currentPage < 1 ? 1 : currentPage
       this.pageData.currentPage = currentPage < 1 ? 1 : currentPage
     },
     },
+    /**
+     * @description: resetForm
+     * @param {*} isYwbl
+     * @author: renchao
+     */
     resetForm(isYwbl){
     resetForm(isYwbl){
       if (isYwbl) {
       if (isYwbl) {
         this.queryForm = defaultParameters.defaultParameters();
         this.queryForm = defaultParameters.defaultParameters();

@@ -147,7 +147,8 @@
           if (this.supplementarylist.length) {
           if (this.supplementarylist.length) {
             this.unitClick(0)
             this.unitClick(0)
           } else {
           } else {
-            this.$emit("getCurrentSelectProps", this.currentSelectProps);
+            this.loadBdcdylist()
+            // this.$emit("getCurrentSelectProps", this.currentSelectProps);
           }
           }
         });
         });
       },
       },
@@ -179,7 +180,6 @@
               });
               });
               this.$nextTick(() => {
               this.$nextTick(() => {
                 this.getleftMenubl();
                 this.getleftMenubl();
-                this.blxxClick()
                 if (!this.supplementarylist.length) {
                 if (!this.supplementarylist.length) {
                   getdjblist()
                   getdjblist()
                 }
                 }
@@ -285,5 +285,8 @@
       height: 27px;
       height: 27px;
       float: left;
       float: left;
     }
     }
+    .el-icon-delete:hover{
+      color: #0079fe;
+    }
   }
   }
 </style>
 </style>

@@ -6,44 +6,123 @@
 <template>
 <template>
   <div>
   <div>
     <div class="process-viewer">
     <div class="process-viewer">
-      <div v-show="!isLoading" ref="processCanvas" class="process-canvas" style="height: 280px;" />
+      <div
+        v-show="!isLoading"
+        ref="processCanvas"
+        class="process-canvas"
+        style="height: 280px"
+      />
       <!-- 自定义箭头样式，用于成功状态下流程连线箭头 -->
       <!-- 自定义箭头样式，用于成功状态下流程连线箭头 -->
       <defs ref="customSuccessDefs">
       <defs ref="customSuccessDefs">
-        <marker id="sequenceflow-end-white-success" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10"
-          marker-height="10" orient="auto">
-          <path class="success-arrow" d="M 1 5 L 11 10 L 1 15 Z"
-            style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" />
+        <marker
+          id="sequenceflow-end-white-success"
+          view-box="0 0 20 20"
+          ref-x="11"
+          ref-y="10"
+          marker-width="10"
+          marker-height="10"
+          orient="auto"
+        >
+          <path
+            class="success-arrow"
+            d="M 1 5 L 11 10 L 1 15 Z"
+            style="
+              stroke-width: 1px;
+              stroke-linecap: round;
+              stroke-dasharray: 10000, 1;
+            "
+          />
         </marker>
         </marker>
-        <marker id="conditional-flow-marker-white-success" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10"
-          marker-height="10" orient="auto">
-          <path class="success-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z"
-            style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" />
+        <marker
+          id="conditional-flow-marker-white-success"
+          view-box="0 0 20 20"
+          ref-x="-1"
+          ref-y="10"
+          marker-width="10"
+          marker-height="10"
+          orient="auto"
+        >
+          <path
+            class="success-conditional"
+            d="M 0 10 L 8 6 L 16 10 L 8 14 Z"
+            style="
+              stroke-width: 1px;
+              stroke-linecap: round;
+              stroke-dasharray: 10000, 1;
+            "
+          />
         </marker>
         </marker>
       </defs>
       </defs>
       <!-- 自定义箭头样式，用于失败状态下流程连线箭头 -->
       <!-- 自定义箭头样式，用于失败状态下流程连线箭头 -->
       <defs ref="customFailDefs">
       <defs ref="customFailDefs">
-        <marker id="sequenceflow-end-white-fail" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10"
-          marker-height="10" orient="auto">
-          <path class="fail-arrow" d="M 1 5 L 11 10 L 1 15 Z"
-            style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" />
+        <marker
+          id="sequenceflow-end-white-fail"
+          view-box="0 0 20 20"
+          ref-x="11"
+          ref-y="10"
+          marker-width="10"
+          marker-height="10"
+          orient="auto"
+        >
+          <path
+            class="fail-arrow"
+            d="M 1 5 L 11 10 L 1 15 Z"
+            style="
+              stroke-width: 1px;
+              stroke-linecap: round;
+              stroke-dasharray: 10000, 1;
+            "
+          />
         </marker>
         </marker>
-        <marker id="conditional-flow-marker-white-fail" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10"
-          marker-height="10" orient="auto">
-          <path class="fail-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z"
-            style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" />
+        <marker
+          id="conditional-flow-marker-white-fail"
+          view-box="0 0 20 20"
+          ref-x="-1"
+          ref-y="10"
+          marker-width="10"
+          marker-height="10"
+          orient="auto"
+        >
+          <path
+            class="fail-conditional"
+            d="M 0 10 L 8 6 L 16 10 L 8 14 Z"
+            style="
+              stroke-width: 1px;
+              stroke-linecap: round;
+              stroke-dasharray: 10000, 1;
+            "
+          />
         </marker>
         </marker>
       </defs>
       </defs>
 
 
-      <div style="position: absolute; top: 0px; left: 0px; width: 100%;">
+      <div style="position: absolute; top: 0px; left: 0px; width: 100%">
         <el-row type="flex" justify="end">
         <el-row type="flex" justify="end">
           <el-button-group key="scale-control" size="medium">
           <el-button-group key="scale-control" size="medium">
-            <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom <= 0.3" icon="el-icon-zoom-out"
-              @click="processZoomOut()" />
-            <el-button size="medium" type="default" style="width: 90px;">{{ Math.floor(this.defaultZoom * 10 * 10) + "%"
+            <el-button
+              size="medium"
+              type="default"
+              :plain="true"
+              :disabled="defaultZoom <= 0.3"
+              icon="el-icon-zoom-out"
+              @click="processZoomOut()"
+            />
+            <el-button size="medium" type="default" style="width: 90px">{{
+              Math.floor(this.defaultZoom * 10 * 10) + "%"
             }}</el-button>
             }}</el-button>
-            <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom >= 3.9" icon="el-icon-zoom-in"
-              @click="processZoomIn()" />
-            <el-button size="medium" type="default" icon="el-icon-c-scale-to-original" @click="processReZoom()" />
+            <el-button
+              size="medium"
+              type="default"
+              :plain="true"
+              :disabled="defaultZoom >= 3.9"
+              icon="el-icon-zoom-in"
+              @click="processZoomIn()"
+            />
+            <el-button
+              size="medium"
+              type="default"
+              icon="el-icon-c-scale-to-original"
+              @click="processReZoom()"
+            />
             <slot />
             <slot />
           </el-button-group>
           </el-button-group>
         </el-row>
         </el-row>
@@ -52,40 +131,85 @@
     <!-- 已完成节点悬浮弹窗 -->
     <!-- 已完成节点悬浮弹窗 -->
     <div class="information-list">
     <div class="information-list">
       <el-select v-model="selectValue" @change="handleSelect">
       <el-select v-model="selectValue" @change="handleSelect">
-        <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value">
+        <el-option
+          v-for="item in selectOptions"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
         </el-option>
         </el-option>
       </el-select>
       </el-select>
-      <el-table height="190" :data="taskCommentList" size="mini" border header-cell-class-name="table-header-gray">
-        <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
+      <el-table
+        height="190"
+        :data="taskCommentList"
+        size="mini"
+        border
+        header-cell-class-name="table-header-gray"
+      >
+        <el-table-column
+          label="序号"
+          header-align="center"
+          align="center"
+          type="index"
+          width="55px"
+        />
         <el-table-column label="流程状态" header-align="center" align="center">
         <el-table-column label="流程状态" header-align="center" align="center">
           <template slot-scope="scope">
           <template slot-scope="scope">
             <div v-if="scope.row.endTime">已完结</div>
             <div v-if="scope.row.endTime">已完结</div>
             <div v-else>正在办理</div>
             <div v-else>正在办理</div>
           </template>
           </template>
         </el-table-column>
         </el-table-column>
-        <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
-        <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
-        <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" />
-        <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" />
-        <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" />
-        <el-table-column label="操作方式" prop="controls" align="center"/>
-        <el-table-column label="意见" prop="idea" align="center"/>
+        <el-table-column
+          label="环节名称"
+          prop="name"
+          minWidth="100"
+          align="center"
+        />
+        <el-table-column
+          label="办理人"
+          prop="agent"
+          minWidth="120"
+          align="center"
+        />
+        <el-table-column
+          label="转入时间"
+          prop="createTime"
+          :formatter="formatDate"
+          width="160"
+          align="center"
+        />
+        <el-table-column
+          label="认领时间"
+          prop="claimTime"
+          :formatter="formatDate"
+          width="160"
+          align="center"
+        />
+        <el-table-column
+          label="转出时间"
+          prop="endTime"
+          :formatter="formatDate"
+          width="160"
+          align="center"
+        />
+        <el-table-column label="操作方式" prop="controls" align="center" />
+        <el-table-column label="意见" prop="idea" align="center" />
       </el-table>
       </el-table>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-  import '@/styles/package/theme/index.scss'
-  import BpmnViewer from 'bpmn-js/lib/Viewer'
-  import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'
-  export default {
+import "@/styles/package/theme/index.scss";
+import BpmnViewer from "bpmn-js/lib/Viewer";
+import MoveCanvasModule from "diagram-js/lib/navigation/movecanvas";
+export default {
   props: {
   props: {
     formData: {
     formData: {
       type: Object,
       type: Object,
-        default: {}
-      }
+      default: {},
+    },
   },
   },
-    data () {
+  data() {
     return {
     return {
       dlgTitle: undefined,
       dlgTitle: undefined,
       defaultZoom: 1,
       defaultZoom: 1,
@@ -97,227 +221,293 @@
       // 当前任务id
       // 当前任务id
       selectTaskId: undefined,
       selectTaskId: undefined,
       // 任务节点审批记录
       // 任务节点审批记录
-        taskList:[],
+      taskList: [],
       taskCommentList: [],
       taskCommentList: [],
       // 已完成任务悬浮延迟Timer
       // 已完成任务悬浮延迟Timer
       hoverTimer: null,
       hoverTimer: null,
       // 下拉
       // 下拉
-        selectValue: '',
-        selectOptions: []
-      }
+      selectValue: "",
+      selectOptions: [],
+    };
   },
   },
-    created () {
+  created() {
     this.$nextTick(() => {
     this.$nextTick(() => {
       // 获取流程记录
       // 获取流程记录
-        this.getCommentList()
+      this.getCommentList();
       this.setProcessStatus(this.formData.finishedInfo);
       this.setProcessStatus(this.formData.finishedInfo);
-        this.importXML(this.formData.xml)
-
-      })
+      this.importXML(this.formData.xml);
+    });
   },
   },
-    destroyed () {
-      this.clearViewer()
+  destroyed() {
+    this.clearViewer();
   },
   },
   methods: {
   methods: {
     formatDate(row, column) {
     formatDate(row, column) {
-          let data = row[column.property]
-          if(data == null) {
-              return null
+      let data = row[column.property];
+      if (data == null) {
+        return null;
       }
       }
-          let dt = new Date(data)
-           return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
+      let dt = new Date(data);
+      return (
+        dt.getFullYear() +
+        "-" +
+        (dt.getMonth() + 1) +
+        "-" +
+        dt.getDate() +
+        " " +
+        dt.getHours() +
+        ":" +
+        dt.getMinutes() +
+        ":" +
+        dt.getSeconds()
+      );
     },
     },
-      processReZoom () {
-        this.defaultZoom = 1
-        this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
+    processReZoom() {
+      this.defaultZoom = 1;
+      this.bpmnViewer.get("canvas").zoom("fit-viewport", "auto");
     },
     },
-      processZoomIn (zoomStep = 0.1) {
-        const newZoom = Math.floor(this.defaultZoom * 100 + zoomStep * 100) / 100
+    processZoomIn(zoomStep = 0.1) {
+      const newZoom = Math.floor(this.defaultZoom * 100 + zoomStep * 100) / 100;
       if (newZoom > 4) {
       if (newZoom > 4) {
-          throw new Error('[Process Designer Warn ]: The zoom ratio cannot be greater than 4')
+        throw new Error(
+          "[Process Designer Warn ]: The zoom ratio cannot be greater than 4"
+        );
       }
       }
-        this.defaultZoom = newZoom
-        this.bpmnViewer.get('canvas').zoom(this.defaultZoom)
+      this.defaultZoom = newZoom;
+      this.bpmnViewer.get("canvas").zoom(this.defaultZoom);
     },
     },
-      processZoomOut (zoomStep = 0.1) {
-        const newZoom = Math.floor(this.defaultZoom * 100 - zoomStep * 100) / 100
+    processZoomOut(zoomStep = 0.1) {
+      const newZoom = Math.floor(this.defaultZoom * 100 - zoomStep * 100) / 100;
       if (newZoom < 0.2) {
       if (newZoom < 0.2) {
-          throw new Error('[Process Designer Warn ]: The zoom ratio cannot be scss than 0.2')
+        throw new Error(
+          "[Process Designer Warn ]: The zoom ratio cannot be scss than 0.2"
+        );
       }
       }
-        this.defaultZoom = newZoom
-        this.bpmnViewer.get('canvas').zoom(this.defaultZoom)
+      this.defaultZoom = newZoom;
+      this.bpmnViewer.get("canvas").zoom(this.defaultZoom);
     },
     },
-      getOperationTagType (type) {
-        return 'success'
+    getOperationTagType(type) {
+      return "success";
     },
     },
     // 流程图预览清空
     // 流程图预览清空
-      clearViewer (a) {
+    clearViewer(a) {
       if (this.$refs.processCanvas) {
       if (this.$refs.processCanvas) {
-          this.$refs.processCanvas.innerHTML = ''
+        this.$refs.processCanvas.innerHTML = "";
       }
       }
       if (this.bpmnViewer) {
       if (this.bpmnViewer) {
-          this.bpmnViewer.destroy()
+        this.bpmnViewer.destroy();
       }
       }
-        this.bpmnViewer = null
+      this.bpmnViewer = null;
     },
     },
     // 添加自定义箭头
     // 添加自定义箭头
-      addCustomDefs () {
-        const canvas = this.bpmnViewer.get('canvas')
-        const svg = canvas._svg
-        const customSuccessDefs = this.$refs.customSuccessDefs
-        const customFailDefs = this.$refs.customFailDefs
-        svg.appendChild(customSuccessDefs)
-        svg.appendChild(customFailDefs)
+    addCustomDefs() {
+      const canvas = this.bpmnViewer.get("canvas");
+      const svg = canvas._svg;
+      const customSuccessDefs = this.$refs.customSuccessDefs;
+      const customFailDefs = this.$refs.customFailDefs;
+      svg.appendChild(customSuccessDefs);
+      svg.appendChild(customFailDefs);
     },
     },
     // 任务悬浮弹窗
     // 任务悬浮弹窗
-      onSelectElement (element) {
-        this.selectTaskId = undefined
-        this.dlgTitle = undefined
-        let allfinishedTaskSet = [...this.processNodeInfo.finishedTaskSet, ...this.processNodeInfo.unfinishedTaskSet]
-        if (this.processNodeInfo == null || allfinishedTaskSet == null)
-          return
+    onSelectElement(element) {
+      this.selectTaskId = undefined;
+      this.dlgTitle = undefined;
+      let allfinishedTaskSet = [
+        ...this.processNodeInfo.finishedTaskSet,
+        ...this.processNodeInfo.unfinishedTaskSet,
+      ];
+      if (this.processNodeInfo == null || allfinishedTaskSet == null) return;
       if (element == null || allfinishedTaskSet.indexOf(element.id) === -1) {
       if (element == null || allfinishedTaskSet.indexOf(element.id) === -1) {
-          return
+        return;
       }
       }
-        this.selectTaskId = element.id
-        this.selectValue = element.id
-        this.dlgTitle = element.businessObject ? element.businessObject.name : undefined
+      this.selectTaskId = element.id;
+      this.selectValue = element.id;
+      this.dlgTitle = element.businessObject
+        ? element.businessObject.name
+        : undefined;
       // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗
       // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗
-        this.taskCommentList = (this.taskList || []).filter(item => {
-          return item.taskDefinitionKey === this.selectTaskId
-        })
-          if (this.taskCommentList.length==0) {
+      this.taskCommentList = (this.taskList || []).filter((item) => {
+        return item.taskDefinitionKey === this.selectTaskId;
+      });
+      if (this.taskCommentList.length == 0) {
         this.taskCommentList = this.taskList;
         this.taskCommentList = this.taskList;
       }
       }
     },
     },
     // 下拉列表切换
     // 下拉列表切换
-      handleSelect (val) {
-        this.taskCommentList = (this.taskList || []).filter(item => {
-          return item.taskDefinitionKey === val
-        })
-        if (this.taskCommentList.length==0) {
+    handleSelect(val) {
+      this.taskCommentList = (this.taskList || []).filter((item) => {
+        return item.taskDefinitionKey === val;
+      });
+      if (this.taskCommentList.length == 0) {
         this.taskCommentList = this.taskList;
         this.taskCommentList = this.taskList;
       }
       }
     },
     },
     // 显示流程图
     // 显示流程图
-      async importXML (xml) {
+    async importXML(xml) {
       let xmlData = this.$x2js.xml2js(xml).definitions.process;
       let xmlData = this.$x2js.xml2js(xml).definitions.process;
-        this.selectOptions = xmlData.userTask.map(item => {
-          return { value: item._id, label: item._name }
-        })
-        this.selectOptions = [{ value: xmlData.startEvent._id, label: '浏览记录' }, ...this.selectOptions]
-        this.selectOptions = this.selectOptions.map(item => {
+      this.selectOptions = xmlData.userTask.map((item) => {
+        return { value: item._id, label: item._name };
+      });
+      this.selectOptions = [
+        { value: xmlData.startEvent._id, label: "浏览记录" },
+        ...this.selectOptions,
+      ];
+      this.selectOptions = this.selectOptions
+        .map((item) => {
           if (this.formData.finishedInfo.finishedTaskSet.includes(item.value)) {
           if (this.formData.finishedInfo.finishedTaskSet.includes(item.value)) {
-            return item
+            return item;
           }
           }
-          if (this.formData.finishedInfo.unfinishedTaskSet.includes(item.value)) {
-            return item
+          if (
+            this.formData.finishedInfo.unfinishedTaskSet.includes(item.value)
+          ) {
+            return item;
           }
           }
-        }).filter(Boolean);
-        this.selectValue = xmlData.startEvent._id
-        this.clearViewer('a')
-        if (xml != null && xml !== '') {
+        })
+        .filter(Boolean);
+      this.selectValue = xmlData.startEvent._id;
+      this.clearViewer("a");
+      if (xml != null && xml !== "") {
         try {
         try {
           this.bpmnViewer = new BpmnViewer({
           this.bpmnViewer = new BpmnViewer({
             additionalModules: [
             additionalModules: [
               // 移动整个画布
               // 移动整个画布
-                MoveCanvasModule
+              MoveCanvasModule,
             ],
             ],
-              container: this.$refs.processCanvas
-            })
+            container: this.$refs.processCanvas,
+          });
           // 任务节点悬浮事件
           // 任务节点悬浮事件
-            this.bpmnViewer.on('element.click', ({ element }) => {
-              this.onSelectElement(element)
-            })
-            await this.bpmnViewer.importXML(xml)
-            this.isLoading = true
-            this.addCustomDefs()
+          this.bpmnViewer.on("element.click", ({ element }) => {
+            this.onSelectElement(element);
+          });
+          await this.bpmnViewer.importXML(xml);
+          this.isLoading = true;
+          this.addCustomDefs();
         } catch (e) {
         } catch (e) {
-            this.clearViewer('b')
+          this.clearViewer("b");
         } finally {
         } finally {
-            this.isLoading = false
-            this.setProcessStatus(this.processNodeInfo)
+          this.isLoading = false;
+          this.setProcessStatus(this.processNodeInfo);
           this.$nextTick(() => {
           this.$nextTick(() => {
-              this.processReZoom()
-            })
+            this.processReZoom();
+          });
         }
         }
       }
       }
     },
     },
     // 获取流程记录
     // 获取流程记录
     getCommentList() {
     getCommentList() {
-        this.formData.allCommentList.forEach(async (item,index) => {
-          item.comments.forEach(element => {
-            if(element.type=="COMPLETE"){
-              this.formData.allCommentList[index].idea=element.message
-               this.formData.allCommentList[index].controls="完成"
+      this.formData.allCommentList.forEach(async (item, index) => {
+        // item.comments.forEach(element => {
+        //   if(element.type=="COMPLETE"){
+        //     this.formData.allCommentList[index].idea=element.message
+        //      this.formData.allCommentList[index].controls="完成"
+        //   }
+        // });
+        let type = item.comments[item.comments.length - 1].type;
+        this.formData.allCommentList[index].idea =
+          item.comments[item.comments.length - 1].message;
+        // 操作方式
+        let controls = "";
+        switch (type) {
+          case "COMPLETE":
+            controls = "完成";
+            break;
+          case "CLAIM":
+            controls = "完成";
+            break;
+          case "ASSIGN":
+            controls = "转办";
+            break;
+          case "DELEGATE":
+            controls = "委派";
+            break;
+          case "UNCLAIM":
+            controls = "取消认领";
+            break;
+          case "STOP":
+            controls = "终止";
+            break;
+          case "BACK":
+            controls = "退回";
+            break;
         }
         }
+        this.formData.allCommentList[index].controls = controls;
+        this.formData.allCommentList[index].agent = item.assignee.name;
       });
       });
-            this.formData.allCommentList[index].agent=item.assignee.name
-        })
-        this.formData.handlinglist.forEach(async (item,index) => {
-          if(item.assignee.name){
-            this.formData.handlinglist[index].agent=item.assignee.name
-          }else{
-            let str=""
+      this.formData.handlinglist.forEach(async (item, index) => {
+        if (item.assignee.name) {
+          this.formData.handlinglist[index].agent = item.assignee.name;
+        } else {
+          let str = "";
           item.countersign.forEach((item) => {
           item.countersign.forEach((item) => {
-               str+=item.name+","
-            })
-            str=str.slice(0, -1);
-            this.formData.allCommentList[index].agent=str
+            str += item.name + ",";
+          });
+          str = str.slice(0, -1);
+          this.formData.allCommentList[index].agent = str;
         }
         }
-
-        })
-           this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist];
+      });
+      this.taskList = [
+        ...this.formData.allCommentList,
+        ...this.formData.handlinglist,
+      ];
       //  this.taskList =this.formData.allCommentList;
       //  this.taskList =this.formData.allCommentList;
       //  处理数据之后赋值
       //  处理数据之后赋值
-            this.taskCommentList=this.taskList
-
+      this.taskCommentList = this.taskList;
     },
     },
 
 
     // 设置流程图元素状态
     // 设置流程图元素状态
-      setProcessStatus (processNodeInfo) {
-        this.processNodeInfo = processNodeInfo
-        if (this.isLoading || this.processNodeInfo == null || this.bpmnViewer == null) return
-        const { finishedTaskSet, rejectedTaskSet, unfinishedTaskSet, finishedSequenceFlowSet } = this.processNodeInfo
-        const canvas = this.bpmnViewer.get('canvas')
-        const elementRegistry = this.bpmnViewer.get('elementRegistry')
+    setProcessStatus(processNodeInfo) {
+      this.processNodeInfo = processNodeInfo;
+      if (
+        this.isLoading ||
+        this.processNodeInfo == null ||
+        this.bpmnViewer == null
+      )
+        return;
+      const {
+        finishedTaskSet,
+        rejectedTaskSet,
+        unfinishedTaskSet,
+        finishedSequenceFlowSet,
+      } = this.processNodeInfo;
+      const canvas = this.bpmnViewer.get("canvas");
+      const elementRegistry = this.bpmnViewer.get("elementRegistry");
       if (Array.isArray(finishedSequenceFlowSet)) {
       if (Array.isArray(finishedSequenceFlowSet)) {
-          finishedSequenceFlowSet.forEach(item => {
+        finishedSequenceFlowSet.forEach((item) => {
           if (item != null) {
           if (item != null) {
-              canvas.addMarker(item, 'success')
-              const element = elementRegistry.get(item)
-              const conditionExpression = element.businessObject.conditionExpression
+            canvas.addMarker(item, "success");
+            const element = elementRegistry.get(item);
+            const conditionExpression =
+              element.businessObject.conditionExpression;
             if (conditionExpression) {
             if (conditionExpression) {
-                canvas.addMarker(item, 'condition-expression')
+              canvas.addMarker(item, "condition-expression");
             }
             }
           }
           }
-          })
+        });
       }
       }
       if (Array.isArray(finishedTaskSet)) {
       if (Array.isArray(finishedTaskSet)) {
-          finishedTaskSet.forEach(item => canvas.addMarker(item, 'success'))
+        finishedTaskSet.forEach((item) => canvas.addMarker(item, "success"));
       }
       }
       if (Array.isArray(unfinishedTaskSet)) {
       if (Array.isArray(unfinishedTaskSet)) {
-          unfinishedTaskSet.forEach(item => canvas.addMarker(item, 'primary'))
+        unfinishedTaskSet.forEach((item) => canvas.addMarker(item, "primary"));
       }
       }
       if (Array.isArray(rejectedTaskSet)) {
       if (Array.isArray(rejectedTaskSet)) {
-          rejectedTaskSet.forEach(item => {
+        rejectedTaskSet.forEach((item) => {
           if (item != null) {
           if (item != null) {
-              const element = elementRegistry.get(item)
-              if (element.type.includes('Task')) {
-                canvas.addMarker(item, 'danger')
+            const element = elementRegistry.get(item);
+            if (element.type.includes("Task")) {
+              canvas.addMarker(item, "danger");
             } else {
             } else {
-                canvas.addMarker(item, 'warning')
-              }
-            }
-          })
-        }
-
+              canvas.addMarker(item, "warning");
             }
             }
           }
           }
+        });
       }
       }
+    },
+  },
+};
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-  .information-list {
+.information-list {
   height: 220px;
   height: 220px;
   margin-top: 10px;
   margin-top: 10px;
 
 
@@ -325,12 +515,12 @@
     font-size: 16px;
     font-size: 16px;
     line-height: 24px;
     line-height: 24px;
   }
   }
-  }
-  /deep/.bjs-powered-by {
+}
+/deep/.bjs-powered-by {
   display: none;
   display: none;
-  }
-  // /deep/.information-list {
-  //   height: 170px;
-  //   overflow: visible;
-  // }
+}
+// /deep/.information-list {
+//   height: 170px;
+//   overflow: visible;
+// }
 </style>
 </style>

@@ -103,7 +103,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <el-row :gutter="10">
+        <!-- <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="使用期限：">
             <el-form-item label="使用期限：">
               <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
               <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
@@ -115,7 +115,7 @@
               <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
               <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-        </el-row>
+        </el-row> -->
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col>
           <el-col>
             <el-form-item label="附记：" prop="fj">
             <el-form-item label="附记：" prop="fj">

@@ -105,7 +105,7 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <el-row :gutter="10">
+        <!-- <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="使用期限：">
             <el-form-item label="使用期限：">
               <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
               <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
@@ -117,7 +117,7 @@
               <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
               <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-        </el-row>
+        </el-row> -->
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col>
           <el-col>
             <el-form-item label="附记：" prop="fj">
             <el-form-item label="附记：" prop="fj">