会议查看

src/components/BtnCom/BtnCon.vue

@@ -2,6 +2,7 @@
   <div class="btn-box pa-3">
     <div @click="jump('/')" class="btn">首页数据统计</div>
     <div @click="jump('/meeting')" class="btn">会议纪要</div>
+    <div @click="jump('/MeetingPreview')" class="btn">会议查看</div>
     <div @click="jump('/selectPatient')" class="btn">选择患者信息</div>
     <div @click="jump('/patientInfo')" class="btn">患者信息录入</div>
     <div @click="jump('/caseSearch')" class="btn">病例搜索</div>

src/router/index.js

@@ -1,10 +1,3 @@
-/*
- * @Author: wally
- * @email: 18603454788@163.com
- * @Date: 2021-01-28 09:32:34
- * @LastEditors: wally
- * @LastEditTime: 2021-01-29 11:00:57
- */
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import Home from 'views/Index/Index.vue';
@@ -25,11 +18,11 @@ const routes = [
     component: () => import('@/views/Meeting/Meeting.vue'),
   },
   // 会议纪要预览
-  // {
-  //   path: '/meetingPreview',
-  //   name: 'MeetingPreview',
-  //   component: () => import('@/views/MeetingPreview/MeetingPreview.vue'),
-  // },
+  {
+    path: '/meetingPreview',
+    name: 'MeetingPreview',
+    component: () => import('@/views/Meeting/MeetingPreview.vue'),
+  },
   // 选择患者信息
   {
     path: '/selectPatient',

src/views/Meeting/MeetingPreview.vue

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <div class="metting">
+      <a-card :bordered="false">
+        <a-list class="metting">
+          <a-list-item>
+            <span class="font-bold-24 mb-2">会议时间：</span>
+            {{ previewInfo.startTime || '' }} 至 {{ previewInfo.endTime }}
+          </a-list-item>
+          <a-list-item>
+            <span class="font-bold-24 mb-2">会议地点：</span>
+            {{ previewInfo.place }}
+          </a-list-item>
+          <a-list-item>
+            <span class="font-bold-24 mb-2">主持人：</span>
+            {{ previewInfo.host }}
+          </a-list-item>
+          <a-list-item class="d-flex flex-column align-left">
+            <span class="font-bold-24 mb-2">参会人员：</span>
+            <div class="fill-width">
+              <span v-dompurify-html="previewInfo.participants"></span>
+            </div>
+          </a-list-item>
+          <a-list-item class="d-flex flex-column align-left">
+            <span class="font-bold-24 mb-2">研讨内容：</span>
+            <div class="fill-width">
+              <span v-dompurify-html="previewInfo.discussionContent"></span>
+            </div>
+          </a-list-item>
+          <a-list-item class="d-flex flex-column align-left" v-if="previewInfo.meetingMinutes">
+            <span class="font-bold-24 mb-2">会议纪要：</span>
+            <div class="fill-width">
+              <span v-dompurify-html="previewInfo.meetingMinutes"></span>
+            </div>
+          </a-list-item>
+        </a-list>
+      </a-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import moment from 'moment';
+import { getConRec } from 'config/api';
+import { mapState } from 'vuex';
+
+const formItemLayout = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 18 },
+};
+const tailItemLayout = { wrapperCol: { span: 18, offset: 4 } };
+export default {
+  name: 'Meeting',
+  data() {
+    return {
+      showVideo: false,
+      formItemLayout,
+      tailItemLayout,
+      form: this.$form.createForm(this, { name: 'page-add' }),
+      place: '', // 会议地点
+      host: '', // 主持人
+      participants: '', // 参会人员
+      discussionContent: '', // 研讨内容
+      meetingMinutes: '', // 会议纪要
+      startTime: '', // 开始时间
+      endTime: '', // 结束时间
+      previewInfo: null,
+    };
+  },
+
+  computed: mapState('home', ['ptProps']),
+  watch: {
+    ptProps() {
+      this.getData(this.ptProps.taskId);
+    },
+  },
+  mounted() {
+    if (this.ptProps) {
+      this.getData(this.ptProps.taskId);
+    }
+  },
+  methods: {
+    async getData(taskId) {
+      try {
+        const params = { param: { taskId } };
+        const res = await getConRec(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.previewInfo = data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.metting {
+  width: 100%;
+  // margin: 30px 10%;
+}
+</style>