xs-common-plugins 1.2.3 → 1.2.5

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

@@ -1,160 +1,160 @@
-<!--
- * @Author: your name
- * @Date: 2021-01-15 15:38:11
- * @LastEditTime: 2021-01-16 15:06:42
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \dev\src\components\im\pages\chatRoom\index.vue
--->
-<template>
-  <div class="chatroom" id="chatroom">
-    <div class="goback" @click="goback">
-      <i class="el-icon-arrow-left" />
-      {{
-        currentItem.latestMessage.content.userInfo
-          ? currentItem.latestMessage.content.userInfo.userName
-          : ""
-      }}
-    </div>
-    <chatCom
-      :targetId="currentItem.targetId"
-      :type="currentItem.type"
-      :targetName="
-        currentItem.content.userInfo
-          ? currentItem.content.userInfo.targetName
-          : '客服'
-      "
-      :chatObj="currentItem"
-    >
-      <div slot="message" slot-scope="props">
-        <ImageMessage
-          v-if="props.message.name == 'RC:ImgMsg'"
-          :message="props.message"
-        />
-        <TextMessage
-          v-if="props.message.name == 'RC:TxtMsg'"
-          :message="props.message"
-        />
-      </div>
-      <template slot="slot-top" slot-scope="row">
-        <div class="fixedMessage" v-if="showFixed(row.list)">
-          <div class="image">
-            <img :src="goodInfo.url" />
-          </div>
-          <div class="info">
-            <p class="title">{{ goodInfo.title }}</p>
-            <p class="content"><span class="price"> ￥{{ goodInfo.price }} </span> <span>选货价：￥{{ goodInfo.costPrice }} </span></p>
-          </div>
-        </div>
-      </template>
-    </chatCom>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    currentItem: [Object]
-  },
-  data () {
-    return {
-      goodInfo: {
-        title: '',
-        price: '',
-        costPrice: '',
-        url: ''
-      }
-    }
-  },
-  methods: {
-    goback() {
-      this.$emit("goback");
-    },
-    showFixed(list) {
-      const goodsList = list.filter(item => item.content && item.content.OutGoodsId)
-      if (goodsList.length > 0) {
-        this.getGoodInfo(goodsList[goodsList.length - 1])
-      }
-      return goodsList.length > 0 ? true : false;
-    },
-    getGoodInfo(row) {
-      this.$http.post('api.Product.GetById', { productId: row.content.OutGoodsId }).then(res => { 
-        const data = res.data
-        this.goodInfo.title = data.baseInfo.title
-        this.goodInfo.price = data.baseInfo.superPrice
-        this.goodInfo.costPrice = data.baseInfo.costPrice
-        this.goodInfo.url = data.baseInfo.listWapDescImg[0]
-      })
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.chatroom {
-  width: 100%;
-  height: 100vh;
-  background: #dfdfe2;
-}
-.goback {
-  cursor: pointer;
-  background-color: #f4f4f5;
-  color: #909399;
-  width: 100%;
-  padding: 12px 16px;
-  margin: 0;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 13px;
-  margin-bottom: 15px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 999;
-}
-.fixedMessage {
-  width: 400px;
-  float: right;
-  height: 80px;
-  line-height: 80px;
-  display: flex;
-  z-index: 99;
-  position: relative;
-  background-color: #fff;
-  margin-top: 18px;
-  padding: 0 10px;
-  &>div{
-    height: 100%;
-  }
-  p {
-    padding: 0px;
-    margin: 0px;
-    line-height: 30px;
-  }
-  .image {
-    width: 60px;
-    height: 60px;
-    margin-right: 5px;
-    margin-top: 10px;
-    border-radius: 5px;
-    overflow: hidden;
-    img {
-      width: 100%;
-      border-radius: 5px;
-    }
-  }
-  .info {
-    padding: 10px 0 10px 10px;
-    .title {
-      font-size: 15px;
-      color: #666;
-    }
-    .price {
-      color: #ff455b;
-      font-size: 18px;
-    }
-    .content {
-      font-size: 13px;
-      color: #999;
-    }
-  }
-}
+<!--
+ * @Author: your name
+ * @Date: 2021-01-15 15:38:11
+ * @LastEditTime: 2021-01-16 15:06:42
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \dev\src\components\im\pages\chatRoom\index.vue
+-->
+<template>
+  <div class="chatroom" id="chatroom">
+    <div class="goback" @click="goback">
+      <i class="el-icon-arrow-left" />
+      {{
+        currentItem.latestMessage.content.userInfo
+          ? currentItem.latestMessage.content.userInfo.userName
+          : ""
+      }}
+    </div>
+    <chatCom
+      :targetId="currentItem.targetId"
+      :type="currentItem.type"
+      :targetName="
+        currentItem.content.userInfo
+          ? currentItem.content.userInfo.targetName
+          : '客服'
+      "
+      :chatObj="currentItem"
+    >
+      <div slot="message" slot-scope="props">
+        <ImageMessage
+          v-if="props.message.name == 'RC:ImgMsg'"
+          :message="props.message"
+        />
+        <TextMessage
+          v-if="props.message.name == 'RC:TxtMsg'"
+          :message="props.message"
+        />
+      </div>
+      <template slot="slot-top" slot-scope="row">
+        <div class="fixedMessage" v-if="showFixed(row.list)">
+          <div class="image">
+            <img :src="goodInfo.url" />
+          </div>
+          <div class="info">
+            <p class="title">{{ goodInfo.title }}</p>
+            <p class="content"><span class="price"> ￥{{ goodInfo.price }} </span> <span>选货价：￥{{ goodInfo.costPrice }} </span></p>
+          </div>
+        </div>
+      </template>
+    </chatCom>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    currentItem: [Object]
+  },
+  data () {
+    return {
+      goodInfo: {
+        title: '',
+        price: '',
+        costPrice: '',
+        url: ''
+      }
+    }
+  },
+  methods: {
+    goback() {
+      this.$emit("goback");
+    },
+    showFixed(list) {
+      const goodsList = list.filter(item => item.content && item.content.OutGoodsId)
+      if (goodsList.length > 0) {
+        this.getGoodInfo(goodsList[goodsList.length - 1])
+      }
+      return goodsList.length > 0 ? true : false;
+    },
+    getGoodInfo(row) {
+      this.$http.post('api.Product.GetById', { productId: row.content.OutGoodsId }).then(res => { 
+        const data = res.data
+        this.goodInfo.title = data.baseInfo.title
+        this.goodInfo.price = data.baseInfo.superPrice
+        this.goodInfo.costPrice = data.baseInfo.costPrice
+        this.goodInfo.url = data.baseInfo.listWapDescImg[0]
+      })
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.chatroom {
+  width: 100%;
+  height: 100vh;
+  background: #dfdfe2;
+}
+.goback {
+  cursor: pointer;
+  background-color: #f4f4f5;
+  color: #909399;
+  width: 100%;
+  padding: 12px 16px;
+  margin: 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 13px;
+  margin-bottom: 15px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 999;
+}
+.fixedMessage {
+  width: 400px;
+  float: right;
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+  z-index: 99;
+  position: relative;
+  background-color: #fff;
+  margin-top: 18px;
+  padding: 0 10px;
+  &>div{
+    height: 100%;
+  }
+  p {
+    padding: 0px;
+    margin: 0px;
+    line-height: 30px;
+  }
+  .image {
+    width: 60px;
+    height: 60px;
+    margin-right: 5px;
+    margin-top: 10px;
+    border-radius: 5px;
+    overflow: hidden;
+    img {
+      width: 100%;
+      border-radius: 5px;
+    }
+  }
+  .info {
+    padding: 10px 0 10px 10px;
+    .title {
+      font-size: 15px;
+      color: #666;
+    }
+    .price {
+      color: #ff455b;
+      font-size: 18px;
+    }
+    .content {
+      font-size: 13px;
+      color: #999;
+    }
+  }
+}
 </style>

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>

package/src/components/image-singleUpload/methods.js

@@ -1,31 +1,31 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-  },
-  mountedInit() {
-  },
-  handleSuccess(res, file) {
-    if (res.code === 0) {
-      this.singleUpload(res.data);
-    } else {
-      this.$message.error(res.message);
-    }
-  },
-  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;
-  },
-  singleUpload(val) {
-    this.imageUrl = val;
-    this.$emit('singleUpload', val);
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+  },
+  mountedInit() {
+  },
+  handleSuccess(res, file) {
+    if (res.code === 0) {
+      this.singleUpload(res.data);
+    } else {
+      this.$message.error(res.message);
+    }
+  },
+  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;
+  },
+  singleUpload(val) {
+    this.imageUrl = val;
+    this.$emit('singleUpload', val);
+  }
 }

