工单信息详情

whycwx

2021-11-10 1c2377adee6ec653922d88dc264565d24e0f5b0d

工单信息详情

 src/pages/alarmWork/js/workInfo/workInfo.js

New file
@@ -0,0 +1,22 @@
import axios from '@/assets/js/axios';

/*
*接口功能：查询工单基本状态
*传参：{mainId：31}
*
*/
export const basicInfo = function (data) {
    return axios({
      method: 'GET',
      url: '/workflow/basicInfo',
      params: data
    });
  }
// 登录
export const login = function (data) {
    return axios({
      method: 'PUT',
      url: '/changeUser',
      params: {userId:1023}
    });
  }

 src/pages/alarmWork/workInfo.vue

@@ -1,10 +1,10 @@
<template>
    <div class="main">
        <!-- 工单基本信息 -->
        <!-- 工单基本信息详情页面 -->
        <el-row type="flex" class="row-bg" justify="space-between">
            <el-col :span="6"><div class="grid-content bg-purple">工单编号：WS-211008-00001</div></el-col>
            <el-col :span="8"><div class="grid-content">工单生成时间：2021-10-08 15:02:00</div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple">当前状态：<span class="color_red">TI待处理</span></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple">工单编号：{{ workInfo.orderId }}</div></el-col>
            <el-col :span="8"><div class="grid-content">工单生成时间：{{ workInfo.createTime }}</div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple">当前状态：<span class="color_red">{{ workInfo.status }}</span></div></el-col>
        </el-row>
        <div class="list_box">
            <el-tabs type="border-card">
@@ -13,17 +13,17 @@
                    <div class="info_box">
                        <p>
                            <el-row type="flex" class="row-bg" justify="space-between">
                                <el-col :span="8"><div class="grid-content bg-purple"><span class="label_box">工单标题：</span>GB-U800设备发生告警，请及时处理</div></el-col>
                                <el-col :span="8"><div class="grid-content">剩余时间：22小时56分</div></el-col>
                                <el-col :span="8"><div class="grid-content bg-purple"><span class="label_box">工单标题：</span>{{ workInfo.title }}</div></el-col>
                                <el-col :span="8"><div class="grid-content">剩余时间：{{ workInfo.countdown }}</div></el-col>
                                <el-col :span="6"><div class="grid-content bg-purple">工单完成限时：24小时</div></el-col>
                            </el-row>
                        </p>
                        <p><span class="label_box">告警描述：</span></p>
                        <p>RBS常见故障处理掉站或小区不可用类告警:IMA Group Insufficient Links(at Far End)NbapDedicated_RncRbsControlLinkDown:这是一个NbapD信令承载的告警,RNC对RBS</p>
                        <p><span class="label_box">告警发生时间：</span>2021-09-07 17:09:35</p>
                        <p><span class="label_box">告警结束时间：</span></p>
                        <p><span class="label_box">告警级别：</span><span class="color_red">严重告警</span></p>
                        <p><span class="label_box">告警附件：</span><a href="#" download>某某文件.txt</a></p>
                        <p>{{ workInfo.taskDesc }}</p>
                        <p><span class="label_box">告警发生时间：</span>{{ workInfo.alarmTime }}</p>
                        <!-- <p><span class="label_box">告警结束时间：{{ workInfo.planEndTime }}</span></p> -->
                        <p><span class="label_box">告警级别：</span><span class="color_red">{{ numList[workInfo.alarmLevel-1] }}级告警</span></p>
                        <!-- <p><span class="label_box">告警附件：</span><a href="#" download>某某文件.txt</a></p> -->
                    </div>
                    
                    <div class="select_box">
@@ -279,15 +279,28 @@
                <el-tab-pane label="流程图">流程图</el-tab-pane>
            </el-tabs>
            
            
            <el-button size="mini" type="primary" @click="basicInfo">查询</el-button>
        </div>
    </div>
</template>
<script>
import { login,basicInfo } from './js/workInfo/workInfo'
import  {STATUS}  from './js/const'
export default {
    data(){
        return {
            value:"",
            workInfo:{
                status:0,
                title:"",
                orderId:"",
                createTime:"",
                alarmTime:"",
                taskDesc:"",
                alarmLevel:"",
                countdown:"",
            },
            numList:["一","二","三","四","五","六","七","八","九","十"],
            selectList:[
                {value:1,label:"处理分派回复"},
                {value:2,label:"转派T2处理"},
@@ -325,17 +338,75 @@
                desc:"",
            },
            detailsData:[],
            time: null
        }
    },
    mounted(){

        // this.time =  setInterval(this.showTime(),1000);
        this.basicInfo();
    },
    methods: {
        // 获取处理动作选择
        getSelectVal:function(val){
            console.log(val)
            console.log("val:" + this.value)
        }
    },
        // 查询工单基本信息
        basicInfo:function(){
            let self = this;

                // login();
                basicInfo({mainId:31}).then((res)=>{
                    let resdata = res.data.data;
                        self.workInfo.status = STATUS[resdata.status];
                        self.workInfo.title = resdata.title;//标题
                        self.workInfo.orderId = resdata.orderId;//工单编号
                        self.workInfo.createTime = resdata.createTime;//工单生成时间
                        self.workInfo.alarmTime = resdata.workflowAlarm.alarmTime;//告警开始时间
                        self.workInfo.alarmLevel = resdata.workflowAlarm.alarmLevel;//告警等级
                        self.workInfo.taskDesc = resdata.taskDesc;//告警描述
                        console.log(resdata)
                        // 倒计时
                        self.time = setInterval(function(){self.showTime()},1000);
                        // self.time;
                }).catch((err)=>{

                })
        },
        // 查询处理动作

        // 倒计时
        checkTime:function (i){
            if(i<10)
            {
                i="0"+i;
            }
            return i;
        },
        showTime:function(){
            let self = this;
        　  let timedate= new Date("2021/11/8,16:03:55");           //自定义结束时间
        　　let now = new Date();                                   //获取当前时间
        　　let date = parseInt(timedate.getTime() - now.getTime())/1000; //得出的为秒数；
        // 　　let day = parseInt(date/60/60/24);     
            let hour = parseInt(date/60/60%24);
            let minute = parseInt(date/60%60);
            let second = parseInt(date%60);
            hour = self.checkTime(hour);
            minute = self.checkTime(minute);
            second = self.checkTime(second);
            let leftTime = hour+"时"+minute+"分"+second+"秒";
            if(date <= 0){
                hour = hour.split("-")[1]||0;
                minute = minute.split("-")[1]||0;
                second = second.split("-")[1]||0;
                leftTime ="-" + hour+"小时"+minute+"分"+second+"秒";
        　  }
            self.workInfo.countdown = leftTime;
        },

    },
    
}
</script>
<style scoped>