增加处理日志

src/views/closed.vue

@@ -22,6 +22,14 @@
           </div>
           <div class="fl">
             <a
+              :class="{ active: actives == 'handlerLog' }"
+              href="javascript:;"
+              @click="toInfo('handlerLog')"
+              >处理日志</a
+            >
+          </div>
+          <div class="fl">
+            <a
               :class="{ active: actives == 'closeInfo' }"
               href="javascript:;"
               @click="toInfo('closeInfo')"
@@ -208,7 +216,7 @@
               >隐藏详情<<</span
             >
           </p>
-
+          <HandlerLog :data="model.incident.handlerLogs" id="handlerLog"></HandlerLog>
           <div class="label" id="closeInfo">关单信息</div>
           <p>
             <span class="fl">是否已解决</span>
@@ -272,6 +280,7 @@
 </template>
 <script>
 import LoadIng from "./../views/loading.vue";
+import HandlerLog from "./../views/handlerLog.vue";
 export default {
   data() {
     return {
@@ -301,7 +310,8 @@ export default {
     };
   },
   components: {
-    LoadIng
+    LoadIng,
+    HandlerLog
   },
   methods: {
     //   获取事件数据
@@ -444,12 +454,12 @@ i.iconfont {
     position: fixed;
     top: 0.88rem;
     div {
-      width: 25%;
+      width: 20%;
       text-align: center;
       a {
         display: inline-block;
         height: 0.9rem;
-        width: 1.7rem;
+        // width: 1.7rem;
         padding: 0 0.1rem;
         &.active {
           color: #005395;

src/views/handlerLog.vue

@@ -0,0 +1,81 @@
+<template>
+<div class="handlerLog">
+  <div class="label">处理日志</div>
+  <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" :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>
+</template>
+
+<script>
+  export default {
+    data(){
+      return {}
+    },
+    props:{
+      data:{
+        type:Array,
+        default(){
+          return [];
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+.label {
+  background-color: #eeeeee;
+  height: 0.6rem;
+  line-height: 0.58rem;
+  padding-left: 0.2rem;
+  font-size: 0.24rem;
+  color: #666666;
+  span {
+    font-size: 0.2rem;
+    display: inline-block;
+    margin-left: 0.08rem;
+    color: #999999;
+  }
+  &.formLabel {
+    background-color: #fff;
+  }
+}
+.handlerLog{
+  background-color: #fff;
+}
+.handlerLog .handlerLog__table{
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+  width: 100%;
+}
+.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;
+}
+</style>

src/views/order.vue

@@ -21,6 +21,17 @@
               :class="{ p50: model.incident.handlerUser.id != loginUser.id }"
             >
               <a
+                :class="{ active: actives == 'handlerLog' }"
+                href="javascript:;"
+                @click="toInfo('handlerLog')"
+                >处理日志</a
+              >
+            </div>
+            <div
+              class="fl p50"
+              :class="{ p50: model.incident.handlerUser.id != loginUser.id }"
+            >
+              <a
                 :class="{ active: actives == 'progress' }"
                 href="javascript:;"
                 @click="toInfo('progress')"
@@ -198,7 +209,7 @@
                 </p>
               </div>
             </div>
-
+            <HandlerLog :data="model.incident.handlerLogs" id="handlerLog"></HandlerLog>
             <div class="label" id="progress">处理进度</div>
             <div
               :class="{ progress: true, progressHide: !pro_hides }"
@@ -261,6 +272,7 @@
 <script>
 import LoadIng from "./../views/loading.vue";
 import PrompTing from "./../views/prompting.vue";
+import HandlerLog from "./../views/handlerLog.vue";
 export default {
   data() {
     return {
@@ -292,7 +304,8 @@ export default {
   },
   components: {
     LoadIng,
-    PrompTing
+    PrompTing,
+    HandlerLog
   },
   methods: {
     //   获取事件数据
@@ -484,10 +497,10 @@ i.iconfont.blue {
     top: 0.88rem;
 
     div {
-      width: 33.33%;
+      width: 25%;
       text-align: center;
       &.p50 {
-        width: 49.99%;
+        width: 33.33%;
       }
       a {
         display: inline-block;

src/views/processing.vue

@@ -20,6 +20,17 @@
             :class="{ p50: modelData.incident.handlerUser.id != loginUser.id }"
           >
             <a
+              :class="{ active: actives == 'handlerLog' }"
+              href="javascript:;"
+              @click="toInfo('handlerLog')"
+              >处理日志</a
+            >
+          </div>
+          <div
+            class="fl p50"
+            :class="{ p50: modelData.incident.handlerUser.id != loginUser.id }"
+          >
+            <a
               :class="{ active: actives == 'progress' }"
               href="javascript:;"
               @click="toInfo('progress')"
@@ -186,7 +197,7 @@
               </p>
             </div>
           </div>
-
+          <HandlerLog :data="modelData.incident.handlerLogs" id="handlerLog"></HandlerLog>
           <div class="label" id="progress">处理进度</div>
           <div
             :class="{ progress: true, progressHide: !pro_hides }"
@@ -358,6 +369,7 @@ import CubeButtonGroup from "./../components/cube-button-group.vue";
 import DatePicker from "./../components/date-picker.vue";
 import CubeExtendPopup from "./../components/extend-popup.vue";
 import LoadIng from "./../views/loading.vue";
+import HandlerLog from "./../views/handlerLog.vue";
 import PrompTing from "./../views/prompting.vue";
 // import host from '../request/host'
 
@@ -786,7 +798,8 @@ export default {
     }
   },
   components: {
-    LoadIng
+    LoadIng,
+    HandlerLog
   },
   methods: {
     //获取区域
@@ -1637,6 +1650,7 @@ export default {
     // JsonView
     CubeExtendPopup,
     LoadIng,
+    HandlerLog,
     PrompTing
   }
 };
@@ -1812,10 +1826,10 @@ i.iconfont.blue {
     top: 0.88rem;
     z-index: 9;
     div {
-      width: 33.33%;
+      width: 25%;
       text-align: center;
       &.p50 {
-        width: 49.99%;
+        width: 33.33%;
       }
       a {
         display: inline-block;

src/views/solved.vue

@@ -22,6 +22,14 @@
           </div>
           <div class="fl">
             <a
+              :class="{ active: actives == 'handlerLog' }"
+              href="javascript:;"
+              @click="toInfo('handlerLog')"
+              >处理日志</a
+            >
+          </div>
+          <div class="fl">
+            <a
               :class="{ active: actives == 'progress' }"
               href="javascript:;"
               @click="toInfo('progress')"
@@ -212,7 +220,7 @@
                 <span class="fl">转派原因</span>
                 <span class="fr" >{{model.transferReason}}</span>
               </p> -->
-
+          <HandlerLog :data="model.incident.handlerLogs" id="handlerLog"></HandlerLog>
           <div class="label" id="progress">处理进度</div>
           <div
             :class="{ progress: true, progressHide: !pro_hides }"
@@ -292,6 +300,7 @@
 </template>
 <script>
 import LoadIng from "./../views/loading.vue";
+import HandlerLog from "./../views/handlerLog.vue";
 export default {
   data() {
     return {
@@ -326,7 +335,8 @@ export default {
     };
   },
   components: {
-    LoadIng
+    LoadIng,
+    HandlerLog
   },
   methods: {
     //   获取事件数据
@@ -564,10 +574,10 @@ i.iconfont {
     position: fixed;
     top: 0.88rem;
     div {
-      width: 33.33%;
+      width: 25%;
       text-align: center;
       &.p50 {
-        width: 49.99%;
+        width: 33.33%;
       }
       a {
         display: inline-block;

src/views/wxChartDetail.vue

@@ -81,6 +81,7 @@
               <span>{{ model.rejectRemark || "" }}</span>
             </p>
           </div>
+          <HandlerLog :data="model.incident.handlerLogs"></HandlerLog>
         </div>
         <div v-if="model.incidentState.value == 0" class="btnBox">
           <cube-button @click="showPicker()">操作</cube-button>
@@ -112,6 +113,7 @@
 <script>
 import LoadIng from "./../views/loading.vue";
 import http from "../request/http";
+import HandlerLog from "./../views/handlerLog.vue";
 export default {
   data() {
     return {
@@ -130,7 +132,8 @@ export default {
     };
   },
   components: {
-    LoadIng
+    LoadIng,
+    HandlerLog
   },
   methods: {
     // 获取图片