From 76c5377ef0537d715d0f75ee448686dc62080f5a Mon Sep 17 00:00:00 2001
From: whycwx <1272078254@qq.com>
Date: 星期五, 05 十一月 2021 11:11:49 +0800
Subject: [PATCH] 工单基本信息
---
src/router/routes.js | 7 +
src/pages/alarmWork/workInfo.vue | 259 +++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 266 insertions(+), 0 deletions(-)
diff --git a/src/pages/alarmWork/workInfo.vue b/src/pages/alarmWork/workInfo.vue
new file mode 100644
index 0000000..db72edf
--- /dev/null
+++ b/src/pages/alarmWork/workInfo.vue
@@ -0,0 +1,259 @@
+<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-row>
+ <div class="list_box">
+ <el-tabs type="border-card">
+ <el-tab-pane label="宸ュ崟鍩烘湰淇℃伅">
+ <p class="title_p">宸ュ崟淇℃伅</p>
+ <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="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>
+ </div>
+
+ <div class="select_box">
+ <p>
+ <span class="label_box">澶勭悊鍔ㄤ綔:</span>
+ <el-select v-model="value" placeholder="璇烽�夋嫨" @change="getSelectVal">
+ <el-option
+ v-for="item in selectList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </p>
+ </div>
+ <div class="event_box">
+ <!-- 澶勭悊鍒嗘淳鍥炲 -->
+ <div class="change_box" v-if="value==1">
+ <el-button size="mini" type="success">閫氳繃</el-button>
+ <el-button size="mini" type="info">椹冲洖</el-button>
+ <el-table :data="tableData" stripe style="width: 100%">
+ <el-table-column type="selection" width="55"></el-table-column>
+ <el-table-column prop="name" label="鍒嗘淳澶勭悊浜�"></el-table-column>
+ <el-table-column prop="data" label="澶勭悊鍥炲鍐呭" ></el-table-column>
+ <el-table-column prop="fj" label="闄勪欢"></el-table-column>
+ <el-table-column prop="date" label="鏃ユ湡"></el-table-column>
+ </el-table>
+ </div>
+ <!-- 杞淳T2澶勭悊 -->
+ <div class="change_box" v-if="value==2">
+ <el-form ref="form2" :model="form2" label-width="120px">
+ <el-form-item label="瑕佹眰瀹屾垚鏃堕棿锛�">
+ <el-col :span="4">
+ <el-date-picker type="date" placeholder="閫夋嫨鏃ユ湡" v-model="form2.date1" style="width: 100%;"></el-date-picker>
+ </el-col>
+ <el-col class="line" :span="1" style="text-align: center;">-</el-col>
+ <el-col :span="2">
+ <el-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form2.date2" style="width: 100%;"></el-time-picker>
+ </el-col>
+ <!-- <el-date-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
+ </el-form-item>
+ <el-form-item label="杞淳鎰忚锛�">
+ <el-input type="textarea" v-model="form2.desc" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button size="mini" type="primary">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+
+ </div>
+ <!-- 鍒嗘淳 -->
+ <div class="change_box" v-if="value==3">
+ <el-form ref="form3" :model="form3" label-width="120px">
+ <el-form-item label="瑕佹眰瀹屾垚鏃堕棿锛�">
+ <el-col :span="4">
+ <el-date-picker type="date" placeholder="閫夋嫨鏃ユ湡" v-model="form3.date1" style="width: 100%;"></el-date-picker>
+ </el-col>
+ <el-col class="line" :span="1" style="text-align: center;">-</el-col>
+ <el-col :span="2">
+ <el-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form3.date2" style="width: 100%;"></el-time-picker>
+ </el-col>
+ <!-- <el-date-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
+ </el-form-item>
+ <el-form-item label="鍒嗘淳澶勭悊浜猴細">
+ <el-input v-model="form3.user" placeholder="璇疯緭鍏�" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item label="杞淳鎰忚锛�">
+ <el-input type="textarea" v-model="form3.desc" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button size="mini" type="primary">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 绉讳氦 -->
+ <div class="change_box" v-if="value==4">
+ <el-form ref="form4" :model="form4" label-width="120px">
+ <el-form-item label="瑕佹眰瀹屾垚鏃堕棿锛�">
+ <el-col :span="4">
+ <el-date-picker type="date" placeholder="閫夋嫨鏃ユ湡" v-model="form4.date1" style="width: 100%;"></el-date-picker>
+ </el-col>
+ <el-col class="line" :span="1" style="text-align: center;">-</el-col>
+ <el-col :span="2">
+ <el-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form4.date2" style="width: 100%;"></el-time-picker>
+ </el-col>
+ <!-- <el-date-time-picker placeholder="閫夋嫨鏃堕棿" v-model="form.date2" style="width: 100%;"></el-date-time-picker> -->
+ </el-form-item>
+ <el-form-item label="绉讳氦澶勭悊缁勶細">
+ <el-input v-model="form4.user" placeholder="璇烽�夋嫨" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item label="绉讳氦鎰忚锛�">
+ <el-input type="textarea" v-model="form4.desc" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button size="mini" type="primary">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 鍥炲 -->
+ <div class="change_box" v-if="value==5">
+ <el-form ref="form5" :model="form5" label-width="120px">
+ <el-form-item label="澶勭悊鎰忚锛�">
+ <el-input type="textarea" v-model="form5.desc" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button size="mini" type="primary">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 澶勭悊骞跺綊妗� -->
+ <div class="change_box" v-if="value==6">
+ <el-form ref="form6" :model="form6" label-width="120px">
+ <el-form-item label="褰掓。鎰忚锛�">
+ <el-input type="textarea" v-model="form6.desc" style="width: 40%;"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button size="mini" type="primary">鎻愪氦</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="娴佺▼淇℃伅">娴佺▼淇℃伅</el-tab-pane>
+ <el-tab-pane label="娴佺▼鍥�">娴佺▼鍥�</el-tab-pane>
+ </el-tabs>
+
+
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ data(){
+ return {
+ value:"",
+ selectList:[
+ {value:1,label:"澶勭悊鍒嗘淳鍥炲"},
+ {value:2,label:"杞淳T2澶勭悊"},
+ {value:3,label:"鍒嗘淳"},
+ {value:4,label:"绉讳氦"},
+ {value:5,label:"鍥炲"},
+ {value:6,label:"澶勭悊骞跺綊妗�"},
+ ],
+ tableData:[
+ {name:"寮犱笁",data:"宸插鐞嗭紝鏁呴殰宸叉仮澶�",fj:"xxx.txt",date:"2021-10-08 15:51:43"},
+ {name:"鏉庡洓",data:"宸插鐞嗭紝鏁呴殰宸叉仮澶�",fj:"xxx.txt",date:"2021-10-08 15:51:43"},
+ {name:"鐜嬩簲",data:"宸插鐞嗭紝鏁呴殰宸叉仮澶�",fj:"xxx.txt",date:"2021-10-08 15:51:43"}
+ ],
+ form2:{
+ date1:"",
+ date2:"",
+ desc:""
+ },
+ form3:{
+ date1:"",
+ date2:"",
+ desc:"",
+ user:""
+ },
+ form4:{
+ date1:"",
+ date2:"",
+ desc:"",
+ user:""
+ },
+ form5:{
+ desc:"",
+ },
+ form6:{
+ desc:"",
+ },
+ }
+ },
+ mounted(){
+
+ },
+ methods: {
+ getSelectVal:function(val){
+ console.log(val)
+ console.log("val:" + this.value)
+ }
+ },
+}
+</script>
+<style scoped>
+.main{
+ height: 100%;
+ padding: 10px 15px;
+ background-color: #fff;
+}
+.title{
+ margin: 5px 0;
+}
+.list_box{
+ height: 95%;
+ border:1px #ccc solid;
+ padding: 5px 10px;
+ overflow: auto;
+}
+.list_box p{
+ margin: 10px;
+}
+.color_red{
+ color: red;
+}
+.label_box{
+ font-weight: bold;
+ font-size: 20px;
+}
+.title_p{
+ /* border-bottom: 2px #ccc solid; */
+ color: #ccc;
+ font-weight: bold;
+}
+.select_box{
+ /* border-top: 2px #ccc solid; */
+ /* border-bottom: 2px #ccc solid; */
+ margin: 20px 0;
+ padding: 15px 0;
+}
+.el-tabs--border-card>/deep/.el-tabs__content{
+ padding: 0;
+}
+.info_box{
+ border-bottom: 2px #ccc solid;
+ border-top: 2px #ccc solid;
+}
+.event_box{
+ padding: 15px 5px;
+ border-top: 2px #ccc solid;
+ border-bottom: 2px #ccc solid;
+}
+</style>
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index bfaed9d..271826c 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -33,6 +33,13 @@
},
component: (resolve) => require(['@/pages/alarmWork/list.vue'], resolve),
},
+ {
+ path: 'workInfo',
+ meta: {
+ title: '宸ュ崟鍩烘湰淇℃伅',
+ },
+ component: (resolve) => require(['@/pages/alarmWork/workInfo.vue'], resolve),
+ },
]
}
]
--
Gitblit v1.9.1