cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/scale-view/formitem/r-upload.vue

@@ -1,287 +0,0 @@
-<template>
-  <div class="r-upload">
-    <div v-if="upType == 'UPFILE'">
-      <a-upload-dragger
-        name="file"
-        :multiple="true"
-        :defaultFileList="defaultFileList"
-        :action="uploadFileUrl"
-        @change="handleFileChange"
-        :disabled="isLock"
-      >
-        <p class="dragger-upload-text">
-          <a-icon class="m-icon" type="plus" />请点击文件上传,单个文件50M以内。
-        </p>
-      </a-upload-dragger>
-    </div>
-    <div v-if="upType == 'UPPICTURE'">
-      <a-upload
-        list-type="picture-card"
-        accept="image/*"
-        method="post"
-        :defaultFileList="defaultFileList"
-        :action="uploadPictureUrl"
-        :before-upload="beforeUpload"
-        :disabled="isLock"
-        @preview="handlePreview"
-        @change="handlePictureChange"
-      >
-        <div v-if="fileList.length < limitPic" class="upload-img-wrap">
-          <!-- <a-icon type="plus" />
-          <div class="ant-upload-text">
-            添加图片
-          </div> -->
-          <a-icon type="camera" />
-          <p>添加图片</p>
-        </div>
-      </a-upload>
-      <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel"       :cancelText="'取消'"
-      :okText="'确定'">
-        <img alt="example" style="width: 100%" :src="previewImage" />
-      </a-modal>
-    </div>
-  </div>
-</template>
-
-<script>
-import { Upload, Modal, Icon } from "ant-design-vue";
-import utils from "@/utils/utils-map";
-export default {
-  props: {
-    value: [Array, String],
-    upType: { default: "UPFILE", type: String },
-    isLock: { type: Boolean, default: false },
-    limitPic: { type: [String, Number], default: "1" },
-    useFileList: { type: [Array, String] },
-    uploadPictureUrl:{type: String, default: ''},
-    uploadFileUrl:{type: String, default: ''},
-  },
-  watch: {
-    useFileList: {
-      immediate: true,
-      handler(value) {
-        if (!value) return;
-        this.defaultFileList = this.handlerDefaultUpload(value);
-        if (this.upType == "UPPICTURE") {
-          this.fileList = this.handlerFormatUpload(this.defaultFileList);
-        } else if (this.upType == "UPFILE") {
-          this.fileList.push(...this.defaultFileList);
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      defaultFileList: [],
-      fileList: [],
-      previewVisible: false,
-      previewImage: ""
-    };
-  },
-  methods: {
-    handleCancel() {
-      this.previewVisible = false;
-    },
-    handlePreview(file) {
-      if (file.response) {
-        if (file.response.result == "SUCCESS") {
-          this.previewImage = file.response.map.url;
-          this.previewVisible = true;
-        }
-      } else {
-        this.previewImage = file.url || file.thumbUrl;
-        this.previewVisible = true;
-      }
-    },
-    handleFileChange(info) {
-      const { file, fileList } = info;
-      if (file.response) {
-        if (file.response.result == "SUCCESS") {
-          this.fileList = this.handlerFormatUpload(fileList);
-          this.$emit("change", this.fileList);
-        } else {
-          if (file.status == "removed") return;
-          this.$message.error(file.response.resultMsg || "上传失败！");
-        }
-      }
-    },
-    handlePictureChange(info) {
-      const { file, fileList } = info;
-      if (!fileList.length) {
-        this.fileList = [];
-        this.$emit("change", this.fileList);
-        return;
-      }
-      if (file.response) {
-        if (file.response.result == "SUCCESS") {
-          this.fileList = this.handlerFormatUpload(fileList);
-          this.$emit("change", this.fileList);
-        } else {
-          this.$message.error(file.response.resultMsg || "上传失败！");
-        }
-      } else {
-        if (file.status !== "uploading") {
-          let curIndex = fileList.findIndex(f => f.uid == file.uid);
-          fileList.splice(curIndex, 1);
-        }
-      }
-    },
-    beforeUpload(file) {
-      const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
-      if (!isJpgOrPng) {
-        this.$message.error("仅支持jpeg/png格式");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 2;
-      if (!isLt2M) {
-        this.$message.error("上传图片限制在2MB以内");
-      }
-      return isJpgOrPng && isLt2M;
-    },
-    handlerFormatUpload(data = []) {
-      // type = pic / file
-      if (data.length === 0) {
-        return "";
-      }
-      const fileData = [];
-      // const picData = [];
-      data.forEach(item => {
-        if (
-          item.status === "done" &&
-          ((item.response && item.response.result == "SUCCESS") || item.url)
-        ) {
-          const { map = {} } = item.response || {};
-          fileData.push({
-            name: item.name,
-            size: item.size,
-            url: item.url || map.url
-          });
-          // picData.push(item.url || map.url);
-        }
-      });
-      // if (type === "pic") {
-      //   return picData.length ? picData[picData.length - 1] : undefined;
-      // } else {
-      return fileData.length ? fileData : undefined;
-      // }
-    },
-    handlerDefaultUpload(data, type = "default") {
-      let currentData;
-      let fileList;
-      if (utils.isJSON(data)) {
-        currentData = JSON.parse(data);
-      } else {
-        currentData = data;
-      }
-
-      if (currentData instanceof Array) {
-        currentData.forEach(item => {
-          item.uid = (-Math.random()).toString();
-          item.status = "done";
-        });
-        fileList = currentData;
-      } else if (typeof currentData === "string" && currentData.length > 0) {
-        const currentList = currentData.split(",");
-        fileList = [];
-        currentList.forEach(v => {
-          if (v) {
-            fileList.push({
-              url: v,
-              thumbUrl: v,
-              uid: (-Math.random()).toString(),
-              name: "name",
-              status: "done"
-            });
-          }
-        });
-      } else {
-        fileList = [];
-      }
-      if (type === "default") {
-        return fileList;
-      } else {
-        return { fileList: fileList };
-      }
-    }
-  },
-  components:{
-    [Upload.name]: Upload,
-    [Icon.name]: Icon,
-    [Modal.name]: Modal,
-    [Upload.Dragger.name]: Upload.Dragger
-  }
-};
-</script>
-<style lang="less" scoped>
-.r-upload {
-  /deep/.avatar-uploader > .ant-upload {
-    width: 128px;
-    height: 128px;
-    img {
-      height: 128px;
-      width: 128px;
-    }
-  }
-  /deep/.ant-upload-select-picture-card i {
-    font-size: 32px;
-    color: #999;
-  }
-
-  /deep/.ant-upload-select-picture-card .ant-upload-text {
-    margin-top: 8px;
-    color: #666;
-  }
-  /deep/.ant-upload.ant-upload-drag {
-    border-color: #d5d5d5;
-    &:hover {
-      border-color: #2d7aff;
-      p {
-        color: #5585f5;
-      }
-      i {
-        color: #5585f5;
-      }
-    }
-  }
-  /deep/ .ant-upload.ant-upload-select-picture-card {
-    border-color: #d5d5d5;
-    width: 184px;
-    height: 184px;
-
-    &:hover {
-      border-color: #2d7aff;
-      p {
-        color: #5585f5;
-      }
-      i {
-        color: #5585f5;
-      }
-    }
-  }
-  /deep/ .ant-upload-list-picture-card-container {
-    width: unset;
-    height: unset;
-  }
-  /deep/ .ant-upload-list-picture-card .ant-upload-list-item {
-    width: 184px;
-    height: 184px;
-    .ant-upload-list-item-uploading-text {
-      text-align: center;
-    }
-  }
-  .upload-img-wrap {
-    i {
-      color: #464444;
-      font-size: 29px;
-    }
-  }
-  .dragger-upload-text {
-    text-align: left;
-    padding-left: 30px;
-    .m-icon {
-      font-size: 16px;
-      color: black;
-      margin-right: 16px;
-    }
-  }
-}
-</style>

package/packages/scale-view/formitem/text-over-tooltip/TextOverTooltip.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="text-over-tooltip-components">
-    <template  v-if="isDisabledTooltip">
-      <div class="ellipsis">
-        <i ref="strContent">{{curContent}}</i>
-      </div>
-    </template>
-    <template v-else>
-    <a-tooltip v-bind="$attrs" :title="curContent" >
-      {{curContent}}
-    </a-tooltip>
-    </template>
-  </div>
-</template>
-
-<script>
-import { Tooltip } from "ant-design-vue";
-export default {
-  name: "TextOverTooltip",
-  components: {
-    [Tooltip.name]: Tooltip
-  },
-  watch:{
-    curContent:{
-      immediate: true,
-      handler(val){
-        if(val){
-          this.$nextTick(()=>{
-            this.onMouseOver()
-          })
-        }
-      }
-    }
-  },
-  props: {
-    // 显示的文字内容
-    content: { type: [Number, String] },
-  },
-  data() {
-    return {
-      isDisabledTooltip: true // 是否需要禁止提示
-    };
-  },
-  computed: {
-    curContent() {
-      let res = this.tooltipTitle || this.content || "";
-      res = String(res)
-      return res;
-    }
-  },
-  methods: {
-    onMouseOver(str) {
-      if (this.isAlias) {
-        this.isDisabledTooltip = false;
-        return;
-      }
-      let node = this.$refs['strContent'];
-      let parentWidth = node.parentNode.offsetWidth;
-      let contentWidth = node.offsetWidth;
-      // 判断是否禁用tooltip功能
-      this.isDisabledTooltip = contentWidth <= parentWidth;
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.text-over-tooltip-components {
-  display: inline-block;
-  max-width: 100%;
-  /* 文字超出宽度显示省略号 单行 */
-  .ellipsis {
-    font-size: 14px;
-    color: #35393c;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    i {
-      font-style: normal;
-      word-break: keep-all;
-      white-space: nowrap;
-    }
-  }
-  /* 自定义样式 */
-  .fs20 {
-    font-size: 20px;
-    font-weight: 600;
-    color: green;
-    line-height: 22px;
-  }
-  .fs12 {
-    font-size: 12px;
-    font-weight: 400;
-    color: orange;
-    line-height: 14px;
-  }
-}
-</style>

package/packages/scale-view/index.js

@@ -1,17 +0,0 @@
-// 导入组件
-import scaleView from './scaleView';
-import CustomList from './customList';
-
-// 为组件提供 install 安装方法，供按需引入
-scaleView.install = function(Vue) {
-  Vue.component(scaleView.name, scaleView);
-  Vue.component(CustomList.name, CustomList);
-};
-
-Object.assign(scaleView, {
-  CustomList,
-});
-
-
-// 默认导出组件
-export default scaleView;

package/packages/scale-view/mixin/NoData.js

@@ -1,24 +0,0 @@
-/** 无数据 */
-
-export default {
-  data() {
-    return {
-      noData: false,
-      noDataTip: "1.1.6.11",
-      noDataImg: "nodata"
-    };
-  },
-  methods: {
-    // 跳转坐标云平台
-    setNoData(noData, noDataTip = "1.1.6.11", noDataImg = "nodata") {
-      this.noData = noData;
-      this.noDataTip = noDataTip || "1.1.6.11";
-      this.noDataImg = this.$utils.errResult(noDataImg) || "nodata";
-    },
-    resetNodata() {
-      this.noData = false;
-      this.noDataTip = "1.1.6.11";
-      this.noDataImg = "nodata";
-    }
-  }
-};

package/packages/scale-view/mixin/evaluate.js

@@ -1,146 +0,0 @@
-import vexutils from '@/utils/vexutils';
-import moment from 'moment';
-export default {
-  data() {
-    return {
-      totalLen: 0,
-      timer: null,
-      countdownStr: "",
-      isTimeOut: false,
-      countdownRed: false,
-      filterArr: [
-        "LINEBAR",
-        "TITLE",
-        "CALLBACK_INTERFACE",
-        "SPREAD_PARAMS",
-        "REDIRECT",
-        "FRONT_ADDRESS",
-        "PROMPT",
-        "IMGCARD",
-        "RETURN_PATH",
-        "RICH_TEXT",
-        "SUCCESS_TIP"
-      ]
-    };
-  },
-  props: {},
-
-  computed: {
-    evaluateStartTime() {
-      return this.evaluateResultSetting?.evaluateStartTime;
-    },
-    getEvaluateStartTime() {
-      let { evaluateStartTime } = this;
-      let tempSt = new Date(evaluateStartTime);
-      let isValidDate = vexutils.isValidDate(tempSt);
-      if (!isValidDate) return false;
-      return tempSt;
-    },
-    getEvaluateTime() {
-      let { evaluateTime } = this.evaluateResultSetting;
-      return +evaluateTime;
-    },
-    getEvaluateEnd() {
-      let { showRange, evaluateStartTime, getEvaluateTime } = this;
-      if (!showRange) return false;
-      if (!getEvaluateTime) return false;
-      let rangTime = moment(evaluateStartTime).add(getEvaluateTime, "minutes").valueOf();
-      // 超出填写时间范围
-      if (this.curTime >= rangTime) return true;
-      // 未提交过
-      return this.isFinished;
-    },
-    getEvaluateText() {
-      if (this.getEvaluateEnd || this.banStart) {
-        return "测评已结束";
-      }
-      return "开始测评";
-    },
-    disabledEvaluate() {
-      let { getEvaluateStartTime, isTimeOut, getEvaluateEnd } = this;
-      let res = (getEvaluateStartTime && !isTimeOut) || getEvaluateEnd;
-      return res;
-    },
-    showRange() {
-      let { evaluateStartTime, getEvaluateStartTime } = this;
-      if (!evaluateStartTime || !getEvaluateStartTime) return false;
-      return true;
-    },
-    showCountdown() {
-      let evaluateTime = this.getEvaluateTime;
-      if (!this.evaluateStartTime) return evaluateTime;
-      if (!evaluateTime) return false;
-      let startTime = this.getEvaluateStartTime;
-      if (startTime) return true;
-      let { evaluateStartTime } = this;
-      let rangTime = moment(evaluateStartTime)
-        .add(evaluateTime, "minutes")
-        .valueOf();
-      return this.curTime < rangTime;
-    }
-  },
-
-  created() {
-    this.clearTimer();
-  },
-  beforeDestroy() {
-    this.clearTimer();
-  },
-  methods: {
-    // 需要校验当前时间是否超出考试时间范围
-    isBanStart() {
-      let { evaluateStartTime, getEvaluateTime } = this;
-      // 必须有开始时间&时长
-      if (!evaluateStartTime || !getEvaluateTime) return false;
-      let startTime = this.getEvaluateStartTime;
-      if (!startTime) return false;
-      // 结束时间
-      let endTime = moment(evaluateStartTime)
-        .add(getEvaluateTime, "minutes")
-        .valueOf();
-      let cur = new Date().getTime();
-      return cur >= endTime;
-    },
-    getTotalLen() {
-      let arrList = this.formArray?.filter(item => !this.filterArr.includes(item.type));
-      if (!arrList || !arrList.length) return;
-      this.totalLen = arrList.length;
-    },
-    countdown(startTime) {
-      this.clearTimer();
-      let msec = startTime - new Date().getTime();
-      if (msec <= 0) {
-        this.countdownStr = "00:00:00";
-        this.isTimeOut = true;
-        if (this.source == "countdown") {
-          this.$emit("closeEvaluateCountdown");
-        }
-        return;
-      }
-      // 小于15min 倒计时需要标红
-      if (msec <= 15 * 60 * 1000 && !this.countdownRed) {
-        this.countdownRed = true;
-      }
-      let day = parseInt(msec / 1000 / 60 / 60 / 24) || "";
-      let hr = parseInt((msec / 1000 / 60 / 60) % 24);
-      let min = parseInt((msec / 1000 / 60) % 60);
-      let sec = parseInt((msec / 1000) % 60);
-      if (day) {
-        day += ":";
-      }
-      hr = hr > 9 ? hr + ":" : "0" + hr + ":";
-      min = min > 9 ? min + ":" : "0" + min + ":";
-      sec = sec > 9 ? sec : "0" + sec;
-      this.countdownStr = `${day}${hr}${min}${sec}`;
-
-      const _this = this;
-      this.timer = setTimeout(function () {
-        _this.countdown(startTime);
-      }, 1000);
-    },
-    clearTimer() {
-      if (this.timer) clearTimeout(this.timer);
-      this.countdownRed = false;
-    }
-  }
-};