xs-common-plugins 1.0.6 → 1.0.10

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,156 +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";
-import _ from "@/plugins/im/utils/underscore-1.8.3";
-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) {
-      let appkey =
-        location.origin !=  'http://isvlp194.365xs.cn'
-          ? "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/image-singleUpload/data.js

@@ -1,4 +1,4 @@
-export default () => {
-  return {
-  }
+export default () => {
+  return {
+  }
 };

package/src/components/image-singleUpload/index.scss

@@ -1,26 +1,26 @@
-.avatar-uploader {
-    // border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-}
-.el-upload--text{
-    border: 1px dashed #d9d9d9;
-}
-.avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-}
-.avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 178px;
-    height: 178px;
-    line-height: 178px;
-    text-align: center;
-}
-.avatar {
-    width: 178px;
-    height: 178px;
-    display: block;
-}
+.avatar-uploader {
+    // border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+.el-upload--text{
+    border: 1px dashed #d9d9d9;
+}
+.avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+}
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+}
+.avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}

package/src/components/image-singleUpload/index.vue

@@ -1,56 +1,56 @@
-<template>
-  <div ref="imageUrl">
-    <el-upload
-      :action="actionUrl"
-      class="avatar-uploader"
-      :headers="myHeaders"
-      :show-file-list="false"
-      :before-upload="handleBeforeUpload"
-      :on-success="handleSuccess"
-    >
-      <img v-if="imageUrl" :src="imageUrl" class="avatar">
-      <i v-else class="el-icon-plus avatar-uploader-icon" />
-    </el-upload>
-  </div>
-</template>
-
-<script>
-import data from './data'
-import methods from './methods'
-import { getConfig } from '@/utils/global-config'
-import { getToken } from '@/utils/auth'
-const tokenKey = `${getConfig('CLIENT_ID')}_token`
-
-export default {
-  components: {},
-  mixins: [],
-  props: {
-    imageUrl: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      myHeaders: {
-        Authorization: 'Bearer ' + getToken(tokenKey),
-        'Client-Id': getConfig('CLIENT_ID')
-      },
-      actionUrl: getConfig('UPLOAD_API')
-    }
-  },
-  computed: {},
-  watch: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit()
-  },
-  mounted() {
-    this.mountedInit()
-  },
-  methods
-}
-</script>
-<style lang="scss" src="./index.scss"></style>
+<template>
+  <div ref="imageUrl">
+    <el-upload
+      :action="actionUrl"
+      class="avatar-uploader"
+      :headers="myHeaders"
+      :show-file-list="false"
+      :before-upload="handleBeforeUpload"
+      :on-success="handleSuccess"
+    >
+      <img v-if="imageUrl" :src="imageUrl" class="avatar">
+      <i v-else class="el-icon-plus avatar-uploader-icon" />
+    </el-upload>
+  </div>
+</template>
+
+<script>
+import data from './data'
+import methods from './methods'
+import { getConfig } from '@/utils/global-config'
+import { getToken } from '@/utils/auth'
+const tokenKey = `${getConfig('CLIENT_ID')}_token`
+
+export default {
+  components: {},
+  mixins: [],
+  props: {
+    imageUrl: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      myHeaders: {
+        Authorization: 'Bearer ' + getToken(tokenKey),
+        'Client-Id': getConfig('CLIENT_ID')
+      },
+      actionUrl: getConfig('UPLOAD_API')
+    }
+  },
+  computed: {},
+  watch: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit()
+  },
+  mounted() {
+    this.mountedInit()
+  },
+  methods
+}
+</script>
+<style lang="scss" src="./index.scss"></style>