@logwire/logwire-wms-pda-ui 1.2.0 → 3.1.1

package/src/components/ui/ImgLook/index.vue

@@ -1,105 +1,105 @@
-<!--
-  @name: 图片预览
-  @description: 图片预览
-  @author 张文
-  @date: 2022-01-19
-  -->
-<template>
-  <div :style="{justifyContent: justifyContent}" class="lw-img-look">
-    <van-image
-      v-for="(i,k) in imgArr"
-      :key="k"
-      style="margin:0 10px 10px 0"
-      fit="contain"
-      :src="i"
-      @click="showBig(k)"
-    />
-  </div>
-</template>
-
-<script>
-// 全局图片预览
-import { ImagePreview } from 'vant';
-import {GetImgSrc} from '../../../utils/GetImgSrc'
-
-export default {
-  name: "lwImgLook",
-  props:{
-    // 显示的原始文件
-    imgList:{
-      type:Array,
-      default:()=>[]
-    },
-    // 对齐方式
-    justifyContent:{
-      type:String,
-      default:'flex-start'
-    },
-    // 是否开启点击图片展示大图，默认开启
-    showBigImg:{
-      type:Boolean,
-      default:true
-    },
-    // 是否需要通过接口获取图片地址
-    apiGatSrc:{
-      type: Boolean,
-      default: true
-    }
-  },
-  watch:{
-    imgList:{
-      handler(l,n){
-        if (!l || !n ||l.toString()!==n.toString()){
-          this.getUrl()
-        }
-      },
-      immediate:true,
-      deep:true
-    }
-  },
-  data(){
-    return {
-      imgArr:[]
-    }
-  },
-  methods:{
-    showBig(index){
-      this.$emit('click', index, this.imgArr[index])
-      if(!this.showBigImg)return
-      ImagePreview({
-        images: this.imgArr,
-        startPosition: index,
-        closeable: true,
-      });
-    },
-
-    getUrl(){
-      this.imgArr=[]
-      if (this.apiGatSrc) {
-        GetImgSrc.asyncGet(this.imgList.join('|')).then(arr=>{
-          this.imgArr=arr
-        })
-      }else {
-        this.imgArr=this.imgList
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.lw-img-look{
-  display: flex;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  flex-wrap: wrap;
-
-  /deep/.van-image{
-    max-width: 100px;
-    max-height: 100px;
-  }
-}
-
-
-</style>
+<!--
+  @name: 图片预览
+  @description: 图片预览
+  @author 张文
+  @date: 2022-01-19
+  -->
+<template>
+  <div :style="{justifyContent: justifyContent}" class="lw-img-look">
+    <van-image
+      v-for="(i,k) in imgArr"
+      :key="k"
+      style="margin:0 10px 10px 0"
+      fit="contain"
+      :src="i"
+      @click="showBig(k)"
+    />
+  </div>
+</template>
+
+<script>
+// 全局图片预览
+import { ImagePreview } from 'vant';
+import {GetImgSrc} from '../../../utils/GetImgSrc'
+
+export default {
+  name: "lwImgLook",
+  props:{
+    // 显示的原始文件
+    imgList:{
+      type:Array,
+      default:()=>[]
+    },
+    // 对齐方式
+    justifyContent:{
+      type:String,
+      default:'flex-start'
+    },
+    // 是否开启点击图片展示大图，默认开启
+    showBigImg:{
+      type:Boolean,
+      default:true
+    },
+    // 是否需要通过接口获取图片地址
+    apiGatSrc:{
+      type: Boolean,
+      default: true
+    }
+  },
+  watch:{
+    imgList:{
+      handler(l,n){
+        if (!l || !n ||l.toString()!==n.toString()){
+          this.getUrl()
+        }
+      },
+      immediate:true,
+      deep:true
+    }
+  },
+  data(){
+    return {
+      imgArr:[]
+    }
+  },
+  methods:{
+    showBig(index){
+      this.$emit('click', index, this.imgArr[index])
+      if(!this.showBigImg)return
+      ImagePreview({
+        images: this.imgArr,
+        startPosition: index,
+        closeable: true,
+      });
+    },
+
+    getUrl(){
+      this.imgArr=[]
+      if (this.apiGatSrc) {
+        GetImgSrc.asyncGet(this.imgList.join('|')).then(arr=>{
+          this.imgArr=arr
+        })
+      }else {
+        this.imgArr=this.imgList
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-img-look{
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  flex-wrap: wrap;
+
+  :deep(.van-image){
+    max-width: 100px;
+    max-height: 100px;
+  }
+}
+
+
+</style>

package/src/components/ui/ImgLook//345/233/276/347/211/207/346/237/245/347/234/213.md

@@ -1 +1 @@
-# 图片查看 [查看文档](https://www.yuque.com/docs/share/80720954-a6a4-42c9-9697-ace3142c99ac)
+# 图片查看 [查看文档](https://www.yuque.com/docs/share/80720954-a6a4-42c9-9697-ace3142c99ac)

package/src/components/ui/ImgUpload/imgUploadAxios.js

@@ -1,37 +1,37 @@
-// 获取图片上传路径
-import axios from "../../../utils/Axios";
-import service from "./request";
-
-
-// 获取图片上传路径
-export function getUploadUrl(data){
-  return axios.action({
-    url:'commonWmsGetOssUploadUrl',
-    data
-  })
-}
-
-
-// 上传图片
-export function uploadFile({url, file, uploadMethod='put', uploadContentType}){
-  service.setBaseUrl(url)
-
-  if (uploadMethod.toLowerCase() === 'put'){
-    return service({
-      url:'',
-      method: 'put',
-      headers: { 'Content-Type': file.type },
-      data:file
-    })
-  }
-
-  let formData = new FormData()
-  formData.append('file', file)
-
-  return service({
-    url:'',
-    method: uploadMethod,
-    headers: { 'Content-Type': uploadContentType },
-    data: formData
-  })
-}
+// 获取图片上传路径
+import axios from "../../../utils/Axios";
+import service from "./request";
+
+
+// 获取图片上传路径
+export function getUploadUrl(data){
+  return axios.action({
+    url:'commonWmsGetOssUploadUrl',
+    data
+  })
+}
+
+
+// 上传图片
+export function uploadFile({url, file, uploadMethod='put', uploadContentType}){
+  service.setBaseUrl(url)
+
+  if (uploadMethod.toLowerCase() === 'put'){
+    return service({
+      url:'',
+      method: 'put',
+      headers: { 'Content-Type': file.type },
+      data:file
+    })
+  }
+
+  let formData = new FormData()
+  formData.append('file', file)
+
+  return service({
+    url:'',
+    method: uploadMethod,
+    headers: { 'Content-Type': uploadContentType },
+    data: formData
+  })
+}

package/src/components/ui/ImgUpload/index.vue

@@ -1,120 +1,120 @@
-<!--
-  @name: 图片上传及图片预览
-  @description: 图片上传及图片预览
-  @author 张文
-  @date: 2022-01-19
--->
-<template>
-  <van-uploader
-    v-model="fileListModel"
-    :after-read="fileSelect"
-    :preview-options="{closeable:true}"
-    @delete="deleteFn"
-    multiple />
-</template>
-
-<script>
-import {
-  getUploadUrl,
-  uploadFile,
-} from './imgUploadAxios'
-export default {
-  name: "lwImgUpload",
-  props:{
-    // 已上传的文件
-    value:{
-      type:Array,
-      default:()=>[]
-    }
-  },
-  data(){
-    return {
-      fileListModel:[],
-      fileArr:[]
-    }
-  },
-  computed:{
-    fileListChange:{
-      get(){
-        return this.value
-      },
-      set(v){
-        this.$emit('input',v)
-      }
-    }
-  },
-  mounted() {
-    this.fileListChange.forEach(i=>{
-      const item=i.split('=')[1]
-      this.$lwApi.imgSrc.get({
-        objectName:item,
-        contentType:'image/png'
-      }).then(res=>{
-        this.fileListModel.push({
-          url:res.downloadSignedUrl,
-          objectName:item
-        })
-      })
-    })
-
-  },
-  methods: {
-    // 文件上传选择完成
-    fileSelect(file){
-      if (Array.isArray(file)){
-        file.forEach(item=>this.afterRead(item))
-      }else {
-        this.afterRead(file)
-      }
-    },
-
-    // 文件上传至服务器
-    async afterRead(file) {
-      file.status = 'uploading';
-      file.message = this.$lwLanguage.get('wms_project.pda.component.imgUpload.uploading','上传中') + '...';
-
-      try{
-
-        const res = await getUploadUrl({
-          fileName:file.file.name,
-          contentType:file.file.type,
-          fileSize:file.file.size
-        })
-
-        const img = await uploadFile({
-          url: res.uploadSignedUrl,
-          file: file.file,
-          uploadMethod: res.uploadMethod,
-          uploadContentType: res.uploadContentType
-        })
-
-        this.fileListChange.push(`${file.file.name}=${res.objectName || img.data.objectName}`)
-        file.status = 'none';
-
-      }catch (err){
-
-        console.error('图片上传异常：', err)
-
-        file.status = 'failed'
-        file.message = this.$lwLanguage.get('wms_project.pda.component.imgUpload.uploadFail', '上传失败');
-
-      }
-    },
-    // 删除文件
-    deleteFn(file){
-      const name = file.objectName || file.file.name
-      const index = file.file?0:1
-      this.fileListChange.forEach((i,k)=>{
-        const item=i.split('=')[index]
-        if (item===name){
-          this.fileListChange.splice(k,1)
-        }
-      })
-    }
-  },
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  @name: 图片上传及图片预览
+  @description: 图片上传及图片预览
+  @author 张文
+  @date: 2022-01-19
+-->
+<template>
+  <van-uploader
+    v-model="fileListModel"
+    :after-read="fileSelect"
+    :preview-options="{closeable:true}"
+    @delete="deleteFn"
+    multiple />
+</template>
+
+<script>
+import {
+  getUploadUrl,
+  uploadFile,
+} from './imgUploadAxios'
+export default {
+  name: "lwImgUpload",
+  props:{
+    // 已上传的文件
+    value:{
+      type:Array,
+      default:()=>[]
+    }
+  },
+  data(){
+    return {
+      fileListModel:[],
+      fileArr:[]
+    }
+  },
+  computed:{
+    fileListChange:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input',v)
+      }
+    }
+  },
+  mounted() {
+    this.fileListChange.forEach(i=>{
+      const item=i.split('=')[1]
+      this.$lwApi.imgSrc.get({
+        objectName:item,
+        contentType:'image/png'
+      }).then(res=>{
+        this.fileListModel.push({
+          url:res.downloadSignedUrl,
+          objectName:item
+        })
+      })
+    })
+
+  },
+  methods: {
+    // 文件上传选择完成
+    fileSelect(file){
+      if (Array.isArray(file)){
+        file.forEach(item=>this.afterRead(item))
+      }else {
+        this.afterRead(file)
+      }
+    },
+
+    // 文件上传至服务器
+    async afterRead(file) {
+      file.status = 'uploading';
+      file.message = this.$lwLanguage.get('wms_project.pda.component.imgUpload.uploading','上传中') + '...';
+
+      try{
+
+        const res = await getUploadUrl({
+          fileName:file.file.name,
+          contentType:file.file.type,
+          fileSize:file.file.size
+        })
+
+        const img = await uploadFile({
+          url: res.uploadSignedUrl,
+          file: file.file,
+          uploadMethod: res.uploadMethod,
+          uploadContentType: res.uploadContentType
+        })
+
+        this.fileListChange.push(`${file.file.name}=${res.objectName || img.data.objectName}`)
+        file.status = 'none';
+
+      }catch (err){
+
+        console.error('图片上传异常：', err)
+
+        file.status = 'failed'
+        file.message = this.$lwLanguage.get('wms_project.pda.component.imgUpload.uploadFail', '上传失败');
+
+      }
+    },
+    // 删除文件
+    deleteFn(file){
+      const name = file.objectName || file.file.name
+      const index = file.file?0:1
+      this.fileListChange.forEach((i,k)=>{
+        const item=i.split('=')[index]
+        if (item===name){
+          this.fileListChange.splice(k,1)
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/ui/ImgUpload/request.js

@@ -1,5 +1,5 @@
-import axios from 'axios'
 
+import {axios} from "@bundled-es-modules/axios";
 // create an axios instance
 const service = axios.create({
   baseURL: import.meta.env.VITE_APP_BASE_URL, // url = base url + request url

package/src/components/ui/ImgUpload//345/233/276/347/211/207/344/270/212/344/274/240.md

@@ -1 +1 @@
-# 图片上传 [查看文档](https://www.yuque.com/docs/share/9441a8df-d938-46ad-9849-a56f9551f363)
+# 图片上传 [查看文档](https://www.yuque.com/docs/share/9441a8df-d938-46ad-9849-a56f9551f363)