wl-design-mobile 0.0.1 → 0.0.3

package/doc/file/styles/css/index.css

@@ -1,118 +1,118 @@
-.fileUplodaContainer {
-    padding: 12px 14px;
-    background: var(--scl-white-1);
-}
-
-.fileUplodaTitle {
-    margin-bottom: 10px;
-    display: flex;
-    justify-content: space-between;
-}
-
-.fileUplodaTitle p {
-    width: 100%;
-    color: var(--scl-gray-3);
-    font-size: 14px;
-    position: absolute;
-    top: -2px;
-}
-
-.fileUplodaTitle img {
-    width: 20px;
-    height: 20px;
-    display: block;
-}
-
-/*右上角上传按钮样式*/
-/deep/ .van-button--primary {
-    background: none;
-    border: none;
-    height: auto;
-}
-
-/*右上角上传按钮位置*/
-/deep/ .van-uploader__input-wrapper, .van-uploader {
-    width: 100%;
-    position: static;
-}
-
-/*上传按钮首次进页面控制图标大小*/
-/deep/ .van-icon__image {
-    width: 1em;
-}
-
-/*图片上传区域占位及右上角上传按钮占位*/
-/deep/ .setUploader {
-    position: relative;
-    margin-bottom: 10px;
-}
-
-/*右上角上传按钮位置*/
-/deep/ .van-button--normal {
-    width: 20px;
-    position: absolute;
-    top: -1px;
-    right: -8px;
-}
-
-/*文件列表整体位置*/
-/deep/ .van-uploader__wrapper {
-    margin-top: 20px;
-}
-
-/*文件预览框样式*/
-/deep/ .van-uploader__file {
-    width: 101%;
-    height: 38px;
-    background-color: #F2F2F2;
-    display: flex;
-    flex-wrap: wrap;
-    border-radius: 5px;
-    align-items: stretch;
-    align-content: space-around;
-    flex-direction: row;
-}
-
-/*文件名样式*/
-/deep/ .van-uploader__file-name {
-    width: 92%;
-    margin-top: 1px;
-    text-align: left;
-    font-size: 14px;
-}
-
-/*文件类型icon样式*/
-/deep/ .van-uploader__file-icon {
-    width: 17px;
-    height: 20px;
-}
-
-/*控制多文件换行样式*/
-/deep/ .van-uploader__preview {
-    width: 100%;
-    margin: 0 0 10px 0;
-}
-
-/*覆盖旧删除按钮样式*/
-/deep/ .van-uploader__preview-delete {
-    width: 38px;
-    height: 38px;
-    border-radius: 50%;
-    background-color: rgba(0, 0, 0, 0)
-}
-
-/*新删除按钮图标样式*/
-/deep/ .van-uploader__preview-delete-icon {
-    top: 6px;
-    right: 4px;
-    color: var(--scl-gray-2);
-    font-size: 28px;
-}
-
-/*控制上传功能覆盖区域*/
-/deep/ .van-uploader__input {
-    height: 25px;
-    width: 25px;
-    position: absolute;
-    left: 95%;
-}
+.fileUplodaContainer {
+    padding: 12px 14px;
+    background: var(--scl-white-1);
+}
+
+.fileUplodaTitle {
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.fileUplodaTitle p {
+    width: 100%;
+    color: var(--scl-gray-3);
+    font-size: 14px;
+    position: absolute;
+    top: -2px;
+}
+
+.fileUplodaTitle img {
+    width: 20px;
+    height: 20px;
+    display: block;
+}
+
+/*右上角上传按钮样式*/
+/deep/ .van-button--primary {
+    background: none;
+    border: none;
+    height: auto;
+}
+
+/*右上角上传按钮位置*/
+/deep/ .van-uploader__input-wrapper, .van-uploader {
+    width: 100%;
+    position: static;
+}
+
+/*上传按钮首次进页面控制图标大小*/
+/deep/ .van-icon__image {
+    width: 1em;
+}
+
+/*图片上传区域占位及右上角上传按钮占位*/
+/deep/ .setUploader {
+    position: relative;
+    margin-bottom: 10px;
+}
+
+/*右上角上传按钮位置*/
+/deep/ .van-button--normal {
+    width: 20px;
+    position: absolute;
+    top: -1px;
+    right: -8px;
+}
+
+/*文件列表整体位置*/
+/deep/ .van-uploader__wrapper {
+    margin-top: 20px;
+}
+
+/*文件预览框样式*/
+/deep/ .van-uploader__file {
+    width: 101%;
+    height: 38px;
+    background-color: #F2F2F2;
+    display: flex;
+    flex-wrap: wrap;
+    border-radius: 5px;
+    align-items: stretch;
+    align-content: space-around;
+    flex-direction: row;
+}
+
+/*文件名样式*/
+/deep/ .van-uploader__file-name {
+    width: 92%;
+    margin-top: 1px;
+    text-align: left;
+    font-size: 14px;
+}
+
+/*文件类型icon样式*/
+/deep/ .van-uploader__file-icon {
+    width: 17px;
+    height: 20px;
+}
+
+/*控制多文件换行样式*/
+/deep/ .van-uploader__preview {
+    width: 100%;
+    margin: 0 0 10px 0;
+}
+
+/*覆盖旧删除按钮样式*/
+/deep/ .van-uploader__preview-delete {
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    background-color: rgba(0, 0, 0, 0)
+}
+
+/*新删除按钮图标样式*/
+/deep/ .van-uploader__preview-delete-icon {
+    top: 6px;
+    right: 4px;
+    color: var(--scl-gray-2);
+    font-size: 28px;
+}
+
+/*控制上传功能覆盖区域*/
+/deep/ .van-uploader__input {
+    height: 25px;
+    width: 25px;
+    position: absolute;
+    left: 95%;
+}

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

@@ -1,109 +1,109 @@
-<template>
-  <div>
-    <div class="imgUplodaContainer">
-      <div class="setUploader">
-        <div class="imgUplodaTitle"><p>{{ title }}</p></div>
-        <van-uploader v-model="fileList" :after-read="afterRead" :before-read="beforeRead" accept="image/*">
-          <van-button :icon="uploadImg" type="primary"></van-button>
-        </van-uploader>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import uploadImg from '../assets/icon/uploadImg.png';
-import {axios} from "@indfnd/utils";
-import {fileUploadUrl} from "@/api/doc";
-import {Toast} from "vant";
-
-export default {
-  name: 'LamboImgUpload',
-  components: {},
-  props: {
-    title: {
-      type: String,
-      default: ' '
-    },
-  },
-  data() {
-    return {
-      uploadImg: uploadImg,
-      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 => {
-        console.log("doUpload -- response:", 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]
-              }
-              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);
-      let result = false;
-      const imgList = ['bmp', 'jpg', 'png', 'tif', 'gif', 'pcx', 'tga', 'exif', 'fpx', 'svg', 'psd', 'cdr', 'pcd', 'dxf', 'ufo', 'eps', 'ai', 'raw', 'wmf', 'webp', 'avif', 'apng', 'jpeg',
-        'BMP', 'JPG', 'PNG', 'TIF', 'GIF', 'PCX', 'TGA', 'EXIF', 'FPX', 'SVG', 'PSD', 'CDR', 'PCD', 'DXF', 'UFO', 'EPS', 'AI', 'RAW', 'WMF', 'WEBP', 'AVIF', 'APNG', 'JPEG'];
-      // 进行图片匹配
-      result = imgList.some(function (item) {
-        return item === type
-      })
-      if (!result) {
-        Toast.fail("请上传图片！")
-      }
-      return result
-    }
-  }
-  ,
-  created() {
-
-  }
-  ,
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../../styles/index.less";
-@import './styles/css/index.css';
-</style>
+<template>
+  <div>
+    <div class="imgUplodaContainer">
+      <div class="setUploader">
+        <div class="imgUplodaTitle"><p>{{ title }}</p></div>
+        <van-uploader v-model="fileList" :after-read="afterRead" :before-read="beforeRead" accept="image/*">
+          <van-button :icon="uploadImg" type="primary"></van-button>
+        </van-uploader>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import uploadImg from '../../assets/icon/upload-img.png';
+import {axios} from "../../util/axios/index";
+import {fileUploadUrl} from "../../api/doc";
+import {Toast} from "vant";
+
+export default {
+  name: 'LamboImgUpload',
+  components: {},
+  props: {
+    title: {
+      type: String,
+      default: ' '
+    },
+  },
+  data() {
+    return {
+      uploadImg: uploadImg,
+      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 => {
+        console.log("doUpload -- response:", 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]
+              }
+              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);
+      let result = false;
+      const imgList = ['bmp', 'jpg', 'png', 'tif', 'gif', 'pcx', 'tga', 'exif', 'fpx', 'svg', 'psd', 'cdr', 'pcd', 'dxf', 'ufo', 'eps', 'ai', 'raw', 'wmf', 'webp', 'avif', 'apng', 'jpeg',
+        'BMP', 'JPG', 'PNG', 'TIF', 'GIF', 'PCX', 'TGA', 'EXIF', 'FPX', 'SVG', 'PSD', 'CDR', 'PCD', 'DXF', 'UFO', 'EPS', 'AI', 'RAW', 'WMF', 'WEBP', 'AVIF', 'APNG', 'JPEG'];
+      // 进行图片匹配
+      result = imgList.some(function (item) {
+        return item === type
+      })
+      if (!result) {
+        Toast.fail("请上传图片！")
+      }
+      return result
+    }
+  }
+  ,
+  created() {
+
+  }
+  ,
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../../styles/index.less";
+@import './styles/css/index.css';
+</style>

package/edit/list/Lambo-edit-list.vue

@@ -1,90 +1,90 @@
-<template>
-  <div>
-    <van-collapse v-model="activeNames">
-      <van-collapse-item v-for="(item, index) in lineList" :name="index.toString()">
-        <div slot="title">
-          <div class="indicator-title">
-            <div class="color-line"/>
-            {{ '第' + (index + 1) + '个维修项目' }}
-          </div>
-        </div>
-        <div slot="right-icon" class="coll-title-icon">
-          <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play"
-                    style="position:absolute;left: 1px;"/>
-          <lambo-medium-button :disabled="false" :type="type" style="margin-top: -5px" text="删除"
-                               @click="deleteSpart"></lambo-medium-button>
-        </div>
-        <lambo-edit-single-select :data="singleKv" :default-item="defaultItem" :required="true"
-                                  :title="'单选框'"></lambo-edit-single-select>
-        <lambo-edit-multi-select :data="multiKv" :default-item="multiDefaultItem" :icon="multiIcon"
-                                 :required="true" :title="'多选框'"></lambo-edit-multi-select>
-        <lambo-edit-input :title="'输入框'"></lambo-edit-input>
-        <slot></slot>
-      </van-collapse-item>
-    </van-collapse>
-    <lambo-big-button :disabled="false" :type="type" text="新增一条" @click="addSpart"></lambo-big-button>
-  </div>
-</template>
-<script>
-import LamboBigButton from '@/components/lambo/btn/lambo-big-button.vue'
-import LamboMediumButton from '@/components/lambo/btn/lambo-medium-button.vue'
-import LamboEditSingleSelect from "@/components/lambo/edit/select/lambo-edit-single-select.vue";
-import LamboEditMultiSelect from "@/components/lambo/edit/select/lambo-edit-multi-select.vue";
-import LamboEditInput from "@/components/lambo/edit/select/lambo-edit-input.vue";
-
-export default {
-  name: 'LamboEditList',
-  components: {
-    LamboEditInput, LamboEditMultiSelect, LamboEditSingleSelect,
-    LamboBigButton,
-    LamboMediumButton
-  },
-  props: {},
-  data() {
-    return {
-      type: 'default',
-      lineList: [{
-        "maintenanceItems": "",
-        "materialCost": 1,
-        "hourCost": 0,
-        "maintenanceDesc": "",
-      }, {
-        "maintenanceItems": "cscsc  ",
-        "materialCost": 1,
-        "hourCost": 0,
-        "maintenanceDesc": "",
-      }],
-      activeNames: ['0'],
-      singleKv: [],
-      defaultItem: {},
-
-      multiKv: [],
-      multiDefaultItem: {},
-      multiIcon: 'boxs.png',
-    }
-  },
-  methods: {
-    deleteSpart(index) {
-      this.lineList.splice(index, 1);
-    },
-    addSpart() {
-      this.lineList.push({
-        "maintenanceItems": "cscsc  ",
-        "materialCost": 1,
-        "hourCost": 0,
-        "maintenanceDesc": "",
-      })
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../../styles/index.less";
-@import './styles/css/index.css';
-</style>
+<template>
+  <div>
+    <van-collapse v-model="activeNames">
+      <van-collapse-item v-for="(item, index) in lineList" :name="index.toString()">
+        <div slot="title">
+          <div class="indicator-title">
+            <div class="color-line"/>
+            {{ '第' + (index + 1) + '个维修项目' }}
+          </div>
+        </div>
+        <div slot="right-icon" class="coll-title-icon">
+          <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play"
+                    style="position:absolute;left: 1px;"/>
+          <lambo-medium-button :disabled="false" :type="type" style="margin-top: -5px" text="删除"
+                               @click="deleteSpart"></lambo-medium-button>
+        </div>
+        <lambo-edit-single-select :data="singleKv" :default-item="defaultItem" :required="true"
+                                  :title="'单选框'"></lambo-edit-single-select>
+        <lambo-edit-multi-select :data="multiKv" :default-item="multiDefaultItem" :icon="multiIcon"
+                                 :required="true" :title="'多选框'"></lambo-edit-multi-select>
+        <lambo-edit-input :title="'输入框'"></lambo-edit-input>
+        <slot></slot>
+      </van-collapse-item>
+    </van-collapse>
+    <lambo-big-button :disabled="false" :type="type" text="新增一条" @click="addSpart"></lambo-big-button>
+  </div>
+</template>
+<script>
+import LamboBigButton from '../../btn/lambo-big-button.vue'
+import LamboMediumButton from '../../btn/lambo-medium-button.vue'
+import LamboEditSingleSelect from "../../edit/select/lambo-edit-single-select.vue";
+import LamboEditMultiSelect from "../../edit/select/lambo-edit-multi-select.vue";
+import LamboEditInput from "../../edit/select/lambo-edit-input.vue";
+
+export default {
+  name: 'LamboEditList',
+  components: {
+    LamboEditInput, LamboEditMultiSelect, LamboEditSingleSelect,
+    LamboBigButton,
+    LamboMediumButton
+  },
+  props: {},
+  data() {
+    return {
+      type: 'default',
+      lineList: [{
+        "maintenanceItems": "",
+        "materialCost": 1,
+        "hourCost": 0,
+        "maintenanceDesc": "",
+      }, {
+        "maintenanceItems": "cscsc  ",
+        "materialCost": 1,
+        "hourCost": 0,
+        "maintenanceDesc": "",
+      }],
+      activeNames: ['0'],
+      singleKv: [],
+      defaultItem: {},
+
+      multiKv: [],
+      multiDefaultItem: {},
+      multiIcon: 'boxs.png',
+    }
+  },
+  methods: {
+    deleteSpart(index) {
+      this.lineList.splice(index, 1);
+    },
+    addSpart() {
+      this.lineList.push({
+        "maintenanceItems": "cscsc  ",
+        "materialCost": 1,
+        "hourCost": 0,
+        "maintenanceDesc": "",
+      })
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../../styles/index.less";
+@import './styles/css/index.css';
+</style>