equipmentDataRetransmission.vue 8.07 KB
<template>
    <a-form :model="queryForm" layout="inline" :label-col="{ style: { width: '70px' } }">
        <a-form-item label="集团:">
            <a-select v-model:value="queryForm.account_id"
                      style="width: 200px"
                      :options="accountList"
                      @change="onAccountChange"
                      optionFilterProp="label"
                      show-search
            >
            </a-select>
        </a-form-item>
        <a-form-item label="广场:">
            <a-select v-model:value="queryForm.plaza_id"
                        mode="multiple"
                        :maxTagCount="1"
                        @change="onPlazaChange"
                      style="width: 200px"
                      :options="plazaList"
                      optionFilterProp="label"
                      show-search
            >
            </a-select>
        </a-form-item>
        <a-form-item label="选择设备:">
            <a-select v-model:value="queryForm.device_id"
                      style="width: 300px"
                      mode="multiple"
                      :maxTagCount="1"
                      optionFilterProp="label"
                      :options="deviceList"
                      show-search
            ></a-select>
        </a-form-item>
        <a-form-item label="选择日期:">
            <a-date-picker v-model:value="queryForm.date" :format="'YYYY-MM-DD'" style="width: 150px"/>
        </a-form-item>
        <a-form-item label="选择时间:">
            <a-time-picker v-model:value="queryForm.startTime" style="width: 100px"/>
            <a-time-picker v-model:value="queryForm.endTime" style="width: 100px"/>
        </a-form-item>
        <a-form-item>
            <a-button type="primary" @click="confirmSearch" style="margin-right: 10px;">查询</a-button>
            <a-button type="primary" @click="implement">执行</a-button>
        </a-form-item>
    </a-form>
    <a-table :dataSource="deviceList" v-loading="isLoading" :rowKey="record=>record.serialnum"  :columns="columns" :pagination="false">
    </a-table>
</template>

<script>
    import {reactive, ref, toRaw} from 'vue'
    import moment from 'moment'
    import {isArray} from '@/PublicUtil/Judgment'
    import snapshotRecordApi from '@/views/SnapshotCluster/SnapshotRecord/SnapshotRecordApi'
    import api from './api.js'
    import axios from 'axios'
    export default{
        setup(){
             const accountList = ref([])
             const plazaList = ref([])
             const deviceList = ref([])
             const columns = ref([
                  {
                        title: '序号',
                        align:'center',
                        dataIndex: "index",
                  },
                  {
                        title: 'IP配置',
                        dataIndex: 'localIp',
                        align:'center',
                  },
                  {
                        title: '设备序列号',
                        dataIndex: 'serialnum',
                        align:'center',
                  },
                   {
                        title: '数据重传状态',
                        dataIndex: 'retransmission',
                        align:'center',
                  },
                   {
                        title: '设备重启状态',
                        dataIndex: 'restart',
                        align:'center',
                  }
                ])
             const queryForm = reactive(
                 {
                     account_id: '',
                     plaza_id: [],
                     device_id: [],
                     date: moment().format('YYYY-MM-DD'),
                     startTime: moment().format('YYYY-MM-DD 08:00:00'),
                     endTime: moment().format('YYYY-MM-DD 23:59:59'),
                 }
             )
             const getAccountList = function() {
                 queryForm.account_id = []
                 accountList.value = []
                 snapshotRecordApi.getAccountList().then(
                     (r) => {
                         if (isArray(r))
                         {
                             for (const item of r)
                             {
                                 accountList.value.push(
                                     {
                                         value: item.id,
                                         label: item.name,
                                     }
                                 )
                             }
                         }
                     }
                 )
             }
             const onAccountChange = function() {
                 getPlazaList()
             }
             
             const getPlazaList = function() {
                 queryForm.plaza_id = []
                 plazaList.value = []
                 snapshotRecordApi.getPlazaList(
                     {
                         account_id: queryForm.account_id.toString()
                     }
                 ).then(
                     (r) => {
                         if (isArray(r))
                         {
                             for (const item of r)
                             {
                                 plazaList.value.push(
                                     {
                                         value: item.id,
                                         label: item.name,
                                     }
                                 )
                             }
                         }
                     }
                 )
             }
             const onPlazaChange = function(){
                 queryForm.device_id = []
                 deviceList.value = []
                 getDevice()
             }
             const getDevice = function(){
                 // 获取设备
                 const rawData = toRaw(queryForm)
                 const data = {
                     mallIds: rawData.plaza_id.toString()
                 }
                 api.getDeviceList(data).then(
                     (r) => {
                         if (isArray(r))
                         {
                             for (var i = 0; i < r.length; i++) {
                                 r[i].index = i+1
                                 r[i].label = r[i].serialnum+"——"+r[i].localIp
                                 r[i].value = r[i].serialnum
                                 deviceList.value.push(r[i])
                             }
                         }
                     }
                 )
             }
             const confirmSearch = function(){
                 queryForm.device_id = []
                 deviceList.value = []
                 getDevice()
             }
             const implement = function(){
                 deviceList.value.forEach(item=>{
                     queryForm.device_id.forEach(serialnum=>{
                         if(item.serialnum == serialnum){
                             if(item.localIp){
                                 axios({
                                   method:'GET',
                                   url: 'http://'+item.localIp+':8080/do/CboxWebClient/resultresend?starttime='+moment(queryForm.date).format('YYYY-MM-DD')+' '+moment(queryForm.startTime).format('HH:mm:ss')+'&endtime='+moment(queryForm.date).format('YYYY-MM-DD')+' '+moment(queryForm.endTime).format('HH:mm:ss')
                                 }).then(result=>{
                                   console.log(result)  
                                 })
                             }
                         }
                     })
                 })
             }
             const __main = function() {
                 getAccountList()
             }
             
             __main()
             return{
                 deviceList,
                 accountList,
                 plazaList,
                 columns,
                 queryForm,
                 onAccountChange,
                 confirmSearch,
                 implement,
                 onPlazaChange
             }
        }
    }
</script>

<style>
</style>