feat: 查看评审

src/views/review/view/index.vue

 <template>
-  <page-standard>
+  <el-card>
+    <div slot="header" class="clearfix">
+      <span>查看评审</span>
+      <el-button
+        size="mini"
+        icon="el-icon-back"
+        class="back-btn"
+        type="text"
+        @click="handleBack"
+      >
+        返回
+      </el-button>
+      <span class="card-top-text"
+        >参与评案人员: 张学良(组长)、于风至、赵一荻</span
+      >
+    </div>
     <div class="subtitle">评审对象</div>
     <el-row :gutter="20" justify="center" type="flex">
       <el-col :span="20">
-        <el-form :model="queryParams" ref="queryForm" label-suffix=":">
+        <el-form ref="queryForm" :model="queryParams" label-suffix=":">
           <el-form-item label="标准章节" prop="deptName"> 5.1 </el-form-item>
           <el-form-item label="标准要求" prop="deptName">
             标准章节： 5.1
@@ -17,7 +32,7 @@
             车辆制造商是否能够提供/展示汽车信息安全管理制度文件，制度文件应定义信息安全政策以及信息安全规则和流程，信息安全政策应致力于管理与车辆制造商活动相关的信息安全风险。
           </el-form-item>
           <el-form-item label="新增场景" prop="deptName">
-            <audio controls ref="audio">
+            <audio ref="audio" controls>
               <source src="/扫描成功.mp3" />
             </audio>
           </el-form-item>
@@ -35,34 +50,34 @@
         <message-item></message-item>
       </el-col>
     </el-row>
-    <div class="subtitle">讨论区</div>
-    <el-row :gutter="20" class="mt10" justify="center" type="flex">
-      <el-col :span="22">
-        <div class="message-box mt5">
-          <el-avatar :size="60" class="mr10" :src="circleUrl"></el-avatar>
-          <div style="width: 100%">
-            <el-input
-              v-model="model.deptName"
-              placeholder="输入评论内容"
-              clearable
-              type="textarea"
-              :autosize="false"
-              show-word-limit
-              :maxlength="100"
-              :rows="5"
-            />
-            <el-button size="mini" class="mt5" type="primary" plain
-              >发布评论</el-button
-            >
-            <div class="subtitle mt10">全部评论5条</div>
-            <talk-item> </talk-item>
-            <talk-item :hasChild="true"> </talk-item>
-            <talk-item> </talk-item>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-  </page-standard>
+    <!--    <div class="subtitle">讨论区</div>-->
+    <!--    <el-row :gutter="20" class="mt10" justify="center" type="flex">-->
+    <!--      <el-col :span="22">-->
+    <!--        <div class="message-box mt5">-->
+    <!--          <el-avatar :size="60" class="mr10" :src="circleUrl"></el-avatar>-->
+    <!--          <div style="width: 100%">-->
+    <!--            <el-input-->
+    <!--              v-model="model.deptName"-->
+    <!--              placeholder="输入评论内容"-->
+    <!--              clearable-->
+    <!--              type="textarea"-->
+    <!--              :autosize="false"-->
+    <!--              show-word-limit-->
+    <!--              :maxlength="100"-->
+    <!--              :rows="5"-->
+    <!--            />-->
+    <!--            <el-button size="mini" class="mt5" type="primary" plain-->
+    <!--              >发布评论</el-button-->
+    <!--            >-->
+    <!--            <div class="subtitle mt10">全部评论5条</div>-->
+    <!--            <talk-item> </talk-item>-->
+    <!--            <talk-item :hasChild="true"> </talk-item>-->
+    <!--            <talk-item> </talk-item>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+  </el-card>
 </template>
 <script>
 import page from '@/mixins/page'
@@ -81,24 +96,22 @@ export default {
     }
   },
   methods: {
-    handleAdd() {
-      this.dialogManger.dialogVisible = true
-      this.dialogManger.source = {}
-    },
-    handleDelete() {},
-    handleUpdate(row) {
-      this.dialogManger.dialogVisible = true
-      this.dialogManger.source = row
-    }
-  },
-  watch: {
-    'dialogManger.refreshList': function (val) {
-      if (val) {
-        this.loadData()
-        this.dialogManger.refreshList = false
-      }
+    handleBack() {
+      this.$router.back()
     }
+    // handleAdd() {
+    //   this.dialogManger.dialogVisible = true
+    //   this.dialogManger.source = {}
+    // }
   }
+  // watch: {
+  //   'dialogManger.refreshList': function (val) {
+  //     if (val) {
+  //       this.loadData()
+  //       this.dialogManger.refreshList = false
+  //     }
+  //   }
+  // }
 }
 </script>
 <style lang="scss" scoped>
@@ -108,4 +121,13 @@ export default {
   align-items: flex-start;
   font-size: 12px;
 }
+.back-btn {
+  float: right;
+  margin-right: 10px;
+}
+.card-top-text {
+  float: right;
+  margin-right: 50px;
+  font-size: 16px;
+}
 </style>