DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/EducationalAdministration/Thermography/single.vue

<template>
  <view class="page">
    <view v-if="ready">
      <l-select
        @input="setValue('Thermography.ClassNo', $event)"
        :value="getValue('Thermography.ClassNo')"
        :disabled="!edit"
        :range="dataSource.Thermography.ClassNo"
        title="班级"
      />
      <l-select
        @input="setValue('Thermography.MeasurerID', $event)"
        :value="getValue('Thermography.MeasurerID')"
        :disabled="!edit"
        :range="dataSource.Thermography.MeasurerID"
        title="测温人"
      />
      <l-select
        @input="setValue('Thermography.PersonBeingMeasured', $event)"
        :value="getValue('Thermography.PersonBeingMeasured')"
        :disabled="!edit"
        :range="dataSource.Thermography.PersonBeingMeasured"
        title="被测温人"
      />
      <l-date-picker
        @input="setValue('Thermography.MeasureDate', $event)"
        :value="getValue('Thermography.MeasureDate')"
        :disabled="!edit"
        title="测量时间"
      />
      <l-select
        @input="setValue('Thermography.MeasureTime', $event)"
        :value="getValue('Thermography.MeasureTime')"
        :disabled="!edit"
        :range="dataSource.Thermography.MeasureTime"
        title="测温时间段"
      />
      <l-select
        @input="setValue('Thermography.Status', $event)"
        :value="getValue('Thermography.Status')"
        :disabled="!edit"
        :range="dataSource.Thermography.Status"
        title="状态"
      />
      <l-input
        @input="setValue('Thermography.Temperature', $event)"
        :value="getValue('Thermography.Temperature')"
        :disabled="!edit"
        title="温度"
      />
      <l-textarea
        @input="setValue('Thermography.ProcessingResult', $event)"
        :value="getValue('Thermography.ProcessingResult')"
        :readonly="!edit"
        title="处理结果"
      />
      <l-textarea
        @input="setValue('Thermography.Remark', $event)"
        :value="getValue('Thermography.Remark')"
        :readonly="!edit"
        title="备注"
      />
    </view>

    <view v-if="ready" class="bg-white margin-tb padding"  style="padding-top: 0; overflow: hidden;">
      <l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block>
        提交保存
      </l-button>
      <l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block>
        编辑本页
      </l-button>
      <l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block>
        取消编辑
      </l-button>
      <l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block>
        删除
      </l-button>
    </view>
  </view>
</template>


<script>
/*
 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)
 * Copyright (c) 2013-2020 上海力软信息技术有限公司
 * 创建人：超级管理员
 * 日  期：2020-10-12 17:22
 * 描  述：班级自诊打卡
 */

/**
 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用
 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录：
 * { "path": "pages/EducationalAdministration/Thermography/single", "style": { "navigationBarTitleText": "表单详情页" } }
 * 
 * （navigationBarTitleText 字段为本页面的标题文本，可以修改）
 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件）
 */

import get from 'lodash/get'
import set from 'lodash/set'
import moment from 'moment'
import customPageMixins from '@/common/custompage.js'

