xs-common-plugins 1.2.2 → 1.2.3

package/src/components/UploadImg/index.vue

@@ -1,177 +1,177 @@
-<template>
-  <div class="pro-upload-wrapper">
-    <el-upload
-      action="#"
-      multiple
-      :limit="limit"
-      :http-request="httpRequest"
-      list-type="picture-card"
-      :on-preview="handlePictureCardPreview"
-      :before-upload="handleBeforeUpload"
-      :file-list="fileList"
-      :class="{ hide: hiddenUpload }"
-      :on-remove="handleRemove"
-    >
-      <i class="el-icon-plus"></i>
-    </el-upload>
-
-    <el-dialog :visible.sync="dialogVisible">
-      <img :src="dialogImageUrl" alt />
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  $$route: {
-    meta: {
-      title: "标题名称",
-      icon: "菜单图标",
-    },
-  },
-  props: {
-    value: {
-      type: [Array, String],
-      default: () => [],
-    },
-    fileUrls: {
-      type: [Array, String],
-      default: () => [],
-    },
-    limit: {
-      type: Number,
-      default: 1,
-    },
-  },
-  data() {
-    return {
-      dialogImageUrl: '',
-      dialogVisible: false,
-      hiddenUpload: false,
-      fileList: [],
-   
-    };
-  },
-  watch: {
-    value: {
-    
-      handler(newVal) {
-        if (typeof newVal === "string") {
-          if (newVal) {
-            this.fileList = [{ url: [newVal] }];
-          } else {
-            this.fileList = [];
-          }
-        } else if (newVal instanceof Array) {
-          let list = [];
-          newVal.forEach((item) => {
-            list.push({ url: [item] });
-          });
-          this.fileList = list;
-        }
-      },
-      immediate: true,
-      deep: true,
-    },
-    fileList: {
-      handler(newVal) {
-        if (newVal.length == this.limit) {
-          this.hiddenUpload = true;
-        } else {
-          this.hiddenUpload = false;
-        }
-      },
-      immediate: true,
-      deep: true,
-    },
-  },
-  methods: {
-    /**
-     * 图片预览
-     * @param {*} file
-     */
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url;
-      this.dialogVisible = true;
-    },
-
-    /**
-     * 删除图片
-     * @param {*} file
-     * @param {*} fileList
-     */
-    handleRemove(file, fileList) {
-      this.fileList = fileList;
-      if (fileList.length < this.limit) {
-        this.hiddenUpload = false;
-      }
-      let fileValList = [];
-      this.fileList.forEach((item) => {
-        fileValList.push(item.url[0]);
-      });
-      this.$emit(
-        "input",
-        this.limit == 1 ? (fileValList[0] ? fileValList[0] : "") : fileValList
-      );
-    },
-    /**
-     * 覆盖默认的上传行为，自定义上传的实现
-     * @param {*} data
-     */
-    httpRequest(data) {
-      const that = this;
-      let fd = new FormData();
-      fd.append("files", data.file); //传文件
-      this.$http
-        .post("api.img.upload", fd, {
-          headers: {
-            "Content-Type": "multipart/form-data",
-          },
-        })
-        .then(function (res) {
-          if (res.code === 0) {
-            that.fileList.push({
-              url: res.data,
-            });
-            if (that.fileList.length >= that.limit) {
-              that.hiddenUpload = true;
-            }
-            let fileValList = [];
-            that.fileList.forEach((item) => {
-              fileValList.push(item.url[0]);
-            });
-            that.$emit("input", that.limit == 1 ? fileValList[0] : fileValList);
-          }
-        });
-    },
-
-    /**
-     * 图片上传之前
-     */
-    handleBeforeUpload(file) {
-      const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
-      const isLt4M = file.size / 1024 / 1024 < 4;
-      if (!isFormat) {
-        this.$message.error("上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!");
-      }
-      if (!isLt4M) {
-        this.$message.error("上传图片大小不能超过 4MB!");
-      }
-      return isFormat && isLt4M;
-    },
-
-    handleDownload(file) {
-      // console.log(file);
-    },
-    uploadSuccess() {},
-  },
-};
-</script>
-<style  scoped>
-.el-upload--picture-card {
-  transform: scale(0.8);
-}
-.pro-upload-wrapper >>> .hide .el-upload--picture-card {
-  display: none;
-}
-</style>
+<template>
+  <div class="pro-upload-wrapper">
+    <el-upload
+      action="#"
+      multiple
+      :limit="limit"
+      :http-request="httpRequest"
+      list-type="picture-card"
+      :on-preview="handlePictureCardPreview"
+      :before-upload="handleBeforeUpload"
+      :file-list="fileList"
+      :class="{ hide: hiddenUpload }"
+      :on-remove="handleRemove"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+
+    <el-dialog :visible.sync="dialogVisible">
+      <img :src="dialogImageUrl" alt />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  $$route: {
+    meta: {
+      title: "标题名称",
+      icon: "菜单图标",
+    },
+  },
+  props: {
+    value: {
+      type: [Array, String],
+      default: () => [],
+    },
+    fileUrls: {
+      type: [Array, String],
+      default: () => [],
+    },
+    limit: {
+      type: Number,
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      dialogImageUrl: '',
+      dialogVisible: false,
+      hiddenUpload: false,
+      fileList: [],
+   
+    };
+  },
+  watch: {
+    value: {
+    
+      handler(newVal) {
+        if (typeof newVal === "string") {
+          if (newVal) {
+            this.fileList = [{ url: [newVal] }];
+          } else {
+            this.fileList = [];
+          }
+        } else if (newVal instanceof Array) {
+          let list = [];
+          newVal.forEach((item) => {
+            list.push({ url: [item] });
+          });
+          this.fileList = list;
+        }
+      },
+      immediate: true,
+      deep: true,
+    },
+    fileList: {
+      handler(newVal) {
+        if (newVal.length == this.limit) {
+          this.hiddenUpload = true;
+        } else {
+          this.hiddenUpload = false;
+        }
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+  methods: {
+    /**
+     * 图片预览
+     * @param {*} file
+     */
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+
+    /**
+     * 删除图片
+     * @param {*} file
+     * @param {*} fileList
+     */
+    handleRemove(file, fileList) {
+      this.fileList = fileList;
+      if (fileList.length < this.limit) {
+        this.hiddenUpload = false;
+      }
+      let fileValList = [];
+      this.fileList.forEach((item) => {
+        fileValList.push(item.url[0]);
+      });
+      this.$emit(
+        "input",
+        this.limit == 1 ? (fileValList[0] ? fileValList[0] : "") : fileValList
+      );
+    },
+    /**
+     * 覆盖默认的上传行为，自定义上传的实现
+     * @param {*} data
+     */
+    httpRequest(data) {
+      const that = this;
+      let fd = new FormData();
+      fd.append("files", data.file); //传文件
+      this.$http
+        .post("api.img.upload", fd, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
+        })
+        .then(function (res) {
+          if (res.code === 0) {
+            that.fileList.push({
+              url: res.data,
+            });
+            if (that.fileList.length >= that.limit) {
+              that.hiddenUpload = true;
+            }
+            let fileValList = [];
+            that.fileList.forEach((item) => {
+              fileValList.push(item.url[0]);
+            });
+            that.$emit("input", that.limit == 1 ? fileValList[0] : fileValList);
+          }
+        });
+    },
+
+    /**
+     * 图片上传之前
+     */
+    handleBeforeUpload(file) {
+      const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
+      const isLt4M = file.size / 1024 / 1024 < 4;
+      if (!isFormat) {
+        this.$message.error("上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!");
+      }
+      if (!isLt4M) {
+        this.$message.error("上传图片大小不能超过 4MB!");
+      }
+      return isFormat && isLt4M;
+    },
+
+    handleDownload(file) {
+      // console.log(file);
+    },
+    uploadSuccess() {},
+  },
+};
+</script>
+<style  scoped>
+.el-upload--picture-card {
+  transform: scale(0.8);
+}
+.pro-upload-wrapper >>> .hide .el-upload--picture-card {
+  display: none;
+}
+</style>

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>