首页

2 months ago · e4de4d1545
9 changed files with 828 additions and 0 deletions
--- a/components/cs-text-more/index.vue
+++ b/components/cs-text-more/index.vue
@ -0,0 +1,58 @@
+<template>
+  <view :style="{ color }">
+    <view
+      style="
+        font-size: 13px;
+        line-height: 160%;
+        position: relative;
+        transform: 0.2s all;
+        color: inherit;
+      "
+      v-if="value.length < splitLength"
+    >
+      {{ value }}
+    </view>
+    <view
+      v-else
+      style="
+        font-size: 13px;
+        line-height: 160%;
+        position: relative;
+        transform: 0.2s all;
+        color: inherit;
+      "
+      @tap="isShowAllText = !isShowAllText"
+    >
+      {{ isShowAllText ? value : `${value.slice(1, splitLength)}...` }}
+      <text style="color: #17c653; padding-left: 4px">
+        {{ isShowAllText ? '收起' : '展开' }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'cs-text-more',
+  data() {
+    return {
+      isShowAllText: false
+    }
+  },
+  props: {
+    value: {
+      type: String,
+      default: '文本简介'.repeat(20)
+    },
+    color: {
+      type: String
+    },
+    splitLength: {
+      type: Number,
+      default: 60
+    }
+  }
+}
+</script>
+
+<style lang="scss"></style>
--- a/sub/inspection/detail.vue
+++ b/sub/inspection/detail.vue
@ -0,0 +1,176 @@
+<template>
+  <scroll-view scroll-y flex-enable class="view-container" st>
+    <view
+      class="box"
+      @tap="goDetail(task)"
+      v-for="task in list"
+      :key="task.id"
+    >
+      <view class="wd-font-800">{{ task.title }}</view>
+      <view class="tagList">
+        <view
+          v-for="(tag, index) in task.tagList"
+          :key="index"
+          class="tag"
+        >
+          {{ tag }}
+        </view>
+      </view>
+      <view
+        class="wd-flex wd-text-13"
+        style="justify-content: space-between"
+      >
+        <view class="wd-flex" style="align-items: center; gap: 4px">
+          <u-icon name="calendar" color="#17C653" />
+          <text class="wd-text-13 wd-ml-4px">
+            {{
+              `${$util.formatDate(
+                task.startDate,
+                'YYYY/M/D'
+              )} ~ ${$util.formatDate(task.endDate, 'YYYY/M/D')}`
+            }}
+          </text>
+        </view>
+      </view>
+      <cs-text-more :value="task.description"></cs-text-more>
+      <view class="status">
+        <cs-dict-tag
+          :dict="dictMap.task_state"
+          :value="task.taskType"
+        ></cs-dict-tag>
+      </view>
+    </view>
+    <u-loadmore :status="load" marginTop="12" marginBottom="12" />
+  </scroll-view>
+</template>
+
+<script>
+import { getDictBatchByType } from '@/api/system/dict.js'
+import { getTaskList } from '@/api/enterprise/index.js'
+export default {
+  data() {
+    return {
+      queryParams: {
+        enterpriseId: '',
+        pageNo: 1,
+        pageSize: 10
+      },
+      list: [],
+      dictMap: {},
+      load: 'loadmore'
+    }
+  },
+  onLoad(res) {
+    uni.setNavigationBarTitle({
+      title: res.enterprisesName
+    })
+    this.queryParams.enterpriseId = res.enterprisesId
+    this.getDict()
+    this.getList()
+  },
+  onReachBottom() {
+    this.loadMore()
+  },
+  onPullDownRefresh() {
+    this.reset()
+  },
+  methods: {
+    /**
+     * 获取字典
+     */
+    async getDict() {
+      const dict = await getDictBatchByType({
+        type: ['task_state'].join(',')
+      })
+      this.dictMap = {
+        ...dict.data
+      }
+    },
+    async getList() {
+      uni.showToast({
+        title: '加载中',
+        mask: true,
+        icon: 'loading'
+      })
+      this.load = 'loading'
+      const res = await getTaskList(this.queryParams)
+      this.list.push(...res.data.list)
+      this.load = 'loadmore'
+      if (this.list.length == res.data.total) {
+        this.load = 'nomore'
+      }
+      uni.hideToast()
+    },
+    loadMore() {
+      if (this.load == 'nomore') {
+        uni.showToast({
+          title: '没有更多了',
+          icon: 'none'
+        })
+        return
+      }
+      this.queryParams.pageNo++
+      this.getList()
+    },
+    reset() {
+      this.queryParams.pageNo = 1
+      this.getList()
+    },
+    goDetail(task) {
+      console.log(task)
+      uni.navigateTo({
+        url: `/sub/inspection/record?taskId=${task.inspectionsId}&taskName=${task.title}`
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.view-container {
+  padding: 12px;
+  flex-direction: column;
+  white-space: nowrap;
+  .box {
+    border-radius: 12px;
+    padding: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    background-color: #fff;
+    position: relative;
+    margin-bottom: 12px;
+    overflow: hidden;
+    .tagList {
+      display: flex;
+      align-items: center;
+      gap: var(--Number-4px, 4px);
+      .tag {
+        display: flex;
+        padding: var(--Number-2px, 2px) var(--Number-6px, 6px);
+        justify-content: center;
+        align-items: center;
+        gap: var(--Number-4px, 4px);
+        border-radius: var(--Number-2px, 2px);
+        background: var(--LightMode-Grey-Grey-100, #f9f9f9);
+        color: var(--LightMode-Grey-Grey-600, #78829d);
+        text-align: center;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+    }
+    .status {
+      position: absolute;
+      right: -19px;
+      top: 6px;
+      transform: rotateZ(45deg) translateX(20px) translateY(-20px);
+      transform-origin: 50% 50%;
+      padding: 4px 20px;
+      font-size: 12px;
+      text-align: center;
+    }
+  }
+}
+</style>
--- a/sub/inspection/record.vue
+++ b/sub/inspection/record.vue
@ -0,0 +1,142 @@
+<template>
+  <scroll-view scroll-y flex-enable class="view-container">
+    <view class="box" v-for="log in list" :key="log.id">
+      <view class="wd-flex" style="gap: 10px; align-items: center">
+        <view
+          :style="{
+            color: $dict.echoDictOption(
+              dictMap.inspections_mark,
+              log.status
+            ).remark
+          }"
+        >
+          {{
+            $dict.echoDictOption(dictMap.inspections_mark, log.status)
+              .label
+          }}
+        </view>
+        <view class="">
+          {{ $util.formatDate(log.createTime, 'YYYY/M/D') }}
+        </view>
+      </view>
+      <scroll-view
+        scroll-x
+        style="flex-flow: row nowrap; white-space: nowrap"
+        :enable-flex="true"
+      >
+        <view
+          v-for="people in log.userList"
+          :key="people.userId"
+          style="
+            display: inline-flex;
+            gap: 12px;
+            border: 1px solid #f9f9f9;
+            border-radius: 8px;
+            padding: 12px;
+            margin-right: 12px;
+          "
+        >
+          <u-avatar
+            :src="people.avtar"
+            size="40px"
+            shape="circle"
+          ></u-avatar>
+          <view class="wd-flex wd-flex-col" style="gap: 2px">
+            <text>{{ people.realName }}</text>
+            <text>{{ people.deptName }}</text>
+          </view>
+        </view>
+      </scroll-view>
+      <cs-text-more :value="log.feedBack"></cs-text-more>
+      <view class="imageList">
+        <image
+          :src="photo.url"
+          v-for="photo in log.fileList"
+          :key="photo.id"
+          mode="aspectFill"
+          class="image"
+        ></image>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script>
+import { getDictBatchByType } from '@/api/system/dict.js'
+import { getTaskLog } from '@/api/enterprise/index.js'
+export default {
+  data() {
+    return {
+      queryParams: {
+        taskId: ''
+      },
+      list: [],
+      dictMap: {}
+    }
+  },
+  onLoad(res) {
+    uni.setNavigationBarTitle({
+      title: res.taskName
+    })
+    this.queryParams.taskId = res.taskId
+    this.getDict()
+    this.getList()
+  },
+  onReachBottom() {
+    this.loadMore()
+  },
+  onPullDownRefresh() {
+    this.reset()
+  },
+  methods: {
+    /**
+     * 获取字典
+     */
+    async getDict() {
+      const dict = await getDictBatchByType({
+        type: ['inspections_mark'].join(',')
+      })
+      this.dictMap = {
+        ...dict.data
+      }
+    },
+    async getList() {
+      uni.showToast({
+        title: '加载中',
+        mask: true,
+        icon: 'loading'
+      })
+      const res = await getTaskLog(this.queryParams.taskId)
+      this.list = res.data
+      uni.hideToast()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.view-container {
+  padding: 12px;
+  flex-direction: column;
+  gap: 12px;
+  .box {
+    border-radius: 12px;
+    padding: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    background-color: #fff;
+    position: relative;
+    margin-bottom: 12px;
+    .imageList {
+      display: flex;
+      gap: 12px;
+      .image {
+        width: 192rpx;
+        height: 192rpx;
+        border-radius: 8px;
+      }
+    }
+  }
+}
+</style>
--- a/wxcomponents/ec-canvas/ec-canvas.js
+++ b/wxcomponents/ec-canvas/ec-canvas.js
@ -0,0 +1,284 @@
+import WxCanvas from './wx-canvas';
+import * as echarts from './echarts';
+
+let ctx;
+
+function compareVersion(v1, v2) {
+  v1 = v1.split('.')
+  v2 = v2.split('.')
+  const len = Math.max(v1.length, v2.length)
+
+  while (v1.length < len) {
+    v1.push('0')
+  }
+  while (v2.length < len) {
+    v2.push('0')
+  }
+
+  for (let i = 0; i < len; i++) {
+    const num1 = parseInt(v1[i])
+    const num2 = parseInt(v2[i])
+
+    if (num1 > num2) {
+      return 1
+    } else if (num1 < num2) {
+      return -1
+    }
+  }
+  return 0
+}
+
+Component({
+  properties: {
+    canvasId: {
+      type: String,
+      value: 'ec-canvas'
+    },
+
+    ec: {
+      type: Object
+    },
+
+    forceUseOldCanvas: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  data: {
+    isUseNewCanvas: false
+  },
+
+  ready: function () {
+    // Disable prograssive because drawImage doesn't support DOM as parameter
+    // See https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html
+    echarts.registerPreprocessor(option => {
+      if (option && option.series) {
+        if (option.series.length > 0) {
+          option.series.forEach(series => {
+            series.progressive = 0;
+          });
+        }
+        else if (typeof option.series === 'object') {
+          option.series.progressive = 0;
+        }
+      }
+    });
+
+    if (!this.data.ec) {
+      console.warn('组件需绑定 ec 变量，例：<ec-canvas id="mychart-dom-bar" '
+        + 'canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>');
+      return;
+    }
+
+    if (!this.data.ec.lazyLoad) {
+      this.init();
+    }
+  },
+
+  methods: {
+    init: function (callback) {
+      const version = wx.getSystemInfoSync().SDKVersion
+
+      const canUseNewCanvas = compareVersion(version, '2.9.0') >= 0;
+      const forceUseOldCanvas = this.data.forceUseOldCanvas;
+      const isUseNewCanvas = canUseNewCanvas && !forceUseOldCanvas;
+      this.setData({ isUseNewCanvas });
+
+      if (forceUseOldCanvas && canUseNewCanvas) {
+        console.warn('开发者强制使用旧canvas,建议关闭');
+      }
+
+      if (isUseNewCanvas) {
+        // console.log('微信基础库版本大于2.9.0，开始使用<canvas type="2d"/>');
+        // 2.9.0 可以使用 <canvas type="2d"></canvas>
+        this.initByNewWay(callback);
+      } else {
+        const isValid = compareVersion(version, '1.9.91') >= 0
+        if (!isValid) {
+          console.error('微信基础库版本过低，需大于等于 1.9.91。'
+            + '参见：https://github.com/ecomfe/echarts-for-weixin'
+            + '#%E5%BE%AE%E4%BF%A1%E7%89%88%E6%9C%AC%E8%A6%81%E6%B1%82');
+          return;
+        } else {
+          console.warn('建议将微信基础库调整大于等于2.9.0版本。升级后绘图将有更好性能');
+          this.initByOldWay(callback);
+        }
+      }
+    },
+
+    initByOldWay(callback) {
+      // 1.9.91 <= version < 2.9.0：原来的方式初始化
+      ctx = wx.createCanvasContext(this.data.canvasId, this);
+      const canvas = new WxCanvas(ctx, this.data.canvasId, false);
+
+      if (echarts.setPlatformAPI) {
+        echarts.setPlatformAPI({
+          createCanvas: () => canvas,
+        });
+      } else {
+        echarts.setCanvasCreator(() => canvas);
+      };
+      // const canvasDpr = wx.getSystemInfoSync().pixelRatio // 微信旧的canvas不能传入dpr
+      const canvasDpr = 1
+      var query = wx.createSelectorQuery().in(this);
+      query.select('.ec-canvas').boundingClientRect(res => {
+        if (typeof callback === 'function') {
+          this.chart = callback(canvas, res.width, res.height, canvasDpr);
+        }
+        else if (this.data.ec && typeof this.data.ec.onInit === 'function') {
+          this.chart = this.data.ec.onInit(canvas, res.width, res.height, canvasDpr);
+        }
+        else {
+          this.triggerEvent('init', {
+            canvas: canvas,
+            width: res.width,
+            height: res.height,
+            canvasDpr: canvasDpr // 增加了dpr，可方便外面echarts.init
+          });
+        }
+      }).exec();
+    },
+
+    initByNewWay(callback) {
+      // version >= 2.9.0：使用新的方式初始化
+      const query = wx.createSelectorQuery().in(this)
+      query
+        .select('.ec-canvas')
+        .fields({ node: true, size: true })
+        .exec(res => {
+          const canvasNode = res[0].node
+          this.canvasNode = canvasNode
+
+          const canvasDpr = wx.getSystemInfoSync().pixelRatio
+          const canvasWidth = res[0].width
+          const canvasHeight = res[0].height
+
+          const ctx = canvasNode.getContext('2d')
+
+          const canvas = new WxCanvas(ctx, this.data.canvasId, true, canvasNode)
+          if (echarts.setPlatformAPI) {
+            echarts.setPlatformAPI({
+              createCanvas: () => canvas,
+              loadImage: (src, onload, onerror) => {
+                if (canvasNode.createImage) {
+                  const image = canvasNode.createImage();
+                  image.onload = onload;
+                  image.onerror = onerror;
+                  image.src = src;
+                  return image;
+                }
+                console.error('加载图片依赖 `Canvas.createImage()` API，要求小程序基础库版本在 2.7.0 及以上。');
+                // PENDING fallback?
+              }
+            })
+          } else {
+            echarts.setCanvasCreator(() => canvas)
+          }
+
+          if (typeof callback === 'function') {
+            this.chart = callback(canvas, canvasWidth, canvasHeight, canvasDpr)
+          } else if (this.data.ec && typeof this.data.ec.onInit === 'function') {
+            this.chart = this.data.ec.onInit(canvas, canvasWidth, canvasHeight, canvasDpr)
+          } else {
+            this.triggerEvent('init', {
+              canvas: canvas,
+              width: canvasWidth,
+              height: canvasHeight,
+              dpr: canvasDpr
+            })
+          }
+        })
+    },
+    canvasToTempFilePath(opt) {
+      if (this.data.isUseNewCanvas) {
+        // 新版
+        const query = wx.createSelectorQuery().in(this)
+        query
+          .select('.ec-canvas')
+          .fields({ node: true, size: true })
+          .exec(res => {
+            const canvasNode = res[0].node
+            opt.canvas = canvasNode
+            wx.canvasToTempFilePath(opt)
+          })
+      } else {
+        // 旧的
+        if (!opt.canvasId) {
+          opt.canvasId = this.data.canvasId;
+        }
+        ctx.draw(true, () => {
+          wx.canvasToTempFilePath(opt, this);
+        });
+      }
+    },
+
+    touchStart(e) {
+      if (this.chart && e.touches.length > 0) {
+        var touch = e.touches[0];
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mousedown', {
+          zrX: touch.x,
+          zrY: touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+        handler.dispatch('mousemove', {
+          zrX: touch.x,
+          zrY: touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+        handler.processGesture(wrapTouch(e), 'start');
+      }
+    },
+
+    touchMove(e) {
+      if (this.chart && e.touches.length > 0) {
+        var touch = e.touches[0];
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mousemove', {
+          zrX: touch.x,
+          zrY: touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+        handler.processGesture(wrapTouch(e), 'change');
+      }
+    },
+
+    touchEnd(e) {
+      if (this.chart) {
+        const touch = e.changedTouches ? e.changedTouches[0] : {};
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mouseup', {
+          zrX: touch.x,
+          zrY: touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+        handler.dispatch('click', {
+          zrX: touch.x,
+          zrY: touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+        handler.processGesture(wrapTouch(e), 'end');
+      }
+    }
+  }
+});
+
+function wrapTouch(event) {
+  for (let i = 0; i < event.touches.length; ++i) {
+    const touch = event.touches[i];
+    touch.offsetX = touch.x;
+    touch.offsetY = touch.y;
+  }
+  return event;
+}
--- a/wxcomponents/ec-canvas/ec-canvas.json
+++ b/wxcomponents/ec-canvas/ec-canvas.json
@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
--- a/wxcomponents/ec-canvas/ec-canvas.wxml
+++ b/wxcomponents/ec-canvas/ec-canvas.wxml
@ -0,0 +1,4 @@
+<!-- 新的：接口对其了H5 -->
+<canvas wx:if="{{isUseNewCanvas}}" type="2d" class="ec-canvas" canvas-id="{{ canvasId }}" bindinit="init" bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}" bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}" bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"></canvas>
+<!-- 旧的 -->
+<canvas wx:else class="ec-canvas" canvas-id="{{ canvasId }}" bindinit="init" bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}" bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}" bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"></canvas>
--- a/wxcomponents/ec-canvas/ec-canvas.wxss
+++ b/wxcomponents/ec-canvas/ec-canvas.wxss
@ -0,0 +1,4 @@
+.ec-canvas {
+  width: 100%;
+  height: 100%;
+}
--- a/wxcomponents/ec-canvas/echarts.js
+++ b/wxcomponents/ec-canvas/echarts.js
--- a/wxcomponents/ec-canvas/wx-canvas.js
+++ b/wxcomponents/ec-canvas/wx-canvas.js
@ -0,0 +1,111 @@
+export default class WxCanvas {
+  constructor(ctx, canvasId, isNew, canvasNode) {
+    this.ctx = ctx;
+    this.canvasId = canvasId;
+    this.chart = null;
+    this.isNew = isNew
+    if (isNew) {
+      this.canvasNode = canvasNode;
+    }
+    else {
+      this._initStyle(ctx);
+    }
+
+    // this._initCanvas(zrender, ctx);
+
+    this._initEvent();
+  }
+
+  getContext(contextType) {
+    if (contextType === '2d') {
+      return this.ctx;
+    }
+  }
+
+  // canvasToTempFilePath(opt) {
+  //   if (!opt.canvasId) {
+  //     opt.canvasId = this.canvasId;
+  //   }
+  //   return wx.canvasToTempFilePath(opt, this);
+  // }
+
+  setChart(chart) {
+    this.chart = chart;
+  }
+
+  addEventListener() {
+    // noop
+  }
+
+  attachEvent() {
+    // noop
+  }
+
+  detachEvent() {
+    // noop
+  }
+
+  _initCanvas(zrender, ctx) {
+    zrender.util.getContext = function () {
+      return ctx;
+    };
+
+    zrender.util.$override('measureText', function (text, font) {
+      ctx.font = font || '12px sans-serif';
+      return ctx.measureText(text);
+    });
+  }
+
+  _initStyle(ctx) {
+    ctx.createRadialGradient = () => {
+      return ctx.createCircularGradient(arguments);
+    };
+  }
+
+  _initEvent() {
+    this.event = {};
+    const eventNames = [{
+      wxName: 'touchStart',
+      ecName: 'mousedown'
+    }, {
+      wxName: 'touchMove',
+      ecName: 'mousemove'
+    }, {
+      wxName: 'touchEnd',
+      ecName: 'mouseup'
+    }, {
+      wxName: 'touchEnd',
+      ecName: 'click'
+    }];
+    eventNames.forEach(name => {
+      this.event[name.wxName] = e => {
+        const touch = e.touches[0];
+        this.chart.getZr().handler.dispatch(name.ecName, {
+          zrX: name.wxName === 'tap' ? touch.clientX : touch.x,
+          zrY: name.wxName === 'tap' ? touch.clientY : touch.y,
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {}
+        });
+      };
+    });
+  }
+
+  set width(w) {
+    if (this.canvasNode) this.canvasNode.width = w
+  }
+  set height(h) {
+    if (this.canvasNode) this.canvasNode.height = h
+  }
+
+  get width() {
+    if (this.canvasNode)
+      return this.canvasNode.width
+    return 0
+  }
+  get height() {
+    if (this.canvasNode)
+      return this.canvasNode.height
+    return 0
+  }
+}