xs-common-plugins 1.2.4 → 1.2.6

package/src/components/home/mixins/resize.js

@@ -1,55 +1,55 @@
-import { debounce } from '@/utils'
-
-export default {
-  data() {
-    return {
-      $_sidebarElm: null,
-      $_resizeHandler: null
-    }
-  },
-  mounted() {
-    this.$_resizeHandler = debounce(() => {
-      if (this.chart) {
-        this.chart.resize()
-      }
-    }, 100)
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  beforeDestroy() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  // to fixed bug when cached by keep-alive
-  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
-  activated() {
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  deactivated() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_initResizeEvent() {
-      window.addEventListener('resize', this.$_resizeHandler)
-    },
-    $_destroyResizeEvent() {
-      window.removeEventListener('resize', this.$_resizeHandler)
-    },
-    $_sidebarResizeHandler(e) {
-      if (e.propertyName === 'width') {
-        this.$_resizeHandler()
-      }
-    },
-    $_initSidebarResizeEvent() {
-      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
-    },
-    $_destroySidebarResizeEvent() {
-      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
-    }
-  }
-}
+import { debounce } from '@/utils'
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null,
+      $_resizeHandler: null
+    }
+  },
+  mounted() {
+    this.$_resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    this.$_initResizeEvent()
+    this.$_initSidebarResizeEvent()
+  },
+  beforeDestroy() {
+    this.$_destroyResizeEvent()
+    this.$_destroySidebarResizeEvent()
+  },
+  // to fixed bug when cached by keep-alive
+  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+  activated() {
+    this.$_initResizeEvent()
+    this.$_initSidebarResizeEvent()
+  },
+  deactivated() {
+    this.$_destroyResizeEvent()
+    this.$_destroySidebarResizeEvent()
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_initResizeEvent() {
+      window.addEventListener('resize', this.$_resizeHandler)
+    },
+    $_destroyResizeEvent() {
+      window.removeEventListener('resize', this.$_resizeHandler)
+    },
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.$_resizeHandler()
+      }
+    },
+    $_initSidebarResizeEvent() {
+      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+    },
+    $_destroySidebarResizeEvent() {
+      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+    }
+  }
+}

package/src/components/im/index.vue

