增加处理日志

src/filters/index.js

@@ -0,0 +1,33 @@
+import Vue from 'vue'
+Vue.filter('timeFormat', function (date, fmt) {
+  if (!date) {
+    return '';
+  }
+  if(typeof date === 'number'){
+    date = new Date(date);
+  }
+  if (typeof date === 'string') {
+    var dateArr = date.split(/[- : \/]/);
+    date = new Date(dateArr[0], dateArr[1] - 1, dateArr[2], dateArr[3], dateArr[4], dateArr[5]);
+  }
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+  }
+  let o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'H+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds()
+  };
+  for (let k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      let str = o[k] + '';
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
+    }
+  }
+  function padLeftZero(str) {
+    return ('00' + str).substr(str.length);
+  }
+  return fmt;
+})

src/main.js

@@ -5,6 +5,7 @@ import App from './App'
 import router from './router'
 import Cube from './index'
 import 'lib-flexible'
+import "./filters";
 // import {get,post} from './service/http'
 import './http'
 Vue.use(Cube)

src/views/incidentDetails.vue

@@ -23,7 +23,7 @@
         <div class="imgs-container">
           <img
             :src="img"
-            v-for="(img, index) in imgs"
+            v-for="(img, index) in imgs" :key="index"
             @click="handleImgsClick(index)"
             v-if="imgs.length"
           />
@@ -267,6 +267,28 @@
         ></div>
       </div>
     </div>
+    <!-- 处理日志 -->
+    <div class="repairProgress">
+      <div class="label">
+        处理日志
+      </div>
+      <div class="handlerLog">
+        <table class="handlerLog__table">
+          <tr>
+            <td class="xh">序号</td>
+            <td class="clr">处理人</td>
+            <td class="date">时间</td>
+            <td>内容</td>
+          </tr>
+          <tr v-for="(item,i) in data.incident.handlerLogs" :key="item.id">
+            <td>{{ i + 1 }}</td>
+            <td>{{ item.userName }}</td>
+            <td>{{ item.opTime | timeFormat("yyyy-MM-dd HH:mm:ss")}}</td>
+            <td>{{ item.opValue }}</td>
+          </tr>
+        </table>
+      </div>
+    </div>
     <!-- 撤回原因 -->
     <div class="label" v-if="processData == '已撤回'">
       撤回原因
@@ -419,6 +441,9 @@ export default {
     },
     getParamsData() {
       this.data = JSON.parse(this.$route.params.data);
+      if(!this.data.incident.handlerLogs){
+        this.data.incident.handlerLogs = [];
+      }
       if (this.data.incident.repeat) {
         this.processData = "重复事件";
       } else if (this.data.state.name == "不受理") {
@@ -715,6 +740,30 @@ export default {
   font-size: 0.32rem;
   line-height: 0.45rem;
 }
+.handlerLog .handlerLog__table{
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+  width: 100%;
+  margin-top: 0.16rem;
+}
+.handlerLog .handlerLog__table td{
+  text-align: center;
+  border: 1px solid #ccc;
+  word-break: break-all;
+  font-size: 0.25rem;
+  padding: 0.1rem 0;
+}
+.handlerLog .handlerLog__table td.xh  {
+  width: 0.7rem;
+}
+
+.handlerLog .handlerLog__table td.clr  {
+  width: 1.2rem;
+}
+
+.handlerLog .handlerLog__table td.date  {
+  width: 2.6rem;
+}
 .handleUser {
   display: flex;
   justify-content: space-between;