From 85dd97d8f5cf0c6a0b8373738986156647292981 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Mon, 18 Jul 2022 15:23:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=96=87=E6=A1=A3=E5=AF=B9?=
 =?UTF-8?q?=E6=AF=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |   1 +
 jero-web/src/common/lang/zh-cn.js             |   1 +
 jero-web/src/components/layouts/TabLayout.vue |   1 +
 jero-web/src/config/router.config.js          |   5 +
 .../components/comparisonResults.vue          | 185 ++++++++++++++++++
 .../documentComparison/index.vue              |   2 +-
 6 files changed, 194 insertions(+), 1 deletion(-)
 create mode 100644 jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 9c6d5420c..ea00ab8e6 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1160,4 +1160,5 @@ module.exports = {
   turnOffAutomaticMatching:'Turn Off Automatic Matching',
   Deriveconformanceresults:'Derive Conformance Results',
   Regulatorycompliancekanban:'Regulatory Compliance Kanban',
+  exportComparisonReport:'Export Comparison Report',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 303b3ba6a..ace33b547 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1164,4 +1164,5 @@ module.exports = {
   viewTheComparisonResults:'查看对比结果',
   addFullTextComment:'添加全文评论',
   turnOffAutomaticMatching:'关闭自动匹配',
+  exportComparisonReport:'导出对比报告',
 }
\ No newline at end of file
diff --git a/jero-web/src/components/layouts/TabLayout.vue b/jero-web/src/components/layouts/TabLayout.vue
index 042a5d153..3d15fba0b 100644
--- a/jero-web/src/components/layouts/TabLayout.vue
+++ b/jero-web/src/components/layouts/TabLayout.vue
@@ -98,6 +98,7 @@
           this.$route.path == '/projectStatusAndProgress' ||
           this.$route.path == '/TaskPlanList' ||
           this.$route.path == '/documentDataComparison' ||
+          this.$route.path == '/comparisonResults' ||
           this.$route.path == '/initiateDocumentComparison' ||
           this.$route.path == '/evaluationProcess' ||
           this.$route.path == '/evaluationResultsClause' ||
diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index 2f59d7f5e..be6370596 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -392,6 +392,11 @@ export const constantRouterMap = [
     name: 'documentDataComparison',
     component: () => import(/* webpackChunkName: "user" */ '@/views/documentTools/documentComparison/components/documentDataComparison')
   },
+  {
+    path: '/comparisonResults',
+    name: 'comparisonResults',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/documentTools/documentComparison/components/comparisonResults')
+  },
   {
     path: '/handshakeProcess',
     name: 'handshakeProcess',
diff --git a/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue b/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue
new file mode 100644
index 000000000..e5299048a
--- /dev/null
+++ b/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue
@@ -0,0 +1,185 @@
+<template>
+  <div class="doc-detail">
+    <div class="doc-detail-wrap">
+      <div class="doc-detail-header" style="position: fixed;top: 0">
+        <div class="doc-detail-title">
+             <span style="line-height: 66px;display: inline-block;float: left" @click="Fallback">
+               <a-icon type="arrow-left" style="margin-right: 6px;"/>
+             </span>
+          <span> {{$t('comparisonResults')}}</span>
+        </div>
+        <div class="doc-detail-right">
+          <div @click="exportComparisonReportClick" class="operator-text-text"
+               :title="$t('exportComparisonReport')">
+            <a-icon type="eye"/>
+            {{$t('exportComparisonReport')}}
+          </div>
+          <div @click="commentClick" class="operator-text-text"
+               :title="$t('comment')">
+            <a-icon type="message"/>
+            {{$t('comment')}}
+          </div>
+        </div>
+      </div>
+      <div style="padding-top: 68px;background: #fff">
+        <div class="detail-content">
+          <div class="detail-content-header">
+            <a-checkbox @change="onChange" style="margin-left: 20px;float: left"></a-checkbox>
+            <div class="detail-content-header-content">
+              <div class="detail-content-header-content-left">
+                所选标准：GB 23456-2020 机动车标准 FMVSS 114 中文.word
+              </div>
+              <div class="detail-content-header-content-content">
+                所选标准：GB 23456-2020 机动车标准 FMVSS 114 中文.word
+              </div>
+              <div class="detail-content-header-content-right">
+                操作
+              </div>
+            </div>
+          </div>
+          <a-checkbox-group @change="onChange">
+            <div class="detail-content-content">
+
+            </div>
+          </a-checkbox-group>
+        </div>
+      </div>
+    </div>
+    <JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'comparisonResults',
+    data() {
+      return {
+        loading: false
+      }
+    },
+    methods: {
+      Fallback() {
+        this.$router.push({
+          path: '/documentComparison'
+        })
+      },
+      commentClick() {
+
+      },
+      exportComparisonReportClick() {
+
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .doc-detail-wrap {
+      .doc-detail-header {
+        width: 100%;
+        z-index: 1000;
+        height: 68px;
+        line-height: 68px;
+        padding: 0 0 0 32px;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        border-bottom: 2px #eff1f3 solid;
+        background: #fff;
+
+        .doc-detail-title {
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          font-size: 20px;
+          font-weight: 400;
+          color: #040B29;
+          line-height: 68px;
+        }
+      }
+
+      .doc-detail-right {
+        width: 300px;
+        line-height: 68px;
+        /*display: flex;*/
+        text-align: right;
+
+        .doc-detail-btn {
+          margin-left: 10px;
+        }
+      }
+
+      .operator-text-text {
+        cursor: pointer;
+        margin-right: 53px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #040B29;
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        text-align: right;
+      }
+    }
+  }
+
+  .detail-content {
+    padding: 24px 32px;
+    box-sizing: border-box;
+  }
+
+  .detail-content-header {
+    width: 100%;
+    height: 56px;
+    line-height: 56px;
+  }
+
+  .detail-content-header-content {
+    width: calc(100% - 56px);
+    margin-left: 20px;
+    display: inline-block;
+    height: 56px;
+    font-size: 14px;
+    font-family: Blue Sky Noto;
+    font-weight: bold;
+    color: #040B29;
+
+    .detail-content-header-content-left {
+      width: calc(50% - 64px);
+      height: 56px;
+      display: inline-block;
+      background: rgba(4, 11, 41, 0.0300);
+      border-radius: 4px 0px 0px 4px;
+      border-right: 1px #EFF1F3 solid;
+      padding-left: 24px;
+    }
+
+    .detail-content-header-content-content {
+      width: calc(50% - 64px);
+      display: inline-block;
+      height: 56px;
+      background: rgba(4, 11, 41, 0.0300);
+      border-radius: 4px 0px 0px 4px;
+      border-right: 1px #EFF1F3 solid;
+      padding-left: 24px;
+    }
+
+    .detail-content-header-content-right {
+      width: 128px;
+      display: inline-block;
+      height: 56px;
+      background: rgba(4, 11, 41, 0.0300);
+      border-radius: 4px 0px 0px 4px;
+      padding-left: 24px;
+    }
+  }
+
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentTools/documentComparison/index.vue b/jero-web/src/views/documentTools/documentComparison/index.vue
index 6f9e548a4..8a0f581dd 100644
--- a/jero-web/src/views/documentTools/documentComparison/index.vue
+++ b/jero-web/src/views/documentTools/documentComparison/index.vue
@@ -261,7 +261,7 @@
       },
       initiatingProcessClick(){
         let newUrl = this.$router.resolve({
-          path: '/documentDataComparison',
+          path: '/comparisonResults',
         })
         window.open(newUrl.href, '_blank')
       },