labsop_mcs/frontend_weixin02/src/pages/Index.vue

<template>
  <div style="text-align:center;width:95%;">
    <q-form class="q-gutter-md">

      <q-input filled
               v-model="alarmon"
               disable
               label="报警时间" />
      <q-input filled
               v-model="message"
               disable
               type="textarea"
               autogrow
               label="报警内容" />
      <q-select filled
                v-model="alarmitemid"
                :options="options"
                label="报警类型" />
      <q-input filled
               v-model="causeperson"
               label="负责人" />
      <!-- <q-input filled v-model="handleon" label="处理时间"  /> -->
      <q-input filled
               v-model="handleremark"
               label="处理说明" />
      <q-input filled
               v-model="remark"
               label="备注" />
      <div class="div1">
        <q-btn label="保存"
               type="submit"
               style="width: 200px"
               @click="onClickSave('top')"
               color="primary" />
        <!-- <q-btn label="Reset" type="reset" color="primary" flat class="q-ml-sm" /> -->
      </div>
    </q-form>

  </div>
</template>

<script>
import { channel, trigger } from '@/api/channel'
export default {
  name: 'home',
  components: {

  },
  data () {
    return {
      id: '',
      alarmon: '',
      handleon: new Date(),
      message: '',
      alarmitemid: '',
      alarmitem: 1,
      causeperson: '',
      // handleon: '',
      HandleOn: '',
      handleremark: '',
      remark: '',
      options: [
        '设备断电', '维修', '除霜', '停电', '其他'
      ],
      list2: [{
        name: '设备断电',
        value: '1'
      }, {
        name: '维修',
        value: '2'
      }, {
        name: '除霜',
        value: '3'
      }, {
        name: '停电',
        value: '4'
      }, {
        name: '其他',
        value: '5'
      }],
      sendid: '',
      code: ''
    }
  },
  mounted () {
    this.sendid = this.$route.query.sendid
    this.code = this.$route.query.code
    this.initData(this.sendid, this.code)
  },
  methods: {
    initData (a, b) {
      let _this = this
      let params = {
        u: 'seedplatform',
        p: 'seed@platformDASHOO.cn'
      }
      channel(a, b, params)
        .then(res => {
          _this.id = res.id
          _this.alarmon = _this.jstimehandle(res.alarmon + '')
          _this.message = res.message
          if (res.alarmitem === 0) {
            _this.alarmitemid = ''
          } else if (res.alarmitem === 1) {
            _this.alarmitemid = '设备断电'
          } else if (res.alarmitem === 2) {
            _this.alarmitemid = '维修'
          } else if (res.alarmitem === 3) {
            _this.alarmitemid = '除霜'
          } else if (res.alarmitem === 4) {
            _this.alarmitemid = '停电'
          } else if (res.alarmitem === 5) {
            _this.alarmitemid = '其他'
          }
          // _this.alarmitemid = res.alarmitem + ''
          _this.causeperson = res.causeperson
          if (res.handleon === '0001-01-01T00:00:00Z') {
            _this.handleon = ''
          } else {
            _this.handleon = _this.jstimehandle(res.handleon + '')
          }

          _this.handleremark = res.handleremark
          _this.remark = res.remark
          // console.log('----res.ccode----', res.ccode)
          // _this.ccode = res.ccode
        })
        .catch(err => {
          console.error(err)
        })
    },
    MakeSure () {
      if (this.alarmitemid[0] === 0) {
        this.$vux.toast.text('请选择异常类型')
      } else if (this.causeperson === '') {
        this.$vux.toast.text('请填写负责人')
      } else if (this.handleremark === '') {
        this.$vux.toast.text('请填写处理说明')
      } else if (this.handleon === '') {
        this.$vux.toast.text('请选择处理时间')
      } else {
        this.onClickSave()
      }
    },
    onClickSave (position) {
      let _this = this

      if (_this.alarmitemid === '设备断电') {
        this.alarmitem = 1
      } else if (_this.alarmitemid === '维修') {
        this.alarmitem = 2
      } else if (_this.alarmitemid === '除霜') {
        this.alarmitem = 3
      } else if (_this.alarmitemid === '停电') {
        this.alarmitem = 4
      } else if (_this.alarmitemid === '其他') {
        this.alarmitem = 5
      }
      let params = {
        remark: _this.remark,
        handleremark: _this.handleremark,
        causeperson: _this.causeperson,
        alarmitem: _this.alarmitem
        //  handleon: new Date(_this.handleon),
        // 解决iPhone浏览器引擎日期兼容性问题
        // handleon: _this.getDate(_this.handleon),
        // ccode: _this.ccode
      }

      console.log('1111', params)
      trigger(_this.id, params)
        .then(res => {
          _this.$q.notify({
            message: '保存成功',
            position,
            color: 'positive'
          })
        })
        .catch(err => {
          // handle error
          console.error(err)
        })
    },
    formatDateTime (date) {
      var y = date.getFullYear()
      var m = date.getMonth() + 1
      m = m < 10 ? ('0' + m) : m
      var d = date.getDate()
      d = d < 10 ? ('0' + d) : d
      var h = date.getHours()
      var minute = date.getMinutes()
      minute = minute < 10 ? ('0' + minute) : minute
      return y + '-' + m + '-' + d + ' ' + h + ':' + minute
    },
    jstimehandle (val) {
      if (val === '') {
        return '----'
      } else if (val === '0001-01-01T08:00:00+08:00') {
        return '----'
      } else if (val === '5000-01-01T23:59:59+08:00') {
        return '永久'
      } else {
        val = val.replace('T', ' ')
        return val.substring(0, 16)
      }
    }
    // 解决iPhone浏览器引擎日期兼容性问题
    // getDate (dateStr) {
    //   let dateArr = dateStr.split(/[- : \/]/)
    //   return new Date(dateArr[0], dateArr[1] - 1, dateArr[2], dateArr[3], dateArr[4])
    //   // console('-----------------', new Date(dateArr[0], dateArr[1] - 1, dateArr[2], dateArr[3], dateArr[4]))
    // }
  }
}
</script>
<style type="text/css">
.div1 {
  text-align: center;
  width: 100%;
}
</style>