提交一下 时间线

1

src/views/platformManager/tenantApply/component/tenantApplyFor.vue

@@ -44,10 +44,16 @@
         <el-table-column align="center" label="机构名称" prop="name">
         </el-table-column>
         <el-table-column align="center" label="联系人" prop="linkman">
+          <template slot-scope="scope">
+            <div>
+              <p>{{scope.row.linkman}}</p>
+              <p>{{scope.row.mobileNo}}</p>
+            </div>
+          </template>
         </el-table-column>
-        <el-table-column align="center" label="联系人电话" prop="mobileNo">
-        </el-table-column>
-        <el-table-column align="center" label="申请时间" prop="createTime">
+        <!-- <el-table-column align="center" label="联系人电话" prop="mobileNo">
+        </el-table-column> -->
+        <el-table-column align="center" label="申请时间" prop="createTime" width="100px">
         </el-table-column>
         <el-table-column
           align="center"
@@ -62,7 +68,7 @@
         <el-table-column align="center" label="操作">
           <template slot-scope="scope">
             <el-button
-              @click="openService('update', scope.row)"
+              @click="openDetail(scope.row)"
               v-permission="'platformServe/update'"
               type="text"
               >沟通记录
@@ -92,10 +98,24 @@
         @pagination="getList"
       />
     </div>
+    <el-dialog
+      title="提示"
+      :visible.sync="recordVisible"
+      width="1000px"
+    >
+      <recordDetail :activeRow="activeRow"/>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="recordVisible = false">取 消</el-button>
+        <el-button type="primary" @click="recordVisible = false"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
 import pagination from "@/components/Pagination/index";
+import recordDetail from"../modals/recordDetail.vue"
 import { tenantApplyList } from "../api";
 import { getTimes } from "@/utils";
 const initSearch = {
@@ -105,6 +125,7 @@ const initSearch = {
 export default {
   components: {
     pagination,
+    recordDetail
   },
   data() {
     return {
@@ -119,7 +140,9 @@ export default {
       searchForm: {
         ...initSearch,
       },
-      activeIndex:'1'
+      activeIndex: "1",
+      recordVisible: false,
+      activeRow:null
     };
   },
   mounted() {
@@ -155,8 +178,9 @@ export default {
       };
       this.search();
     },
-    handleClick(val) {
-      this.activeIndex = val.name;
+    openDetail(row) {
+      this.activeRow = row
+      this.recordVisible = true;
     },
   },
   filters: {

src/views/platformManager/tenantApply/modals/recordDetail.vue

@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <el-alert title="申请信息" :closable="false" type="info"> </el-alert>
+    <descriptions :column="2">
+      <descriptions-item label="所在城市：">{{
+        activeRow.city || ""
+      }}</descriptions-item>
+      <descriptions-item label="机构名称：">{{
+        activeRow.name || ""
+      }}</descriptions-item>
+      <descriptions-item label="申请时间：">{{
+        activeRow.createTime || ""
+      }}</descriptions-item>
+      <descriptions-item label="联系人：">{{
+        activeRow.linkman || ""
+      }}</descriptions-item>
+      <descriptions-item label="联系电话：">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+    </descriptions>
+    <el-alert title="沟通记录" :closable="false" type="info" style="margin:20px 0"> </el-alert>
+    <el-button style="margin-bottom:20px" type="primary" @click="addRecord">添加记录</el-button>
+    <div class="process">
+      <el-timeline :reverse="true">
+        <el-timeline-item v-for="(activity, index) in processList" :key="index" >
+          <div>
+            <div class="name">{{ activity.realName }}</div>
+            <div>{{ activity.createTime }}</div>
+            <div>{{ activity.event }}</div>
+          </div>
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: ["activeRow"],
+  data() {
+    return {
+      processList: [
+        {
+          realName: "张XX",
+          createTime: "2021-12-11 12:10:29",
+          event: "希望提供测试账号",
+        },
+        {
+          realName: "张XX",
+          createTime: "2021-12-11 12:10:29",
+          event: "希望提供测试账号",
+        },
+      ],
+    };
+  },
+  mounted(){},
+  methods:{
+    addRecord(){
+
+    }
+  }
+};
+</script>
+<style lang="scss">
+.process {
+  padding: 10px;
+  max-height: 600px;
+  overflow-y: auto;
+  .name {
+    font-size: 16px;
+    font-weight:bold;
+  }
+  div {
+    line-height: 30px;
+  }
+}
+</style>