export default {
  mixins: [customPageMixins],

  data() {
    return {
      // 页面相关参数
      id: null,
      mode: null,
      edit: null,
      ready: false,

      // 表单数据
      current: {},
      origin: {},

      // 表单项数据结构
      scheme: {
        Thermography: {
          ClassNo: { type: 'select', title: '班级', dataSource: '1', dataSourceId: 'bjsj,classname,classno' },
          MeasurerID: { type: 'select', title: '测温人', dataSource: '1', dataSourceId: 'BaseUser,f_realname,f_account' },
          PersonBeingMeasured: { type: 'select', title: '被测温人', dataSource: '1', dataSourceId: 'StuInfoBasic,stuname,stuno' },
          MeasureDate: { type: 'datetime', title: '测量时间', dateformat: '0' },
          MeasureTime: { type: 'select', title: '测温时间段', itemCode: 'MeasureTime', dataSource: '0' },
          Status: { type: 'select', title: '状态', itemCode: 'TemperatureMeasure', dataSource: '0' },
          Temperature: { type: 'text', title: '温度' },
          ProcessingResult: { type: 'textarea', title: '处理结果' },
          Remark: { type: 'textarea', title: '备注' },
        },

      },

      // 数据源
      dataSource: {
        Thermography: {
          ClassNo: [],
          MeasurerID: [],
          PersonBeingMeasured: [],
          MeasureTime: Object.values(this.GET_GLOBAL('dataDictionary').MeasureTime).map(t => ({ value: t.value, text: t.text })),
          Status: Object.values(this.GET_GLOBAL('dataDictionary').TemperatureMeasure).map(t => ({ value: t.value, text: t.text })),
        },

      }
    }
  },

  async onLoad({ type, id }) {
    await this.init(type, id)
  },

  methods: {
    // 页面初始化
    async init(type, id) {
      this.LOADING('加载数据中...')

      this.id = id
      this.mode = type
      this.edit = ['create', 'edit'].includes(this.mode)

      // 拉取表单数据，同时拉取所有来自数据源的选单数据
      await Promise.all([
        this.FETCH_DATASOURCE('bjsj').then(result => {
          this.dataSource.Thermography.ClassNo = result.data.sort((a,b)=>{return b.classno-a.classno}).map(t => ({ text: t.classname, value: t.classno }))
        }),
        this.FETCH_DATASOURCE('BaseUser').then(result => {
          this.dataSource.Thermography.MeasurerID = result.data.map(t => ({ text: t.f_realname, value: t.f_account }))
        }),
        this.FETCH_DATASOURCE('StuInfoBasic').then(result => {
          this.dataSource.Thermography.PersonBeingMeasured = result.data.map(t => ({ text: t.stuname, value: t.stuno }))
        }),


        () => {}
      ])
      await this.fetchForm()

      this.ready = true
      this.HIDE_LOADING()
    },

    // 加载表单数据
    async fetchForm() {
      if (this.mode === 'create') {
        this.origin = await this.getDefaultForm()
      } else {
        const result = await this.HTTP_GET('learun/adms/EducationalAdministration/Thermography/form', this.id)
        this.origin = await this.formatFormData(result)
      }
      this.current = this.COPY(this.origin)
    },

    // 点击 「编辑」、「重置」、「保存」、「删除」 按钮
    async action(type) {
      switch (type) {
        case 'edit':
          this.edit = true
          break

        case 'reset':
          this.current = this.COPY(this.origin)
          this.edit = false
          break

        case 'save':
          const verifyResult = this.verifyForm()
          if (verifyResult.length > 0) {
            this.CONFIRM('表单验证失败', verifyResult.join('\n'))
            return
          }

          if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗？', true))) {
            return
          }

          this.LOADING('正在提交...')
          const postData = await this.getPostData(this.id)

          this.HTTP_POST('learun/adms/EducationalAdministration/Thermography/save', postData, '表单提交保存失败').then(success => {
            this.HIDE_LOADING()
            if (!success) {
              return
            }

            this.EMIT('EducationalAdministrationThermography-list-change')
            this.NAV_BACK()
            this.TOAST('提交保存成功')
          })
          break

        case 'delete':
          if (!(await this.CONFIRM('删除项目', '确定要删除本项吗？', true))) {
            return
          }

          this.LOADING('提交删除中...')
          this.HTTP_POST('learun/adms/EducationalAdministration/Thermography/delete', this.id, '删除失败').then(success => {
            this.HIDE_LOADING()
            if (!success) {
              return
            }

            this.EMIT('EducationalAdministrationThermography-list-change')
            this.NAV_BACK()
            this.this.TOAST('删除成功', 'success')
          })
          break

        default: break
      }
    },

    // 获取表单值
    getValue(path) {
      return get(this.current, path)
    },

    // 设置表单值
    setValue(path, val) {
      set(this.current, path, val)
    }
  }
}
</script>