qj-common 4.3.0 → 4.3.2

package/src/views/routerView.vue

@@ -1,9 +1,9 @@
-<template>
-  <div>
-    <keep-alive>
-      <router-view></router-view>
-    </keep-alive>
-  </div>
-</template>
-<style lang="scss">
-</style>
+<template>
+  <div>
+    <keep-alive>
+      <router-view></router-view>
+    </keep-alive>
+  </div>
+</template>
+<style lang="scss">
+</style>

package/src/views/templates/components/temp-select.vue

@@ -1,80 +1,80 @@
-<template>
-    <el-select
-            v-model.trim="item.value"
-            filterable
-            remote
-            :placeholder="'placeholder' in item ? item.placeholder : ''"
-            @change="selChange($event,item)"
-            @visible-change="valid($event,item)"
-            :remote-method="remoteMethod"
-            :loading="loading">
-        <el-option v-for="(itemOption , indexOption) in optionList" :key="indexOption" :label="'props' in item ? itemOption[item.props.label] : itemOption.label" :value="'props' in item ? itemOption[item.props.value]:itemOption.value"></el-option>
-    </el-select>
-</template>
-<script>
-import request from "#/utils/request";
-const querystring = require("querystring");
-export default {
-  props: ["item"],
-  data() {
-    return {
-      optionList: [],
-      loading: false
-    };
-  },
-  mounted() {},
-  methods: {
-    remoteMethod(query) {
-      if (query !== "") {
-        this.loading = true;
-        this.throttle(this.getOptionList(query), 500);
-      } else {
-        this.optionList = [];
-      }
-    },
-    getOptionList(val) {
-      let formData = {};
-      formData[this.item.searchParam] = val;
-      return request({
-        url: this.item.url,
-        method: "get",
-        params: formData
-      }).then(res => {
-        this.optionList = res.rows;
-        this.item.options = res.rows
-        this.loading = false;
-      });
-    },
-    throttle(fn, delay) {
-      var timer = null;
-      var startTime = Date.now();
-
-      return function() {
-        let curTime = Date.now();
-        let remaining = delay - (curTime - startTime);
-        let context = this;
-        let args = arguments;
-
-        clearTimeout(timer);
-        if (remaining <= 0) {
-          fn.apply(context, args);
-          startTime = Date.now();
-        } else {
-          timer = setTimeout(fn, remaining);
-        }
-      };
-    },
-    selChange(val, item) {
-      //select选中的事件
-      console.log(item, "目前选中的值");
-      console.log(this.temInput);
-      this.$emit("selChange", val, item);
-    },
-    valid(val, item) {
-      if(!val) {
-        this.$parent.$parent.validateField(item.name)
-      }    
-    },
-  }
-};
-</script>
+<template>
+    <el-select
+            v-model.trim="item.value"
+            filterable
+            remote
+            :placeholder="'placeholder' in item ? item.placeholder : ''"
+            @change="selChange($event,item)"
+            @visible-change="valid($event,item)"
+            :remote-method="remoteMethod"
+            :loading="loading">
+        <el-option v-for="(itemOption , indexOption) in optionList" :key="indexOption" :label="'props' in item ? itemOption[item.props.label] : itemOption.label" :value="'props' in item ? itemOption[item.props.value]:itemOption.value"></el-option>
+    </el-select>
+</template>
+<script>
+import request from "#/utils/request";
+const querystring = require("querystring");
+export default {
+  props: ["item"],
+  data() {
+    return {
+      optionList: [],
+      loading: false
+    };
+  },
+  mounted() {},
+  methods: {
+    remoteMethod(query) {
+      if (query !== "") {
+        this.loading = true;
+        this.throttle(this.getOptionList(query), 500);
+      } else {
+        this.optionList = [];
+      }
+    },
+    getOptionList(val) {
+      let formData = {};
+      formData[this.item.searchParam] = val;
+      return request({
+        url: this.item.url,
+        method: "get",
+        params: formData
+      }).then(res => {
+        this.optionList = res.rows;
+        this.item.options = res.rows
+        this.loading = false;
+      });
+    },
+    throttle(fn, delay) {
+      var timer = null;
+      var startTime = Date.now();
+
+      return function() {
+        let curTime = Date.now();
+        let remaining = delay - (curTime - startTime);
+        let context = this;
+        let args = arguments;
+
+        clearTimeout(timer);
+        if (remaining <= 0) {
+          fn.apply(context, args);
+          startTime = Date.now();
+        } else {
+          timer = setTimeout(fn, remaining);
+        }
+      };
+    },
+    selChange(val, item) {
+      //select选中的事件
+      console.log(item, "目前选中的值");
+      console.log(this.temInput);
+      this.$emit("selChange", val, item);
+    },
+    valid(val, item) {
+      if(!val) {
+        this.$parent.$parent.validateField(item.name)
+      }    
+    },
+  }
+};
+</script>

