客资催办

src/views/clew/clewent.vue

@@ -29,6 +29,8 @@
         >转交其他组织</van-button
       > -->
     </clewentDetails>
+    <!-- 催办历史 -->
+    <hasten v-if="infoData.hastenList" :hastenList="infoData.hastenList"></hasten>
     <p style="margin: 0 16px 8px; color: #888" v-if="infoData.userCustomerClueList">
       该客资历史跟进记录
     </p>
@@ -484,6 +486,7 @@ import clewentDetails from './clewentDetails';
 import radioGroup from './complaintDetail/radioGroup';
 import { clewMixins } from '@/mixin/clew.js';
 import store from '@/store';
+import hasten from './hasten';
 export default {
   name: 'MyHistoricalWeekly',
   mixins: [clewMixins],
@@ -495,6 +498,7 @@ export default {
     deleteUploadImgv,
     clewentDetails,
     radioGroup,
+    hasten,
   },
   data() {
     return {

src/views/clew/complaintDetail/index.vue

@@ -28,6 +28,8 @@
         >转交其他组织</van-button
       > -->
     </infoDetail>
+    <!-- 催办历史 -->
+    <hasten v-if="infoData.hastenList" :hastenList="infoData.hastenList"></hasten>
     <!-- 投诉记录 -->
     <complaintLog
       v-if="infoData && infoData.customerClueInfoComplaintList.length"
@@ -192,6 +194,7 @@ import followUpHistory from './followUpHistory';
 import { getDictOption } from '@/api/index';
 import { updateCustomerClueDept, getDeptInfo } from '@/api/clew';
 import store from '@/store';
+import hasten from '@/views/clew/hasten';
 
 export default {
   name: 'complaintDetail',
@@ -200,6 +203,7 @@ export default {
     complaintLog,
     radioGroup,
     followUpHistory,
+    hasten,
   },
   computed: {
     ...mapState({

src/views/clew/hasten.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="hasten">
+    <div class="hastenItem" v-for="(item, index) in hastenList" :key="index">
+      <div class="date item">
+        <div class="label">催办时间：</div>
+        <div class="value">{{ item.time }}</div>
+      </div>
+      <div class="number item">
+        <div class="label">催办次数：</div>
+        <div class="value">{{ item.number }}</div>
+      </div>
+      <div class="content item">
+        <div class="label">催办内容：</div>
+        <div class="value">{{ item.content }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'hasten',
+  props: {
+    hastenList: {
+      type: Array,
+      defaule: () => [],
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss" scoped>
+.hasten {
+  background: #fff;
+  padding: 10px 16px;
+  margin: 6px 10px 10px;
+  .hastenItem {
+    .item {
+      display: flex;
+      padding: 3px 0;
+      font-size: 14px;
+      color: #444;
+      border-bottom: 1px solid #000;
+      &:last-child {
+        border-bottom: none;
+      }
+      .label {
+        width: 110px;
+      }
+      .value {
+        flex: 1;
+      }
+    }
+  }
+}
+</style>