From 1c2377adee6ec653922d88dc264565d24e0f5b0d Mon Sep 17 00:00:00 2001
From: whycwx <1272078254@qq.com>
Date: 星期三, 10 十一月 2021 08:49:45 +0800
Subject: [PATCH] 工单信息详情
---
src/pages/alarmWork/js/workInfo/workInfo.js | 22 +++++++
src/pages/alarmWork/workInfo.vue | 99 ++++++++++++++++++++++++++++----
2 files changed, 107 insertions(+), 14 deletions(-)
diff --git a/src/pages/alarmWork/js/workInfo/workInfo.js b/src/pages/alarmWork/js/workInfo/workInfo.js
new file mode 100644
index 0000000..001f3f6
--- /dev/null
+++ b/src/pages/alarmWork/js/workInfo/workInfo.js
@@ -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}
+ });
+ }
\ No newline at end of file
diff --git a/src/pages/alarmWork/workInfo.vue b/src/pages/alarmWork/workInfo.vue
index e5442cb..c9d5fef 100644
--- a/src/pages/alarmWork/workInfo.vue
+++ b/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">宸ュ崟缂栧彿锛歐S-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:杩欐槸涓�涓狽bapD淇′护鎵胯浇鐨勫憡璀�,RNC瀵筊BS</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>
--
Gitblit v1.9.1