// pages/selfpatrol/components/patrol-item/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    item: {
      type: Object,
      observer(value) {
        this.parseItem(value);
      },
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    // progressColor: ['#E83F3F', '#FFAD5B', '#20AD5E'],
    progressColor: { from: '#000', to: '#000' },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    parseItem(value) {
      const { finished, total, ledgerTypeName } = value;
      const progressValue = total == 0 ? 0 : (finished / total) * 100;
      let progressColor;
      if (progressValue >= (2 / 3) * 100) {
        progressColor = 'green';
      } else if (progressValue >= (1 / 3) * 100) {
        progressColor = 'orange';
      } else {
        progressColor = 'red';
      }
      const taskContent = ledgerTypeName.replaceAll(';', '、');
      this.setData({ progressColor, progressValue, taskContent });
    },

    navToPatrolDetail() {
      const { guid } = this.data.item;
      wx.navigateTo({
        url: `/pages/selfpatrol/patroldetail/index?taskId=${guid}`,
      });
    },
  },
});