工单详情

resources/js/views/alarm-order/index.vue

@@ -124,7 +124,7 @@
     </el-tooltip>
     <el-dialog title="工单详细信息" :visible.sync="dialogTableVisible" width="70%">
       <el-steps :active="order_content.isorderone" align-center style="margin-bottom: 40px;">
-        <el-step v-for="item in order_step" :key="item.schedule" :title="stepFilter(item.schedule)" :description="item.content"></el-step>
+        <el-step v-for="item in order_step" :key="item.schedule" :title="stepFilter(item.schedule)" :description="item.created_at + item.content"></el-step>
       </el-steps>
       <el-row :gutter="20">
         <el-col :span="8">
@@ -156,7 +156,8 @@
             <el-col :span="12">
               <el-form size="mini">
                 <el-form-item label="订单编号">{{ order_content.order_num }}</el-form-item>
-                <el-form-item label="订单时间">{{ order_content.created_at }}</el-form-item>
+                <el-form-item label="订单创建时间">{{ order_content.created_at }}</el-form-item>
+                <el-form-item label="订单更新时间">{{ order_content.updated_at }}</el-form-item>
                 <el-form-item label="设备编号">{{ order_content.devicenumber }}</el-form-item>
                 <el-form-item label="设备名称">{{ order_content.username }}</el-form-item>
                 <el-form-item label="类型">{{ order_content.tname }}</el-form-item>
@@ -170,7 +171,16 @@
                 <el-form-item label="检测值">{{ order_content.concentration + order_content.danwei }}</el-form-item>
                 <el-form-item label="报警类型">{{ order_content.status_name }}</el-form-item>
                 <el-form-item label="报警开始时间">{{ order_content.start_time }}</el-form-item>
-                <el-form-item label="报警结束时间">{{ order_content.status_name }}</el-form-item>
+                <el-form-item label="报警结束时间">{{ order_content.end_time }}</el-form-item>
+                <el-form-item label="接单人">{{ order_content.name }}</el-form-item>
+                <el-form-item label="是否到达现场">{{ isLiveFilter(order_content.is_live) }}</el-form-item>
+                <el-form-item label="是否属实">{{ isVerifiedFilter(order_content.is_verified) }}</el-form-item>
+                <el-form-item label="进度">{{ isOrderOneFilter(order_content.isorderone) }}</el-form-item>
+                <el-form-item>
+                  <template slot="scope">
+                    <el-button>完成</el-button>
+                  </template>
+                </el-form-item>
               </el-form>
             </el-col>
           </el-row>
@@ -353,6 +363,24 @@ export default {
     this.alarmOrdersData();
   },
   methods: {
+    isLiveFilter(id) {
+      const steps = [];
+      steps[1] = '到达现场';
+      steps[2] = '未到达现场';
+      return steps[id];
+    },
+    isVerifiedFilter(id) {
+      const steps = [];
+      steps[1] = '属实';
+      steps[2] = '不属实';
+      return steps[id];
+    },
+    isOrderOneFilter(id) {
+      const steps = [];
+      steps[1] = '到达现场';
+      steps[2] = '未到达现场';
+      return steps[id];
+    },
     stepFilter(step) {
       const steps = [];
       steps[1] = '待接单';
@@ -383,13 +411,13 @@ export default {
     orderDetail(id) {
       alarmOrderDetail(id).then(response => {
         const all_steps = [{
-          schedule: 1, content: '未接单',
+          schedule: 1, content: '未接单', created_at: '',
         }, {
-          schedule: 2, content: '进行中',
+          schedule: 2, content: '进行中', created_at: '',
         }, {
-          schedule: 3, content: '完成',
+          schedule: 3, content: '完成', created_at: '',
         }, {
-          schedule: 4, content: '异常终止',
+          schedule: 4, content: '异常终止', created_at: '',
         }];
         if (response.code === 200) {
           console.log(response.data);