Descriptions 修改一半

1

src/router/notKeepAliveList.js

@@ -113,5 +113,6 @@ export default [
   '/holidaySetting',
   '/business/studentPaySet',
   '/staffPlatManager',
-  '/infoOAMananger'
+  '/infoOAMananger',
+  '/tenantApply'
 ]

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

@@ -56,7 +56,7 @@
         <el-table-column align="center" label="操作">
           <template slot-scope="scope">
             <el-button
-              @click="openService('update', scope.row)"
+              @click="lookDetail(scope.row)"
               v-permission="'platformServe/update'"
               type="text"
               >查看
@@ -67,7 +67,7 @@
               type="text"
               >创建机构
             </el-button>
-                     <el-button
+            <el-button
               @click="openService('update', scope.row)"
               v-permission="'platformServe/update'"
               type="text"
@@ -98,12 +98,22 @@
         @pagination="getList"
       />
     </div>
+    <el-dialog title="沟通记录" :visible.sync="detailVisible" width="1000px">
+      <infodetail :activeRow="activeRow" />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="detailVisible = false">取 消</el-button>
+        <el-button type="primary" @click="detailVisible = false"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
 import pagination from "@/components/Pagination/index";
 import { tenantApplyList } from "../api";
 import { getTimes } from "@/utils";
+import infodetail from"../modals/infodetail.vue"
 const initSearch = {
   name: null,
   createTimer: null,
@@ -111,6 +121,7 @@ const initSearch = {
 export default {
   components: {
     pagination,
+    infodetail
   },
   data() {
     return {
@@ -126,6 +137,8 @@ export default {
         ...initSearch,
       },
       activeIndex: "1",
+      activeRow: null,
+      detailVisible: false,
     };
   },
   mounted() {
@@ -161,8 +174,9 @@ export default {
       };
       this.search();
     },
-    handleClick(val) {
-      this.activeIndex = val.name;
+    lookDetail(row) {
+      this.activeRow = row;
+      this.detailVisible = true;
     },
   },
   filters: {

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

@@ -99,7 +99,7 @@
       />
     </div>
     <el-dialog
-      title="提示"
+      title="沟通记录"
       :visible.sync="recordVisible"
       width="1000px"
     >

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

@@ -0,0 +1,85 @@
+<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-item label="项目负责人联系电话：">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+      <descriptions-item label="营业执照编号：">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+      <descriptions-item label="机构简介：" span="4">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+      <descriptions-item label="通讯地址：">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+      <descriptions-item label="提交时间：">{{
+        activeRow.phone || ""
+      }}</descriptions-item>
+    </descriptions>
+    <el-alert
+      title="沟通记录"
+      :closable="false"
+      type="info"
+      style="margin: 20px 0"
+    >
+    </el-alert>
+  </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() {
+      this.recordVisible = true;
+    },
+  },
+};
+</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>

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

@@ -18,11 +18,19 @@
         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>
+    <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" >
+        <el-timeline-item v-for="(activity, index) in processList" :key="index">
           <div>
             <div class="name">{{ activity.realName }}</div>
             <div>{{ activity.createTime }}</div>
@@ -31,6 +39,39 @@
         </el-timeline-item>
       </el-timeline>
     </div>
+    <el-dialog title="添加记录" :visible.sync="recordVisible" width="600px" append-to-body>
+      <el-form :model="form" ref="ruleForm">
+        <el-form-item
+          label="沟通时间"
+          label-width="120PX"
+          prop="nextVisitDate"
+        >
+          <el-date-picker
+            type="date"
+            style="width: 100% !important"
+            placeholder="请选择下次沟通日期"
+            v-model="form.nextVisitDate"
+          />
+        </el-form-item>
+        <el-form-item label="沟通内容" label-width="120PX" prop="content">
+          <el-input
+            type="textarea"
+            :rows="3"
+            v-model.trim="form.content"
+            autocomplete="off"
+            maxlength="255"
+            show-word-limit
+            placeholder="请输入沟通沟通内容"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <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>
@@ -50,14 +91,19 @@ export default {
           event: "希望提供测试账号",
         },
       ],
+      recordVisible: false,
+      form:{
+        nextVisitDate:'',
+        content:''
+      }
     };
   },
-  mounted(){},
-  methods:{
-    addRecord(){
-
-    }
-  }
+  mounted() {},
+  methods: {
+    addRecord() {
+      this.recordVisible = true;
+    },
+  },
 };
 </script>
 <style lang="scss">
@@ -67,7 +113,7 @@ export default {
   overflow-y: auto;
   .name {
     font-size: 16px;
-    font-weight:bold;
+    font-weight: bold;
   }
   div {
     line-height: 30px;