@@ -1,155 +1,155 @@
-<template>
-  <div class="im-wrapper">
-    <div class="switch">
-      <span> {{ delivery ? '下线' : '上线' }}：</span>
-      <el-switch v-model="delivery" @change="changeSwitch"></el-switch>
-    </div>
-    <chatList
-        @chatroom="linkChatroom"
-        v-if="isChatList"
-        :conversationList="conversationList"
-    ></chatList>
-    <chatRoom v-else @goback="goback" :currentItem="currentItem"></chatRoom>
-  </div>
-</template>
-<script>
-import chatList from './pages/chatList/index.vue'
-import chatRoom from './pages/chatRoom/index.vue'
-
-export default {
-  $$route: {
-    meta: {
-      title: '标题名称',
-      icon: '菜单图标',
-    },
-  },
-  props: {},
-  data() {
-    return {
-      isChatList: true,
-      currentItem: null,
-      conversationList: [],
-      delivery: false,
-    }
-  },
-  methods: {
-    // 获取im token
-    getImToken() {
-      this.delivery = localStorage.getItem('delivery') == 'true' ? true : false
-      if (!this.delivery) return
-      this.$http.get('api.im.GetToken').then((res) => {
-        this.initIm(res.data)
-        localStorage.setItem('imToken', res.data)
-      })
-    },
-    // im 初始化
-    initIm(token) {
-      const baseUrls = ['http://isvlp194.365xs.cn', 'http://erp.lp194.365xs.cn', 'http://erp.lp192.365xs.cn']
-      let appkey = baseUrls.includes(location.origin) ? 'cpj2xarlcm61n' : 'pgyu6atqp289u'
-
-      this.$Service.Init({
-        appkey,
-        token,
-      })
-      this.initRYConnect()
-    },
-    //链接
-    initRYConnect() {
-      const Status = this.$Service.Status
-      const CONNECTION_STATUS = this.$Service.CONNECTION_STATUS
-      Status.disconnect()
-      Status.watch((status) => {
-        switch (status) {
-          case CONNECTION_STATUS.CONNECTED:
-            this.getConversationList()
-            break
-          case CONNECTION_STATUS.NETWORK_UNAVAILABLE:
-            this.$message('重连中...')
-            break
-          case CONNECTION_STATUS.KICKED_OFFLINE_BY_OTHER_CLIENT:
-            this.$message('当前用户已在其他端登录...')
-            break
-        }
-      })
-      Status.connect({ name: '客服张三' })
-          .then((user) => {
-            console.log(' 链接成功', user)
-          })
-          .catch((error) => {
-            console.log('连接失败', err)
-          })
-    },
-    // 获取消息列表
-    getConversationList() {
-      this.$Service.Conversation.getList().then((list) => {
-        let _list = []
-        list.forEach((item) => {
-          let avatarUrl
-          if (item.latestMessage.content.userInfo) {
-            avatarUrl = item.latestMessage.content.userInfo ? item.latestMessage.content.userInfo.avatarUrl : ''
-          }
-          _list.push({
-            ...item,
-            avatarUrl,
-          })
-        })
-        this.conversationList = _list
-      })
-    },
-    // im开关
-    changeSwitch(val) {
-      localStorage.setItem('delivery', this.delivery)
-      if (val) {
-        this.getImToken()
-      } else {
-        this.closeCounect()
-      }
-    },
-    linkChatroom(item) {
-      this.currentItem = item
-      this.isChatList = false
-    },
-    goback() {
-      this.isChatList = true
-      this.getConversationList()
-    },
-    // 关闭链接
-    closeCounect() {
-      const Status = this.$Service.Status
-      Status.disconnect()
-      this.conversationList = []
-    },
-    watchMessage() {
-      this.$Service.Message.watch((message) => {
-        if (message.isOffLineMessage) {
-          return
-        }
-        this.getConversationList()
-      })
-    },
-  },
-  mixins: [],
-  components: {
-    chatList,
-    chatRoom,
-  },
-
-  mounted() {
-    this.getImToken()
-    this.watchMessage()
-  },
-}
-</script>
-<style lang="scss" scoped>
-.switch {
-  width: 100%;
-  margin-top: 15px;
-  margin-left: 28px;
-
-  span {
-    position: relative;
-    top: 2px;
-    left: 5px;
-  }
-}
-</style>
+<template>
+  <div class="im-wrapper">
+    <div class="switch">
+      <span> {{ delivery ? '下线' : '上线' }}：</span>
+      <el-switch v-model="delivery" @change="changeSwitch"></el-switch>
+    </div>
+    <chatList
+        @chatroom="linkChatroom"
+        v-if="isChatList"
+        :conversationList="conversationList"
+    ></chatList>
+    <chatRoom v-else @goback="goback" :currentItem="currentItem"></chatRoom>
+  </div>
+</template>
+<script>
+import chatList from './pages/chatList/index.vue'
+import chatRoom from './pages/chatRoom/index.vue'
+
+export default {
+  $$route: {
+    meta: {
+      title: '标题名称',
+      icon: '菜单图标',
+    },
+  },
+  props: {},
+  data() {
+    return {
+      isChatList: true,
+      currentItem: null,
+      conversationList: [],
+      delivery: false,
+    }
+  },
+  methods: {
+    // 获取im token
+    getImToken() {
+      this.delivery = localStorage.getItem('delivery') == 'true' ? true : false
+      if (!this.delivery) return
+      this.$http.get('api.im.GetToken').then((res) => {
+        this.initIm(res.data)
+        localStorage.setItem('imToken', res.data)
+      })
+    },
+    // im 初始化
+    initIm(token) {
+      const baseUrls = ['http://isvlp194.365xs.cn', 'http://erp.lp194.365xs.cn', 'http://erp.lp192.365xs.cn']
+      let appkey = baseUrls.includes(location.origin) ? 'cpj2xarlcm61n' : 'pgyu6atqp289u'
+
+      this.$Service.Init({
+        appkey,
+        token,
+      })
+      this.initRYConnect()
+    },
+    //链接
+    initRYConnect() {
+      const Status = this.$Service.Status
+      const CONNECTION_STATUS = this.$Service.CONNECTION_STATUS
+      Status.disconnect()
+      Status.watch((status) => {
+        switch (status) {
+          case CONNECTION_STATUS.CONNECTED:
+            this.getConversationList()
+            break
+          case CONNECTION_STATUS.NETWORK_UNAVAILABLE:
+            this.$message('重连中...')
+            break
+          case CONNECTION_STATUS.KICKED_OFFLINE_BY_OTHER_CLIENT:
+            this.$message('当前用户已在其他端登录...')
+            break
+        }
+      })
+      Status.connect({ name: '客服张三' })
+          .then((user) => {
+            console.log(' 链接成功', user)
+          })
+          .catch((error) => {
+            console.log('连接失败', err)
+          })
+    },
+    // 获取消息列表
+    getConversationList() {
+      this.$Service.Conversation.getList().then((list) => {
+        let _list = []
+        list.forEach((item) => {
+          let avatarUrl
+          if (item.latestMessage.content.userInfo) {
+            avatarUrl = item.latestMessage.content.userInfo ? item.latestMessage.content.userInfo.avatarUrl : ''
+          }
+          _list.push({
+            ...item,
+            avatarUrl,
+          })
+        })
+        this.conversationList = _list
+      })
+    },
+    // im开关
+    changeSwitch(val) {
+      localStorage.setItem('delivery', this.delivery)
+      if (val) {
+        this.getImToken()
+      } else {
+        this.closeCounect()
+      }
+    },
+    linkChatroom(item) {
+      this.currentItem = item
+      this.isChatList = false
+    },
+    goback() {
+      this.isChatList = true
+      this.getConversationList()
+    },
+    // 关闭链接
+    closeCounect() {
+      const Status = this.$Service.Status
+      Status.disconnect()
+      this.conversationList = []
+    },
+    watchMessage() {
+      this.$Service.Message.watch((message) => {
+        if (message.isOffLineMessage) {
+          return
+        }
+        this.getConversationList()
+      })
+    },
+  },
+  mixins: [],
+  components: {
+    chatList,
+    chatRoom,
+  },
+
+  mounted() {
+    this.getImToken()
+    this.watchMessage()
+  },
+}
+</script>
+<style lang="scss" scoped>
+.switch {
+  width: 100%;
+  margin-top: 15px;
+  margin-left: 28px;
+
+  span {
+    position: relative;
+    top: 2px;
+    left: 5px;
+  }
+}
+</style>

