import dayjs from 'dayjs'
const app = getApp<IAppOption>()
const licia = require('miniprogram-licia')

let echarts: any = null

Page({
  data: {
    calendarDate: '',
    fold: true,
    ec: {
      lazyLoad: true,
    },
    calendarConfig: {
      multi: false,
      hideSelectYear: true,
      autoChoosedWhenJump: true,
      firstDayOfWeek: 'Mon',
      theme: 'nuohe',
      takeoverTap: true,
      highlightToday: true,
      onlyShowCurrentMonth: true,
      disableMode: {
        type: 'after', // [‘before’, 'after']
      },
    },
    foldAll: true,

    BeginMonth: '',
    EndMonth: '',
    Type: '2',
    Num: '' as string | number,
    fields: {
      1: 'day',
      2: 'month',
      3: 'year',
    },

    detail: {},
    alertAdl: {},
    partNameList: app.globalData.partNameList,
    list: [],
    pagination: {
      page: 1,
      pages: 1,
      count: 1,
    },
    defaultList: [],
    count: 0,
    defaultListLast: {},

    mList: [],

    zdUserInfo: {} as any,
    todayBg: '',

    page: 0,

    tableData: [
      {
        title: '说话',
        key: 'TalkingScore',
      },
      {
        title: '咀嚼',
        key: 'ChewScore',
      },
      {
        title: '吞咽',
        key: 'SwallowScore',
      },
      {
        title: '呼吸',
        key: 'BreathScore',
      },
      {
        title: '刷牙梳头能力受损',
        key: 'BrushTeethAndCombHairScore',
      },
      {
        title: '从椅子上起身能力受损',
        key: 'GetUpFromChairScore',
      },
      {
        title: '复视/重影',
        key: 'DoubleVisionScore',
      },
      {
        title: '眼睑下垂',
        key: 'DroopyEyelidsScore',
      },
    ],

    selectLegends: {
      呼吸: false,
      延髓: false,
      眼肌: false,
      肢体: false,
      总分: true,
    },

    tab: 1,

    theme: '',
  },
  ecDataTrendComponent: null as any,
  ecDataHormoneComponent: null as any,
  onLoad() {
    app.zdGetTheme().then((res) => {
      this.setData({
        theme: res,
      })
    })
  },
  async onShow() {
    echarts = await require.async('../../compontnts/echart/echarts.js')
    this.ecDataTrendComponent = this.selectComponent('#mychart-dom-bar')
    this.ecDataHormoneComponent = this.selectComponent('#mychart-hormone')
    this.setData({
      calendarDate: dayjs().format('YYYY-MM'),
    })
    this.handleChangeType()
    app.waitLogin().then(() => {
      // 强制疾病患者以上身份
      app.zdPermissionVerification(3, 0, `/gift/pages/myHealthRecord/index`).then(() => {
        app.mpBehavior({ PageName: 'PG_PATIENTHEALTHRECORD' })
        app.getZdUserInfo(this, true, (res) => {
          if (res.UserType != 4) {
            this.setData({
              tab: 2,
            })
          }
          this.getCale()
          this.handleTabCallBack()
          this.getMedicationAlertAdl()
        })
      })
    })
  },
  handleChangeInput() {
    if (Number(this.data.Num) > 100) {
      this.setData({
        Num: 100,
      })
    }
  },
  getCale() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/adl/cale',
      data: {
        Month: this.data.calendarDate,
      },
    }).then((res) => {
      this.setCalendarTodos(res)
    })
  },
  setCalendarTodos({ adl = [], medication = [] }: { adl: any[]; medication: string[] }) {
    const theme = this.data.theme
    const calendar = this.selectComponent('#calendar').calendar
    const adlDate = adl.map((item) => item.Date)
    const dates: any[] = []
    const intersectDate = licia.intersect(adlDate, medication)
    const filterAdlDate = adl.filter((item) => !intersectDate.includes(item.Date))
    const filterMedication = medication.filter((item) => !intersectDate.includes(item))
    const intersectAdlDate = adl.filter((item) => intersectDate.includes(item.Date))
    const doc = theme === 'DRUG' ? 'doc' : ' '
    filterMedication.forEach((Date: string) => {
      dates.push({
        year: Date.split('-')[0],
        month: Date.split('-')[1],
        date: Date.split('-')[2],
        class: doc,
      })
    })
    intersectAdlDate.forEach(({ Date, TotalScore, LastTotalScore }) => {
      dates.push({
        year: Date.split('-')[0],
        month: Date.split('-')[1],
        date: Date.split('-')[2],
        class: TotalScore > 5 || TotalScore - LastTotalScore >= 2 ? `error ${doc}` : `primary ${doc}`,
      })
    })
    filterAdlDate.forEach(({ Date, TotalScore, LastTotalScore }) => {
      dates.push({
        year: Date.split('-')[0],
        month: Date.split('-')[1],
        date: Date.split('-')[2],
        class: TotalScore > 5 || TotalScore - LastTotalScore >= 2 ? 'error' : 'primary',
      })
    })
    calendar.setDateStyle(dates)
  },
  getMedicationAlertAdl() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/medication/medication-alert-adl',
      data: {},
    }).then((res) => {
      this.setData({
        alertAdl: res,
      })
    })
  },
  handleWhenChangeMonth(e: { detail: { next: any } }) {
    const current = e.detail.next
    this.setData({
      calendarDate: dayjs(`${current.year}-${current.month}`).format('YYYY-MM'),
    })
    this.getCale()
  },
  handleChangeType(e?: WechatMiniprogram.CustomEvent) {
    let type = ''
    let callback = true
    if (e) {
      type = e.currentTarget.dataset.type
    } else {
      type = this.data.Type
      callback = false
    }
    let EndMonth = ''
    let BeginMonth = ''
    if (type == '1') {
      if (e) {
        app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDDAILYCURVE' })
      }
      EndMonth = dayjs().format('YYYY-MM-DD')
      BeginMonth = dayjs().subtract(6, 'd').format('YYYY-MM-DD')
    } else if (type == '2') {
      if (e) {
        app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDMONTHLYCURVE' })
      }
      EndMonth = dayjs().format('YYYY-MM')
      BeginMonth = dayjs().subtract(1, 'M').format('YYYY-MM')
    } else if (type == '3') {
      if (e) {
        app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDYEARLYCURVE' })
      }
      EndMonth = dayjs().format('YYYY')
      BeginMonth = dayjs().subtract(1, 'y').format('YYYY')
    } else if (type == '4' && e) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDTIMECURVE' })
    }
    this.setData({
      page: 0,
      Type: type,
      Num: '5',
      EndMonth,
      BeginMonth,
    })
    if (callback) {
      this.handleTabCallBack()
    }
  },
  handleChange() {
    this.handleTabCallBack()
  },
  handleTab(e) {
    const { index } = e.currentTarget.dataset
    this.setData({
      tab: index,
    })
    if (index == 1) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDCOMPREHENSIVEREPORT' })
    }
    if (index == 2) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDDUALCOMPLIANCENOTES' })
    }
    if (index == 3) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDMEDICATIONRECORD' })
    }
    this.handleTabCallBack()
  },
  handleTabCallBack() {
    const tab = this.data.tab
    this.setData({
      pagination: {
        page: 1,
        pages: 1,
        count: 1,
      },
    })
    if (tab == 1) {
      this.getAllList()
    }
    if (tab == 2) {
      this.getList()
    }
    if (tab == 3) {
      this.getMedicationList()
    }
    this.getChart()
  },
  getAllList(newPage = 1) {
    const { BeginMonth, EndMonth, Type, Num } = this.data
    wx.ajax({
      method: 'GET',
      url: '?r=zd/adl/composite-list',
      data: {
        Type: Number(Type) === 4 ? 2 : 1,
        DateType: Number(Type) === 4 ? '' : Number(Type),
        StartDate: BeginMonth,
        EndDate: EndMonth,
        Num,
        page: newPage,
      },
    }).then((res) => {
      const list = res.list
      list.map((item) => {
        let grade = 1
        if (item.TotalScore < 5) {
          grade = 1
        } else if (item.TotalScore >= 5 && item.TotalScore < 15) {
          grade = 2
        } else {
          grade = 3
        }
        item.grade = grade
        item.fold = true
        return item
      })

      const newList = res.page === 1 ? res.list : [...this.data.list, ...res.list]
      this.setData({
        list: newList,
        pagination: {
          page: res.page,
          pages: res.pages,
          count: res.count,
        },
      })
    })
  },
  onReachBottom() {
    const { page, pages } = this.data.pagination
    const tab = this.data.tab
    if (pages > page) {
      if (tab == 1) {
        this.getAllList(page + 1)
      }
      if (tab == 2) {
        this.getList(page + 1)
      }
      if (tab == 3) {
        this.getMedicationList(page + 1)
      }
    }
  },
  getList(newPage = 1) {
    const { BeginMonth, EndMonth, Type, Num } = this.data
    wx.ajax({
      method: 'GET',
      url: '?r=zd/adl/list',
      data: {
        Type: Number(Type) === 4 ? 2 : 1,
        DateType: Number(Type) === 4 ? '' : Number(Type),
        StartDate: BeginMonth,
        EndDate: EndMonth,
        Num,
        page: newPage,
      },
    }).then((res) => {
      const list = res.list
      list.map((item) => {
        let grade = 1
        if (item.TotalScore < 5) {
          grade = 1
        } else if (item.TotalScore >= 5 && item.TotalScore < 15) {
          grade = 2
        } else {
          grade = 3
        }
        item.grade = grade
        item.fold = true
        item.Type = 1
        return item
      })
      const newList = res.page === 1 ? res.list : [...this.data.list, ...res.list]
      this.setData({
        list: newList,
        pagination: {
          page: res.page,
          pages: res.pages,
          count: res.count,
        },
      })
    })
  },
  getMedicationList(newPage = 1) {
    const { BeginMonth, EndMonth, Type, Num } = this.data
    wx.ajax({
      method: 'GET',
      url: '?r=zd/medication/list',
      data: {
        Type: Number(Type) === 4 ? 2 : 1,
        DateType: Number(Type) === 4 ? '' : Number(Type),
        StartDate: BeginMonth,
        EndDate: EndMonth,
        Num,
        page: newPage,
      },
    }).then((res) => {
      const list = res.list
      list.map((item) => {
        let grade = 1
        if (item.TotalScore < 5) {
          grade = 1
        } else if (item.TotalScore >= 5 && item.TotalScore < 15) {
          grade = 2
        } else {
          grade = 3
        }
        item.grade = grade
        item.fold = true
        item.Type = 2
        return item
      })
      const newList = res.page === 1 ? res.list : [...this.data.list, ...res.list]
      this.setData({
        list: newList,
        pagination: {
          page: res.page,
          pages: res.pages,
          count: res.count,
        },
      })
    })
  },
  getChart() {
    const { BeginMonth, EndMonth, Type, Num } = this.data
    wx.ajax({
      method: 'GET',
      url: '?r=zd/adl/list',
      data: {
        Type: Number(Type) === 4 ? 2 : 1,
        DateType: Number(Type) === 4 ? '' : Number(Type),
        StartDate: BeginMonth,
        EndDate: EndMonth,
        Num,
        count: 0,
        IsAsc: 1,
      },
    }).then(async (res) => {
      if (Number(Type) == 4) {
        this.setData({
          defaultList: res.list,
          count: res.list.length,
          defaultListLast: res.list.at(-1),
        })
        const chart1 = await this.initChart(res.list)
        const chart2 = await this.initHormoneChart(res.list)
        echarts.connect([chart1, chart2])
      }
    })
    if (Number(Type) != 4) {
      wx.ajax({
        method: 'GET',
        url: '?r=zd/adl/graph',
        data: {
          Type: Number(Type) === 4 ? 2 : 1,
          DateType: Number(Type) === 4 ? '' : Number(Type),
          StartDate: BeginMonth,
          EndDate: EndMonth,
          count: 0,
        },
      }).then(async (res) => {
        const medication = res.medication.map((item) => {
          return {
            Date: item.InjectionDate,
            ...item,
          }
        })
        const list = res.list
        const newList: any[] = this.mergeArr(list, medication)

        if (Number(Type) != 4) {
          this.setData({
            defaultList: newList as never[],
            defaultListLast: newList.at(-1),
            count: list.length,
          })
          const chart1 = await this.initChart(newList as never[])
          const chart2 = await this.initHormoneChart(newList as never[])
          echarts.connect([chart1, chart2])
        }
      })
    }
  },
  mergeArr(array1: any[] = [], array2: any[] = []) {
    // 合并两个数组中相同Date字段的对象
    const mergedArray: any[] = []
    const mergedMap = new Map()

    array1.concat(array2).forEach((obj) => {
      const date = obj.Date
      if (mergedMap.has(date)) {
        mergedMap.get(date).push(obj)
      } else {
        mergedMap.set(date, [obj])
      }
    })

    mergedMap.forEach((objs: any) => {
      if (objs.length === 1) {
        mergedArray.push(objs[0])
      } else {
        const mergedObj = objs.reduce((acc, cur) => ({ ...acc, ...cur }))
        mergedArray.push(mergedObj)
      }
    })

    // 按照Date字段对合并后的数组进行排序
    mergedArray.sort((a, b) => {
      return a.Date.localeCompare(b.Date)
    })
    return mergedArray
  },

  initChart(defaultList = []) {
    const { theme } = this.data
    const list: any = defaultList
    return new Promise((reslove) => {
      this.ecDataTrendComponent.init((canvas, width, height, dpr) => {
        const chart = echarts.init(canvas, null, {
          width,
          height,
          devicePixelRatio: dpr, // new
        })
        canvas.setChart(chart)

        const option: any = {
          tooltip: {
            show: false,
            trigger: 'axis',
            axisPointer: {
              type: 'shadow',
            },
            confine: true,
            backgroundColor: 'rgba(0, 0, 0, 0.5)',
            textStyle: {
              color: '#fff',
              fontSize: 10,
            },
            order: 'seriesDesc',
          },
          grid: {
            top: '30',
            left: '0',
            right: '0',
            bottom: '10',
            containLabel: true,
          },
          xAxis: [
            {
              type: 'category',
              axisTick: {
                show: true,
                inside: true,
                length: 1,
                alignWithLabel: true,
                lineStyle: {
                  type: 'dotted',
                  color: '#D8D8D8',
                  width: 4,
                  cap: 'round',
                },
              },
              axisLine: {
                lineStyle: {
                  color: '#8C8C8C',
                  type: 'dashed',
                },
              },
              data: list.map((item) => dayjs(item.Date).format('MM-DD')),
              axisLabel: {
                formatter() {
                  return ''
                },
              },
            },
          ],
          yAxis: [
            {
              type: 'value',
              minInterval: 1,
            },
          ],
          series: [
            {
              name: '总分',
              data: list.length ? list.map((item) => item.TotalScore) : [25],
              barWidth: '16',
              label: {
                show: true,
                position: 'top',
                color: '#CF5375',
              },
              type: 'line',
              symbol: 'circle',
              symbolSize: 8,
              showSymbol: list.length >= 1,
              connectNulls: true,
              z: 10,
              itemStyle: {
                color: '#CF5375',
              },
              markLine: {
                symbol: ['none', 'none'],
                data: [
                  {
                    name: '达标区(1分)',
                    yAxis: 1,
                    label: {
                      formatter: '{b}',
                      position: 'insideMiddle',
                      color: '#24D8C8',
                      fontSize: '10',
                    },
                    lineStyle: {
                      cap: '',
                      color: '#34D7C7',
                      type: 'dashed',
                    },
                  },
                ],
              },
              markArea: {
                itemStyle: {
                  color: 'rgba(37,217,200,0.19)',
                },
                data: [
                  [
                    {
                      yAxis: 0,
                    },
                    {
                      yAxis: 1,
                    },
                  ],
                ],
              },
            },
          ],
          dataZoom: {
            type: 'inside', // 有type这个属性，滚动条在最下面，也可以不行，写y：36，这表示距离顶端36px，一般就是在图上面。
            startValue: 0,
            endValue: 4,
            filterMode: 'none',
          },
        }

        if (theme === 'DRUG') {
          const markLineData = list
            .filter((item) => item.InjectionBottles)
            .map((item) => {
              return {
                name: '',
                xAxis: dayjs(item.Date).format('MM-DD'),
                lineStyle: {
                  color: 'rgba(37, 217, 200,0.5)',
                  cap: '',
                  type: 'solid',
                },

                label: {
                  formatter: '',
                  position: 'insideEndBottom',
                  rotate: 0,
                  color: '#25D9C8',
                  offset: [60, 0],
                },
              }
            })
          option.series.push({
            name: '用药',
            data: list.map((item) => (item.InjectionBottles ? 0 : null)),
            type: 'line',
            symbol:
              'image://data:image/png;base64,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',
            symbolSize: [11, 16],
            symbolOffset: [0, 0],
            itemStyle: {
              color: '#25D9C8',
            },
            lineStyle: {
              width: 0,
            },
            tooltip: {
              show: false,
            },
            z: 11,
            markLine: {
              symbol: ['none', 'none'],
              data: markLineData,
            },
          })
          // option.series.push({
          //   name: "用药时间",
          //   data: list.map((item: any) => (item.InjectionBottles ? item.TotalScore : 0)),
          //   type: "line",
          //   symbol:
          //     "image://data:image/png;base64,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",
          //   symbolSize: [11, 16],
          //   symbolOffset: [0, "100%"],
          //   itemStyle: {
          //     color: "#25D9C8",
          //   },
          //   tooltip: {
          //     show: false,
          //   },
          //   lineStyle: {
          //     width: 0,
          //   },
          //   z: 1,
          // });
        }

        chart.setOption(option)
        reslove(chart)
        return chart
      })
    })
  },
  initHormoneChart(defaultList = []) {
    const { theme } = this.data
    const list: any = defaultList
    return new Promise((reslove) => {
      this.ecDataHormoneComponent.init((canvas, width, height, dpr) => {
        const chart = echarts.init(canvas, null, {
          width,
          height,
          devicePixelRatio: dpr, // new
        })
        canvas.setChart(chart)

        const option: any = {
          tooltip: {
            show: false,
            trigger: 'axis',
            axisPointer: {
              type: 'shadow',
            },
            confine: true,
            backgroundColor: 'rgba(0, 0, 0, 0.5)',
            textStyle: {
              color: '#fff',
              fontSize: 10,
            },
            order: 'seriesDesc',
          },
          grid: {
            top: '30',
            left: '0',
            right: '0',
            bottom: '10',
            containLabel: true,
          },
          xAxis: [
            {
              type: 'category',
              axisTick: {
                show: true,
                inside: true,
                length: 1,
                alignWithLabel: true,
                lineStyle: {
                  type: 'dotted',
                  color: '#D8D8D8',
                  width: 4,
                  cap: 'round',
                },
              },
              axisLine: {
                lineStyle: {
                  color: '#8C8C8C',
                  type: 'dashed',
                },
              },
              data: list.map((item) => dayjs(item.Date).format('MM-DD')),
            },
          ],
          yAxis: [
            {
              type: 'value',
              minInterval: 1,
              max(value) {
                return value.max + 20 > 999 ? 999 : value.max + 20
              },
              axisLabel: {
                // width: 20,
                formatter(value: number) {
                  return value
                },
              },
            },
          ],
          series: [
            {
              name: '激素用量',
              data: list.length ? list.map((item) => item.SteroidDailyDose) : [20],
              barWidth: '16',
              type: 'line',
              symbol: 'circle',
              symbolSize: 8,
              connectNulls: true,
              showSymbol: list.length >= 1,
              z: 10,
              label: {
                show: true,
                position: 'top',
                color: '#18474e',
                z: 11,
                formatter({ value }) {
                  return `${value}mg`
                },
              },
              itemStyle: {
                color: '#3192A1',
              },
              markLine: {
                symbol: ['none', 'none'],
                data: [
                  {
                    name: '达标区(5mg)',
                    yAxis: 5,
                    label: {
                      formatter: '{b}',
                      position: 'insideMiddle',
                      color: '#24D8C8',
                      fontSize: '10',
                    },
                    lineStyle: {
                      cap: '',
                      color: '#34D7C7',
                      type: 'dashed',
                    },
                  },
                ],
              },
              markArea: {
                itemStyle: {
                  color: 'rgba(37,217,200,0.19)',
                },
                data: [
                  [
                    {
                      yAxis: 0,
                    },
                    {
                      yAxis: 5,
                    },
                  ],
                ],
              },
            },
          ],
          dataZoom: {
            type: 'inside', // 有type这个属性，滚动条在最下面，也可以不行，写y：36，这表示距离顶端36px，一般就是在图上面。
            startValue: 0,
            endValue: 4,
            filterMode: 'none',
          },
        }
        if (theme === 'DRUG') {
          const markLineData = list
            .filter((item) => item.InjectionBottles)
            .map((item) => {
              return {
                name: '',
                xAxis: dayjs(item.Date).format('MM-DD'),
                lineStyle: {
                  color: 'rgba(37, 217, 200,0.5)',
                  cap: '',
                  type: 'solid',
                },
                label: {
                  formatter: '',
                  position: 'insideEndBottom',
                  rotate: 0,
                  color: '#25D9C8',
                  offset: [60, 0],
                },
              }
            })
          const maxValue = Math.max(...list.map((item) => item.SteroidDailyDose))
          option.series.push({
            name: '用药',
            data: list.map((item) => (item.InjectionBottles ? 0 : null)),
            type: 'line',
            symbol:
              'image://data:image/png;base64,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',
            symbolSize: [11, 16],
            symbolOffset: [0, 0],
            itemStyle: {
              color: '#25D9C8',
            },
            lineStyle: {
              width: 0,
            },
            tooltip: {
              show: false,
            },
            z: 11,
            markLine: {
              symbol: ['none', 'none'],
              data: markLineData,
            },
          })
          // option.series.push({
          //   name: "用药时间",
          //   data: list.map((item: any) => (item.InjectionBottles ? item.TotalScore : 0)),
          //   type: "line",
          //   symbol:
          //     "image://data:image/png;base64,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",
          //   symbolSize: [11, 16],
          //   symbolOffset: [0, "100%"],
          //   itemStyle: {
          //     color: "#25D9C8",
          //   },
          //   tooltip: {
          //     show: false,
          //   },
          //   lineStyle: {
          //     width: 0,
          //   },
          //   z: 1,
          // });
        }

        chart.setOption(option)
        reslove(chart)
        return chart
      })
    })
  },
  touchend(e) {
    const { type } = e.currentTarget.dataset
    const { page, defaultList } = this.data
    if (type == 'left' && page > 0) {
      this.setData({
        page: page - 1,
      })
      this.initChart(defaultList)
      this.initHormoneChart(defaultList)
    } else if (type == 'right' && page < defaultList.length / 5 - 1) {
      this.setData({
        page: page + 1,
      })
      this.initChart(defaultList)
      this.initHormoneChart(defaultList)
    }
  },
  handleFoldAll() {
    const { list } = this.data
    this.setData({
      list: list.map((item) => {
        item.fold = !this.data.foldAll
        return item
      }),
      foldAll: !this.data.foldAll,
    })
  },
  handleFold(e) {
    const { index } = e.currentTarget.dataset
    this.setData({
      [`list[${index}].fold`]: !this.data.list[index].fold,
    })
  },
  handleDetail(e) {
    const { id, isi } = e.currentTarget.dataset
    const tab = this.data.tab
    if (isi == 1) {
      return
    }
    if (tab == 1) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDREPORTLIST' })
    }
    if (tab == 2) {
      app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDNOTESLIST' })
    }

    wx.navigateTo({
      url: `/pages/adlResult/index?id=${id}`,
    })
  },
  handleDel(e) {
    const { id, index, isi } = e.currentTarget.dataset
    if (isi == 1) {
      return
    }
    if (index != 0) return
    wx.showModal({
      title: '确认删除?',
      confirmColor: '#cf5375',
      success: (res) => {
        if (res.confirm) {
          wx.ajax({
            method: 'POST',
            url: '?r=zd/adl/delete',
            data: {
              Id: id,
            },
          }).then(() => {
            this.handleTabCallBack()
          })
        }
      },
    })
  },
  handleAdd() {
    app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDASSESSMENT' })
    wx.navigateTo({
      url: '/pages/adl/index',
    })
  },
  handleAddDrug() {
    app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDMEDICATION' })
    wx.navigateTo({
      url: '/pages/drugRecord/index',
    })
  },
  handleChartDetail() {
    const that = this
    wx.navigateTo({
      url: '/gift/pages/myHealthRecordChart/index',
      success(res) {
        res.eventChannel.emit('acceptDataFromOpenerPage', {
          list: that.data.defaultList,
          selectLegends: that.data.selectLegends,
        })
      },
    })
  },
  handleDetailDrug(e) {
    const { id, isi } = e.currentTarget.dataset
    app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDMEDICATIONLIST' })
    if (isi == 1) {
      return
    }
    wx.navigateTo({
      url: `/pages/drugRecord/index?id=${id}`,
    })
  },
  handleDelDrug(e) {
    const { id, isi } = e.currentTarget.dataset
    if (isi == 1) {
      return
    }
    wx.showModal({
      title: '确认删除?',
      confirmColor: '#cf5375',
      success: (res) => {
        if (res.confirm) {
          wx.ajax({
            method: 'POST',
            url: '?r=zd/medication/delete',
            data: {
              Id: id,
            },
          }).then(() => {
            this.handleTabCallBack()
          })
        }
      },
    })
  },
  toggleFold() {
    this.setData({
      fold: !this.data.fold,
    })
  },
  handleShare() {
    app.mpBehavior({ PageName: 'BTN_PATIENTHEALTHRECORDSHAREDUALCOMPLIANCEPOSTER' })
    wx.navigateTo({
      url: '/pages/adlShare/index',
    })
  },
  handleBack() {
    wx.navigateBack({
      fail() {
        wx.reLaunch({ url: '/pages/index/index' })
      },
    })
  },
  onShareAppMessage() {
    return {
      title: 'MG-ADL测评表：评估重症肌无力患者症状对生活质量的影响',
      path: '/pages/adl/index',
    }
  },
})