package/src/views/templates/components/temp-upload.vue

@@ -1,234 +1,234 @@
-<template>
-  <div>
-    <!--imgs-->
-    <el-upload
-      v-if="item.type === 'upload' && (!item.fileType || item.fileType === 'image') && item.showFileList"
-      action="'xxxxxxx'"
-      :showFileList="showFileList = item.showFileList"
-      :name="uploadName = item.name"
-      :index="imgIndex=index"
-      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
-      :http-request="picUpload"
-      list-type="picture-card"
-      :limit="limit ='limit' in item ? item.limit : 1"
-      :on-exceed="exceed"
-      :before-upload="beforeAvatarUpload"
-      :on-remove="handleRemove"
-      class="el-upload-add"
-    >
-      <i class="el-icon-plus" v-loading="imgLoading"></i>
-    </el-upload>
-    <!--img-->
-    <el-upload
-      v-loading="imgLoading"
-      v-if="item.type === 'upload' && (!item.fileType || item.fileType === 'image') && !item.showFileList"
-      action="'xxxxxxx'"
-      :showFileList="showFileList = item.showFileList || false"
-      :name="uploadName = item.name"
-      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
-      :http-request="picUpload"
-      :index="imgIndex =index"
-      :before-upload="beforeAvatarUpload"
-    >
-      <img v-if="item.value" :src="imageUrl=item.value" class="avatar">
-      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-    </el-upload>
-
-    <el-upload
-      v-loading="imgLoading"
-      v-if="item.type === 'upload' && item.fileType === 'video'"
-      action="'xxxxxxx'"
-      :showFileList="showFileList = item.showFileList"
-      :file-list="fileList"
-      :name="uploadName = item.name"
-      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
-      :http-request="picUpload"
-      :index="imgIndex =index"
-      :before-upload="beforeUpload"
-    >
-      <el-button size="small" type="primary">点击上传</el-button>
-    </el-upload>
-  </div>
-</template>
-<script>
-import request from "#/utils/request";
-export default {
-  props: ["item", "index"],
-  data() {
-    return {
-      fileList: [],
-      restaurants: null,
-      showFileList: null, //单个图片还是多个图片状态
-      imgLoading: false, //图片loading状态
-      uploadName: null, //上传图片name
-      imgIndex: null, //多个上传图片的位置
-      uploadUrl: "/web/rs/goodsFile/uploadGoodsFile.json", //图片上传的默认url
-      imageUrl: "" //单个图片的imgurl,
-    };
-  },
-  mounted() {},
-  methods: {
-    exceed() {
-      //图片个数超出的验证
-      this.$message.error(`最多上传${this.limit}张!`);
-    },
-    handleAvatarSuccess(res, file) {
-      this.imageUrl = URL.createObjectURL(file.raw);
-      console.log(this.imageUrl);
-    },
-    picUpload(_file) {
-      this.imgLoading = true;
-      var formData = new FormData();
-
-      formData.append("file", _file.file);
-      console.log(formData, "formData");
-      return request({
-        url: this.uploadUrl,
-        method: "post",
-        data: formData
-      })
-        .then(res => {
-           if(res.errorCode=="error"){
-            console.log(res.errorCode,"res.errorCode1");
-            this.$message.error(res.msg)
-          }
-          console.log(this.showFileList, this.uploadName, this.imgIndex);
-          if (this.showFileList && this.uploadName) {
-            //表示多个图片
-            //组件中添加showFileList就是判断是否是单个图片
-            this.item.value.push({
-              url: res.fileUrl,
-              uid: file.file.uid
-            });
-          } else if (this.item.fileType === "video") {
-            this.fileList.push({
-              name: item.value,
-              url: item.value
-            });
-            this.item.value = res.fileUrl;
-            this.$set(this.item, "value", res.fileUrl);
-            this.$parent.$parent.validateField(item.name);
-          } else {
-            this.item.value = res.fileUrl;
-            this.$set(this.item, "value", res.fileUrl);
-            this.$parent.$parent.validateField(item.name);
-          }
-          this.imgLoading = false;
-        })
-        .catch(() => {
-          this.imgLoading = false;
-          //未对失败做优化
-          console.log("上传失败");
-        });
-    },
-    handleRemove(file, fileList) {},
-    beforeAvatarUpload(file) {
-      //上传之前的回调
-      this.item.value = "";
-      const fileType = /\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(
-        file.name.toLowerCase()
-      );
-      if (!fileType) {
-        this.$message.error("图片格式为常见的jpg、png、gif格式！");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 5;
-      if (!isLt2M) {
-        this.$message.error("上传的图片大小不能超过 5MB!");
-      }
-      return isLt2M && fileType;
-    },
-    beforeUpload(file) {
-      //上传之前的回调
-      const fileType = /\.(mp4|ogg|flv|mkv|MP4|FLV|MKV|OGG)$/.test(
-        file.name.toLowerCase()
-      );
-      if (!fileType) {
-        this.$message.error("文件格式为常见的mp4,ogg,flv,mkv格式！");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 100;
-      if (!isLt2M) {
-        this.$message.error("上传的文件大小不能超过100MB!");
-      }
-      if (isLt2M && fileType) {
-        this.uploading.push(file.uid);
-      }
-      return isLt2M && fileType;
-    },
-    handleAvatarSuccess(res, file) {
-      this.imageUrl = URL.createObjectURL(file.raw);
-      console.log(this.imageUrl);
-    },
-    handelError(error, file, fileList) {
-      console.log(response);
-      console.log(file);
-      console.log(fileList);
-    },
-    handleRemove(file, fileList) {
-      this.item.value = "";
-    }
-  },
-  watch: {
-    item: {
-      handler() {
-        if (this.item.fileType === "video" && this.item.value) {
-          this.fileList = [];
-          this.fileList.push({
-            name: item.value,
-            url: item.value
-          });
-        }
-      },
-      deep: true //深度监听
-    }
-  }
-};
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-.el-icon-plus.avatar-uploader-icon {
-  line-height: 100px;
-}
-</style>
-<style>
-.template-input .el-upload-list--picture-card .el-upload-list__item,
-.template-input .el-upload--picture-card {
-  width: 100px;
-  height: 100px;
-}
-.template-input .el-upload--picture-card {
-  line-height: 104px;
-}
-.template-input .el-select {
-  width: 220px;
-}
-.template-input .el-form-item__content .el-loading-mask {
-  width: 102px;
-  height: 102px;
-}
-
-.template-input .el-upload-add .el-loading-mask {
-  top: -36px;
-  right: 72px;
-  left: initial;
-}
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100px;
-  height: 100px;
-  line-height: 100px;
-  text-align: center;
-  border: 1px dashed #c0ccda;
-  border-radius: 6px;
-  background-color: #fbfdff;
-}
-.avatar {
-  width: 100px;
-  height: 100px;
-  display: block;
-}
-.el-upload,
-.el-upload img {
-  /* border: 1px dashed #c0ccda; */
-  border-radius: 6px;
-}
+<template>
+  <div>
+    <!--imgs-->
+    <el-upload
+      v-if="item.type === 'upload' && (!item.fileType || item.fileType === 'image') && item.showFileList"
+      action="'xxxxxxx'"
+      :showFileList="showFileList = item.showFileList"
+      :name="uploadName = item.name"
+      :index="imgIndex=index"
+      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
+      :http-request="picUpload"
+      list-type="picture-card"
+      :limit="limit ='limit' in item ? item.limit : 1"
+      :on-exceed="exceed"
+      :before-upload="beforeAvatarUpload"
+      :on-remove="handleRemove"
+      class="el-upload-add"
+    >
+      <i class="el-icon-plus" v-loading="imgLoading"></i>
+    </el-upload>
+    <!--img-->
+    <el-upload
+      v-loading="imgLoading"
+      v-if="item.type === 'upload' && (!item.fileType || item.fileType === 'image') && !item.showFileList"
+      action="'xxxxxxx'"
+      :showFileList="showFileList = item.showFileList || false"
+      :name="uploadName = item.name"
+      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
+      :http-request="picUpload"
+      :index="imgIndex =index"
+      :before-upload="beforeAvatarUpload"
+    >
+      <img v-if="item.value" :src="imageUrl=item.value" class="avatar">
+      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+    </el-upload>
+
+    <el-upload
+      v-loading="imgLoading"
+      v-if="item.type === 'upload' && item.fileType === 'video'"
+      action="'xxxxxxx'"
+      :showFileList="showFileList = item.showFileList"
+      :file-list="fileList"
+      :name="uploadName = item.name"
+      :uploadUrl="uploadUrl='url' in item ? item.url : uploadUrl"
+      :http-request="picUpload"
+      :index="imgIndex =index"
+      :before-upload="beforeUpload"
+    >
+      <el-button size="small" type="primary">点击上传</el-button>
+    </el-upload>
+  </div>
+</template>
+<script>
+import request from "#/utils/request";
+export default {
+  props: ["item", "index"],
+  data() {
+    return {
+      fileList: [],
+      restaurants: null,
+      showFileList: null, //单个图片还是多个图片状态
+      imgLoading: false, //图片loading状态
+      uploadName: null, //上传图片name
+      imgIndex: null, //多个上传图片的位置
+      uploadUrl: "/web/rs/goodsFile/uploadGoodsFile.json", //图片上传的默认url
+      imageUrl: "" //单个图片的imgurl,
+    };
+  },
+  mounted() {},
+  methods: {
+    exceed() {
+      //图片个数超出的验证
+      this.$message.error(`最多上传${this.limit}张!`);
+    },
+    handleAvatarSuccess(res, file) {
+      this.imageUrl = URL.createObjectURL(file.raw);
+      console.log(this.imageUrl);
+    },
+    picUpload(_file) {
+      this.imgLoading = true;
+      var formData = new FormData();
+
+      formData.append("file", _file.file);
+      console.log(formData, "formData");
+      return request({
+        url: this.uploadUrl,
+        method: "post",
+        data: formData
+      })
+        .then(res => {
+           if(res.errorCode=="error"){
+            console.log(res.errorCode,"res.errorCode1");
+            this.$message.error(res.msg)
+          }
+          console.log(this.showFileList, this.uploadName, this.imgIndex);
+          if (this.showFileList && this.uploadName) {
+            //表示多个图片
+            //组件中添加showFileList就是判断是否是单个图片
+            this.item.value.push({
+              url: res.fileUrl,
+              uid: file.file.uid
+            });
+          } else if (this.item.fileType === "video") {
+            this.fileList.push({
+              name: item.value,
+              url: item.value
+            });
+            this.item.value = res.fileUrl;
+            this.$set(this.item, "value", res.fileUrl);
+            this.$parent.$parent.validateField(item.name);
+          } else {
+            this.item.value = res.fileUrl;
+            this.$set(this.item, "value", res.fileUrl);
+            this.$parent.$parent.validateField(item.name);
+          }
+          this.imgLoading = false;
+        })
+        .catch(() => {
+          this.imgLoading = false;
+          //未对失败做优化
+          console.log("上传失败");
+        });
+    },
+    handleRemove(file, fileList) {},
+    beforeAvatarUpload(file) {
+      //上传之前的回调
+      this.item.value = "";
+      const fileType = /\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(
+        file.name.toLowerCase()
+      );
+      if (!fileType) {
+        this.$message.error("图片格式为常见的jpg、png、gif格式！");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 5;
+      if (!isLt2M) {
+        this.$message.error("上传的图片大小不能超过 5MB!");
+      }
+      return isLt2M && fileType;
+    },
+    beforeUpload(file) {
+      //上传之前的回调
+      const fileType = /\.(mp4|ogg|flv|mkv|MP4|FLV|MKV|OGG)$/.test(
+        file.name.toLowerCase()
+      );
+      if (!fileType) {
+        this.$message.error("文件格式为常见的mp4,ogg,flv,mkv格式！");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 100;
+      if (!isLt2M) {
+        this.$message.error("上传的文件大小不能超过100MB!");
+      }
+      if (isLt2M && fileType) {
+        this.uploading.push(file.uid);
+      }
+      return isLt2M && fileType;
+    },
+    handleAvatarSuccess(res, file) {
+      this.imageUrl = URL.createObjectURL(file.raw);
+      console.log(this.imageUrl);
+    },
+    handelError(error, file, fileList) {
+      console.log(response);
+      console.log(file);
+      console.log(fileList);
+    },
+    handleRemove(file, fileList) {
+      this.item.value = "";
+    }
+  },
+  watch: {
+    item: {
+      handler() {
+        if (this.item.fileType === "video" && this.item.value) {
+          this.fileList = [];
+          this.fileList.push({
+            name: item.value,
+            url: item.value
+          });
+        }
+      },
+      deep: true //深度监听
+    }
+  }
+};
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.el-icon-plus.avatar-uploader-icon {
+  line-height: 100px;
+}
+</style>
+<style>
+.template-input .el-upload-list--picture-card .el-upload-list__item,
+.template-input .el-upload--picture-card {
+  width: 100px;
+  height: 100px;
+}
+.template-input .el-upload--picture-card {
+  line-height: 104px;
+}
+.template-input .el-select {
+  width: 220px;
+}
+.template-input .el-form-item__content .el-loading-mask {
+  width: 102px;
+  height: 102px;
+}
+
+.template-input .el-upload-add .el-loading-mask {
+  top: -36px;
+  right: 72px;
+  left: initial;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+  border: 1px dashed #c0ccda;
+  border-radius: 6px;
+  background-color: #fbfdff;
+}
+.avatar {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+.el-upload,
+.el-upload img {
+  /* border: 1px dashed #c0ccda; */
+  border-radius: 6px;
+}
 </style>

package/src/views/templates/readme.md

@@ -1,2 +1,2 @@
-###三、分页的方法
-####
+###三、分页的方法
+####