wl-design-mobile 0.0.1 → 0.0.2

package/detail/lambo-detail-grid.vue

@@ -1,57 +1,87 @@
-<template>
-  <div class="detail-grid">
-    <van-grid :border="false" :center="false" :column-num="columnNum" class="detail-grid-main">
-      <van-grid-item v-for="(row, index) in data" :key="index" class="detail-grid-box">
-        <div class="detail-grid-title">{{ row.title }}</div>
-        <div class="detail-grid-val">{{ row.val }}</div>
-      </van-grid-item>
-    </van-grid>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboDetailGrid',
-  props: {
-    data: {
-      type: Array,
-      default: () => [],
-    },
-    columnNum: {
-      type: [Number, String],
-      default: 2
-    }
-  },
-  created() {
-    console.log("LamboDetailGrid -- created -- data:", this.data)
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.detail-grid {
-  background-color: var(--scl-white-1);
-}
-
-.detail-grid-main {
-  padding: 0 14px;
-}
-
-.detail-grid-main /deep/ .van-grid-item__content {
-  padding: 12px 0 0 0;
-}
-
-
-.detail-grid-title {
-  margin-bottom: 12px;
-  font-size: 12px;
-  font-family: Regular;
-  color: var(--scl-gray-2)
-}
-
-.detail-grid-val {
-  font-size: 14px;
-  color: var(--scl-lucency-1);
-}
-</style>
+<template>
+  <div class="detail-grid">
+    <van-grid :border="false" :center="false" :column-num="columnNum" class="detail-grid-main">
+      <van-grid-item v-for="(row, index) in data" :key="index" class="detail-grid-box">
+        <div class="detail-grid-title">{{ row.title }}</div>
+        <div :class="data[index].className">
+          {{ row.val }}
+        </div>
+      </van-grid-item>
+    </van-grid>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboDetailGrid',
+  props: {
+    data: {
+      type: Array,
+      default: () => [],
+    },
+    columnNum: {
+      type: [Number, String],
+      default: 2
+    }
+  },
+  created() {
+    console.log("LamboDetailGrid -- created -- data:", this.data)
+    this.initData()
+  },
+  methods: {
+    initData() {
+      if (this.columnNum === '1' || this.columnNum === 1) {
+        this.data.forEach(item => { item.className = 'detail-grid-val' })
+      } else  {
+        this.data.forEach((item, index) => {
+          const isLastItem = index === this.data.length - 1;
+          item.className = index % this.columnNum === 0
+              ? (isLastItem ? 'detail-grid-val' : 'detail-grid-val-left')
+              : 'detail-grid-val-right';
+        })
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.detail-grid {
+  background-color: var(--scl-white-1);
+}
+
+.detail-grid-main {
+  padding: 0 14px;
+}
+
+.detail-grid-main /deep/ .van-grid-item__content {
+  padding: 12px 0 0 0;
+}
+
+
+.detail-grid-title {
+  margin-bottom: 12px;
+  font-size: 12px;
+  font-family: Regular;
+  color: var(--scl-gray-2)
+}
+.detail-grid-val {
+  font-size: 14px;
+  color: var(--scl-lucency-1);
+  background: var(--scl-white-4);
+  border-radius: 4px;
+}
+.detail-grid-val-left {
+  font-size: 14px;
+  color: var(--scl-lucency-1);
+  background: var(--scl-white-4);
+  border-radius: 4px 0 0 4px;
+}
+.detail-grid-val-right {
+  font-size: 14px;
+  color: var(--scl-lucency-1);
+  background: var(--scl-white-4);
+  border-radius: 0 4px 4px 0;
+}
+</style>

package/detail/lambo-detail-row.vue

@@ -1,59 +1,59 @@
-<template>
-  <div class="detail-row-main">
-    <div class="detail-row-box" v-for="(item,index) in data" :key="index">
-      <div class="detail-row-title">{{ item.title }}</div>
-      <div class="detail-row-val">{{ item.val }}</div>
-    </div>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboDetailRow',
-  components: {},
-  props: {
-    data: {
-      type: Array,
-      default: []
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {},
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.detail-row-main {
-  background-color: var(--scl-white-1);
-}
-
-.detail-row-box {
-  height: 70px;
-  margin: 0 14px;
-  padding: 12px 0;
-  border-bottom: 1px solid var(--scl-white-2);
-}
-
-.detail-row-title {
-  height: 16px;
-  margin-bottom: 12px;
-  font-size: 12px;
-  font-family: Regular;
-  color: var(--scl-gray-2)
-}
-
-.detail-row-val {
-  height: 18px;
-  font-size: 14px;
-  color: var(--scl-lucency-1);
-}
-</style>
+<template>
+  <div class="detail-row-main">
+    <div class="detail-row-box" v-for="(item,index) in data" :key="index">
+      <div class="detail-row-title">{{ item.title }}</div>
+      <div class="detail-row-val">{{ item.val }}</div>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboDetailRow',
+  components: {},
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {},
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.detail-row-main {
+  background-color: var(--scl-white-1);
+}
+
+.detail-row-box {
+  height: 70px;
+  margin: 0 14px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--scl-white-2);
+}
+
+.detail-row-title {
+  height: 16px;
+  margin-bottom: 12px;
+  font-size: 12px;
+  font-family: Regular;
+  color: var(--scl-gray-2)
+}
+
+.detail-row-val {
+  height: 18px;
+  font-size: 14px;
+  color: var(--scl-lucency-1);
+}
+</style>

package/doc/file/lambo-file-upload.vue

@@ -1,179 +1,176 @@
-<template>
-  <div>
-    <div class="fileUplodaContainer">
-      <div class="setUploader">
-        <div class="fileUplodaTitle"><p>{{ title }}</p></div>
-        <van-uploader v-model="fileList" :after-read="afterRead" :before-read="beforeRead" accept="*">
-          <van-button :icon="fileImg" type="primary"></van-button>
-        </van-uploader>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-
-import fileImg from '../assets/icon/fileImg.png';
-import {axios} from "@indfnd/utils";
-import {fileUploadUrl} from "@/api/doc";
-import {Toast} from "vant";
-import excelIcon from "../assets/img/doc/excel.png";
-import mp3Icon from "../assets/img/doc/mp3.png";
-import otherIcon from "../assets/img/doc/other.png";
-import pdfIcon from "../assets/img/doc/pdf.png";
-import photoIcon from "../assets/img/doc/photo.png";
-import pptIcon from "../assets/img/doc/ppt.png";
-import txtIcon from "../assets/img/doc/txt.png";
-import videoIcon from "../assets/img/doc/video.png";
-import wordIcon from "../assets/img/doc/word.png";
-import zipIcon from "../assets/img/doc/zip.png";
-
-export default {
-  name: 'LamboFileUpload',
-  components: {},
-  props: {
-    title: {
-      type: String,
-      default: ' '
-    },
-  },
-  data() {
-    return {
-      fileImg: fileImg,
-      fileList: [],
-      resultFileList: []
-    }
-  },
-  methods: {
-    afterRead(files, detail) {
-      console.log(files, detail);
-      let file = files.file;
-      let formData = new FormData();
-      formData.append('file', file);
-      axios.post(fileUploadUrl, formData, {}).then(response => {
-        if (response && response.code == "1") {
-          let fileData = response.data;
-          if (fileData && fileData.length > 0) {
-            let file1 = fileData[0]
-            if (file1 && file1.fileId) {
-              let resFile = fileData[0]
-              let fileName = resFile.fileName || ''
-              let suffix = ''
-              if (fileName.indexOf(".") > -1) {
-                suffix = fileName.split('.')[1]
-              }
-              this.updateFileIcon(suffix);
-              let item = {
-                fileId: resFile.fileId,
-                lastModified: file.lastModified,
-                fileName: fileName,
-                fileSuffix: suffix
-              }
-              this.resultFileList.push(item)
-              Toast.success('上传文件成功');
-              this.$emit("onSuccess", this.resultFileList);
-            } else {
-              Toast.fail("上传文件为空，上传失败")
-              this.$emit("on-failed", null);
-            }
-          } else {
-            Toast.fail("上传文件为空，上传失败")
-            this.$emit("on-failed", null);
-          }
-        } else {
-          Toast.fail("上传失败，请联系管理员")
-          this.$emit("on-failed", null);
-        }
-      }).catch((e) => {
-        Toast.fail("文件上传异常!");
-        console.error("文件上传异常:", e)
-      });
-    },
-    beforeRead(file) {
-      let fileName = file.name;
-      let type = fileName.substring(fileName.lastIndexOf('.') + 1);
-      const fileList = ['mp4', 'm3u8', 'rmvb', 'avi', 'swf', '3gp', 'mkv', 'flv',
-        'mp3', 'wav', 'wma', 'ogg', 'aac', 'flac',
-        'doc', 'pages', 'epub', 'docx', 'pdf', 'txt', 'numbers', 'csv', 'xls', 'xlsx',
-        'keynote', 'ppt', 'pptx', 'zip',
-        'jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'psd', 'webp', 'svg', 'raw'
-      ];
-      let result = fileList.includes(type.toLowerCase());
-      if (!result) {
-        Toast.fail("文件类型不支持！（请选择'mp4', 'm3u8', 'rmvb', 'avi', 'swf', '3gp', 'mkv', 'flv','mp3', 'wav', 'wma', 'ogg', 'aac', 'flac','doc', 'pages', 'epub', 'docx', 'pdf', 'txt', 'numbers', 'csv', 'xls', 'xlsx','keynote', 'ppt', 'pptx', 'zip','jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'psd', 'webp', 'svg', 'raw'）")
-      }
-      return result;
-    },
-    updateFileIcon(suffix) {
-      const fileIcons = document.querySelectorAll('.van-uploader__file-icon');
-      switch (suffix) {
-        case 'mp4':
-        case 'm3u8':
-        case 'rmvb':
-        case 'avi':
-        case 'swf':
-        case '3gp':
-        case 'mkv':
-        case 'flv':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + videoIcon + '")';
-          break;
-        case 'mp3':
-        case 'wav':
-        case 'wma':
-        case 'ogg':
-        case 'aac':
-        case 'flac':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + mp3Icon + '")';
-          break;
-        case 'doc':
-        case 'pages':
-        case 'epub':
-        case 'docx':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + wordIcon + '")';
-          break;
-        case 'pdf':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + pdfIcon + '")';
-          break;
-        case 'txt':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + txtIcon + '")';
-          break;
-        case 'numbers':
-        case 'csv':
-        case 'xls':
-        case 'xlsx':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + excelIcon + '")';
-          break;
-        case 'keynote':
-        case 'ppt':
-        case 'pptx':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + pptIcon + '")';
-          break;
-        case 'zip':
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + zipIcon + '")';
-          break;
-        case 'jpg':
-        case 'jpeg':
-        case 'png':
-        case 'gif':
-        case 'bmp':
-        case 'tiff':
-        case 'tif':
-        case 'psd':
-        case 'webp':
-        case 'svg':
-        case 'raw':
-          // fileIcons[fileIcons.length - 1].style.content = 'url("' + photoIcon + '")';
-          break;
-        default:
-          fileIcons[fileIcons.length - 1].style.content = 'url("' + otherIcon + '")';
-          break;
-      }
-    },
-  },
-};
-</script>
-<style scoped>
-@import "../../styles/index.less";
-@import './styles/css/index.css';
-
-
-</style>
+<template>
+  <div>
+    <div class="fileUplodaContainer">
+      <div class="setUploader">
+        <div class="fileUplodaTitle"><p>{{ title }}</p></div>
+        <van-uploader v-model="fileList" :after-read="afterRead" :before-read="beforeRead" accept="*">
+          <van-button :icon="fileImg" type="primary"></van-button>
+        </van-uploader>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import fileImg from '../../assets/icon/fileImg.png';
+import {axios} from "../../util/axios/index";
+import {fileUploadUrl} from "../../api/doc";
+import {Toast} from "vant";
+import excelIcon from "../../assets/img/doc/excel.png";
+import mp3Icon from "../../assets/img/doc/mp3.png";
+import otherIcon from "../../assets/img/doc/other.png";
+import pdfIcon from "../../assets/img/doc/pdf.png";
+import pptIcon from "../../assets/img/doc/ppt.png";
+import txtIcon from "../../assets/img/doc/txt.png";
+import videoIcon from "../../assets/img/doc/video.png";
+import wordIcon from "../../assets/img/doc/word.png";
+import zipIcon from "../../assets/img/doc/zip.png";
+
+export default {
+  name: 'LamboFileUpload',
+  components: {},
+  props: {
+    title: {
+      type: String,
+      default: ' '
+    },
+  },
+  data() {
+    return {
+      fileImg: fileImg,
+      fileList: [],
+      resultFileList: []
+    }
+  },
+  methods: {
+    afterRead(files, detail) {
+      console.log(files, detail);
+      let file = files.file;
+      let formData = new FormData();
+      formData.append('file', file);
+      axios.post(fileUploadUrl, formData, {}).then(response => {
+        if (response && response.code == "1") {
+          let fileData = response.data;
+          if (fileData && fileData.length > 0) {
+            let file1 = fileData[0]
+            if (file1 && file1.fileId) {
+              let resFile = fileData[0]
+              let fileName = resFile.fileName || ''
+              let suffix = ''
+              if (fileName.indexOf(".") > -1) {
+                suffix = fileName.split('.')[1]
+              }
+              this.updateFileIcon(suffix);
+              let item = {
+                fileId: resFile.fileId,
+                lastModified: file.lastModified,
+                fileName: fileName,
+                fileSuffix: suffix
+              }
+              this.resultFileList.push(item)
+              Toast.success('上传文件成功');
+              this.$emit("onSuccess", this.resultFileList);
+            } else {
+              Toast.fail("上传文件为空，上传失败")
+              this.$emit("on-failed", null);
+            }
+          } else {
+            Toast.fail("上传文件为空，上传失败")
+            this.$emit("on-failed", null);
+          }
+        } else {
+          Toast.fail("上传失败，请联系管理员")
+          this.$emit("on-failed", null);
+        }
+      }).catch((e) => {
+        Toast.fail("文件上传异常!");
+        console.error("文件上传异常:", e)
+      });
+    },
+    beforeRead(file) {
+      let fileName = file.name;
+      let type = fileName.substring(fileName.lastIndexOf('.') + 1);
+      const fileList = ['mp4', 'm3u8', 'rmvb', 'avi', 'swf', '3gp', 'mkv', 'flv',
+        'mp3', 'wav', 'wma', 'ogg', 'aac', 'flac',
+        'doc', 'pages', 'epub', 'docx', 'pdf', 'txt', 'numbers', 'csv', 'xls', 'xlsx',
+        'keynote', 'ppt', 'pptx', 'zip',
+        'jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'psd', 'webp', 'svg', 'raw'
+      ];
+      let result = fileList.includes(type.toLowerCase());
+      if (!result) {
+        Toast.fail("文件类型不支持！（请选择'mp4', 'm3u8', 'rmvb', 'avi', 'swf', '3gp', 'mkv', 'flv','mp3', 'wav', 'wma', 'ogg', 'aac', 'flac','doc', 'pages', 'epub', 'docx', 'pdf', 'txt', 'numbers', 'csv', 'xls', 'xlsx','keynote', 'ppt', 'pptx', 'zip','jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'psd', 'webp', 'svg', 'raw'）")
+      }
+      return result;
+    },
+    updateFileIcon(suffix) {
+      const fileIcons = document.querySelectorAll('.van-uploader__file-icon');
+      switch (suffix) {
+        case 'mp4':
+        case 'm3u8':
+        case 'rmvb':
+        case 'avi':
+        case 'swf':
+        case '3gp':
+        case 'mkv':
+        case 'flv':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + videoIcon + '")';
+          break;
+        case 'mp3':
+        case 'wav':
+        case 'wma':
+        case 'ogg':
+        case 'aac':
+        case 'flac':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + mp3Icon + '")';
+          break;
+        case 'doc':
+        case 'pages':
+        case 'epub':
+        case 'docx':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + wordIcon + '")';
+          break;
+        case 'pdf':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + pdfIcon + '")';
+          break;
+        case 'txt':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + txtIcon + '")';
+          break;
+        case 'numbers':
+        case 'csv':
+        case 'xls':
+        case 'xlsx':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + excelIcon + '")';
+          break;
+        case 'keynote':
+        case 'ppt':
+        case 'pptx':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + pptIcon + '")';
+          break;
+        case 'zip':
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + zipIcon + '")';
+          break;
+        case 'jpg':
+        case 'jpeg':
+        case 'png':
+        case 'gif':
+        case 'bmp':
+        case 'tiff':
+        case 'tif':
+        case 'psd':
+        case 'webp':
+        case 'svg':
+        case 'raw':
+          // fileIcons[fileIcons.length - 1].style.content = 'url("' + photoIcon + '")';
+          break;
+        default:
+          fileIcons[fileIcons.length - 1].style.content = 'url("' + otherIcon + '")';
+          break;
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+@import "../../styles/index.less";
+@import './styles/css/index.css';
+
+</style>