package/src/components/image-upload/data.js

@@ -1,8 +1,8 @@
-export default () => {
-  return {
-    imageUrl: '',
-    uploadFileList: [],  // 文件上传列表
-    dialogImageUrl: [],
-    dialogVisible: false,
-  }
+export default () => {
+  return {
+    imageUrl: '',
+    uploadFileList: [],  // 文件上传列表
+    dialogImageUrl: [],
+    dialogVisible: false,
+  }
 };

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

@@ -1,42 +1,42 @@
-<template>
-  <div class="image-upload-wrapper">
-    <el-upload
-      class="avatar-uploader"
-      action
-      list-type="picture-card"
-      :auto-upload="false"
-      :file-list="uploadFileList"
-      :on-change="uploadImageStatusChange"
-      :on-preview="handlePictureCardPreview"
-      :on-remove="handleRemove"
-    >
-      <i class="el-icon-plus"></i>
-    </el-upload>
-    <el-dialog :visible.sync="dialogVisible">
-      <img width="100%" :src="dialogImageUrl" alt />
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import data from "./data";
-import methods from "./methods";
-export default {
-  props: {},
-  data,
-  methods,
-  mixins: [],
-  components: {},
-  watch: {},
-  computed: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  }
-};
+<template>
+  <div class="image-upload-wrapper">
+    <el-upload
+      class="avatar-uploader"
+      action
+      list-type="picture-card"
+      :auto-upload="false"
+      :file-list="uploadFileList"
+      :on-change="uploadImageStatusChange"
+      :on-preview="handlePictureCardPreview"
+      :on-remove="handleRemove"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import data from "./data";
+import methods from "./methods";
+export default {
+  props: {},
+  data,
+  methods,
+  mixins: [],
+  components: {},
+  watch: {},
+  computed: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  }
+};
 </script>