package/src/components/im/methods.js

@@ -1,26 +1,26 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-    
-  },
-  mountedInit() {
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  Demo_handler() {
-  
-  },
-  
-  // ------------------------------------------------------------------
-  // pragma mark - Private Methods(私有方法: ) 
-  // 命名规范: 前缀 __ + name
-  // ------------------------------------------------------------------
-  __demoFunction() {
-  
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+    
+  },
+  mountedInit() {
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  Demo_handler() {
+  
+  },
+  
+  // ------------------------------------------------------------------
+  // pragma mark - Private Methods(私有方法: ) 
+  // 命名规范: 前缀 __ + name
+  // ------------------------------------------------------------------
+  __demoFunction() {
+  
+  }
 }

package/src/components/im/pages/chatList/index.vue

@@ -1,46 +1,46 @@
-<!--
- * @Author: your name
- * @Date: 2021-01-15 15:38:04
- * @LastEditTime: 2021-01-18 17:56:31
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \dev\src\components\im\pages\chatList\index.vue
--->
-<template>
-  <div class="rong-conversations">
-    <ConversationList :conversationList="conversationList" @chatroom="chatroom"></ConversationList>
-  </div>
-</template>
-
-<script>
-export default {
-  $$route: {
-    meta: {
-      title: "标题名称",
-      icon: "菜单图标",
-    },
-  },
-  props: {
-    conversationList: [Array],
-  },
-  data() {
-    return {
-      delivery: false,
-    };
-  },
-  methods: {
-    chatroom(item) {
-      this.$emit("chatroom", item);
-    }
-  },
-};
-</script>
-<style scoped lang="scss">
-.rong-conversations {
-  height: 100vh;
-  color: #8e969f;
-  padding: 5px 20px;
-  font-size: 13px;
-}
-
+<!--
+ * @Author: your name
+ * @Date: 2021-01-15 15:38:04
+ * @LastEditTime: 2021-01-18 17:56:31
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \dev\src\components\im\pages\chatList\index.vue
+-->
+<template>
+  <div class="rong-conversations">
+    <ConversationList :conversationList="conversationList" @chatroom="chatroom"></ConversationList>
+  </div>
+</template>
+
+<script>
+export default {
+  $$route: {
+    meta: {
+      title: "标题名称",
+      icon: "菜单图标",
+    },
+  },
+  props: {
+    conversationList: [Array],
+  },
+  data() {
+    return {
+      delivery: false,
+    };
+  },
+  methods: {
+    chatroom(item) {
+      this.$emit("chatroom", item);
+    }
+  },
+};
+</script>
+<style scoped lang="scss">
+.rong-conversations {
+  height: 100vh;
+  color: #8e969f;
+  padding: 5px 20px;
+  font-size: 13px;
+}
+
 </style>