diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index fbec2b870..299e1f65d 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1151,4 +1151,7 @@ module.exports = {
   CommentsCollectionResultsForReference:'Comments Collection Results For Reference',
   TechnicalEvaluationResultsForReference:'Technical Evaluation Results For Reference',
   ComplianceConfirmationRecord:'Compliance Confirmation Record',
+  noComparisonDocumentSelected:'No comparison document selected',
+  RemarkInfo:'Remarks Info',
+  initiateDocumentComparison:'Initiate Document Comparison',
 }
\ 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 ac2cf6d24..7a52eeddf 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1155,4 +1155,7 @@ module.exports = {
   CommentsCollectionResultsForReference:'意见收集结果参考',
   TechnicalEvaluationResultsForReference:'技术评估结果参考',
   ComplianceConfirmationRecord:'符合性确认记录',
+  noComparisonDocumentSelected:'未选择对比文档',
+  RemarkInfo:'备注信息',
+  initiateDocumentComparison:'发起文档对比',
 }
\ 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 216d49f12..42889f88b 100644
--- a/jero-web/src/components/layouts/TabLayout.vue
+++ b/jero-web/src/components/layouts/TabLayout.vue
@@ -97,6 +97,7 @@
           this.$route.path == '/handshakeProcess' ||
           this.$route.path == '/projectStatusAndProgress' ||
           this.$route.path == '/TaskPlanList' ||
+          this.$route.path == '/initiateDocumentComparison' ||
           this.$route.path == '/evaluationProcess' ||
           this.$route.path == '/evaluationResultsClause' ||
           this.$route.path == '/evaluationResultsWhole' ||
diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index 648696c1d..827486c44 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -382,6 +382,11 @@ export const constantRouterMap = [
     name: 'evaluationProcess',
     component: () => import(/* webpackChunkName: "user" */ '@/views/processCenter/processForm/evaluationProcess/index')
   },
+  {
+    path: '/initiateDocumentComparison',
+    name: 'initiateDocumentComparison',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/documentTools/documentComparison/components/initiateComparison')
+  },
   {
     path: '/handshakeProcess',
     name: 'handshakeProcess',
diff --git a/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue b/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue
new file mode 100644
index 000000000..5d8f4bae2
--- /dev/null
+++ b/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue
@@ -0,0 +1,445 @@
+<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('initiateComparison')}}</span>
+        </div>
+      </div>
+      <div style="padding-top: 68px;background: #fff">
+        <div class="detail-content">
+          <div style="width: 100%;height: auto;overflow: hidden">
+            <div class="detail-content-left">
+              <a-form layout="inline" @keyup.enter.native="searchQueryLeft">
+                <a-row :gutter="24">
+                  <a-col :md="8" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('standard')">
+                        <span>{{$t('standard')}}</span>
+                      </div>
+                      <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                               v-model="queryParamLeft.serialNumber"></j-input>
+                    </div>
+                  </a-col>
+                  <a-col :md="8" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('title')">
+                        <span>{{$t('title')}}</span>
+                      </div>
+                      <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
+                               v-model="queryParamLeft.title"></j-input>
+                    </div>
+                  </a-col>
+                  <span style="text-align:right;overflow: hidden;" class="table-page-search-submitButtons">
+               <a-col :md="8" :sm="24">
+                  <a-button class="box-button" type="primary" @click="searchQueryLeft">{{$t('query')}}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchResetLeft">{{$t('reset')}}</a-button>
+               </a-col>
+               </span>
+                </a-row>
+              </a-form>
+              <a-table
+                ref="table"
+                size="middle"
+                :loading="loadingLeft"
+                :pagination="false"
+                :scroll="{x: '100%',y:400}"
+                rowKey="id"
+                :data-source="dataSourceLeft"
+                :row-selection="{ selectedRowKeys: selectedRowKeysLeft, onChange: onSelectChangeLeft }"
+                :columns="columns"
+              >
+              </a-table>
+              <div class="page">
+                <a-pagination
+                  :show-total="total => $t('total')+` ${total} `+$t('strip')"
+                  show-quick-jumper
+                  show-size-changer
+                  :page-size.sync="pageSizeLeft"
+                  :total="totalLeft"
+                  :current="pageNoLeft"
+                  @change="pageOnChangeLeft"
+                  @showSizeChange="SizeChangeLeft"
+                />
+              </div>
+              <div class="box-button-standard">
+                <span class="box-button-standard-left">
+                     {{$t('selectedStandard')}}
+                </span>
+                <span class="box-button-standard-right">
+                      {{$t('noComparisonDocumentSelected')}}
+              </span>
+              </div>
+            </div>
+            <div class="detail-content-right">
+              <a-form layout="inline" @keyup.enter.native="searchQueryRight">
+                <a-row :gutter="24">
+                  <a-col :md="8" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('standard')">
+                        <span>{{$t('standard')}}</span>
+                      </div>
+                      <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                               v-model="queryParamRight.serialNumber"></j-input>
+                    </div>
+                  </a-col>
+                  <a-col :md="8" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('title')">
+                        <span>{{$t('title')}}</span>
+                      </div>
+                      <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
+                               v-model="queryParamRight.title"></j-input>
+                    </div>
+                  </a-col>
+                  <span style="text-align:right;overflow: hidden;" class="table-page-search-submitButtons">
+               <a-col :md="8" :sm="24">
+                  <a-button class="box-button" type="primary" @click="searchQueryRight">{{$t('query')}}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchResetRight">{{$t('reset')}}</a-button>
+               </a-col>
+               </span>
+                </a-row>
+              </a-form>
+              <a-table
+                ref="table"
+                size="middle"
+                :loading="loadingRight"
+                :pagination="false"
+                :scroll="{x: '100%',y:400}"
+                rowKey="id"
+                :data-source="dataSourceRight"
+                :row-selection="{ selectedRowKeys: selectedRowKeysRight, onChange: onSelectChangeRight }"
+                :columns="columns"
+              >
+              </a-table>
+              <div class="page">
+                <a-pagination
+                  :show-total="total => $t('total')+` ${total} `+$t('strip')"
+                  show-quick-jumper
+                  show-size-changer
+                  :page-size.sync="pageSizeRight"
+                  :total="totalRight"
+                  :current="pageNoRight"
+                  @change="pageOnChangeRight"
+                  @showSizeChange="SizeChangeRight"
+                />
+              </div>
+              <div class="box-button-standard">
+                <span class="box-button-standard-left">
+                     {{$t('selectedStandard')}}
+                </span>
+                <span class="box-button-standard-right">
+                      {{$t('noComparisonDocumentSelected')}}
+              </span>
+              </div>
+            </div>
+          </div>
+          <div class="Remarks">
+            <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+              <div class="box-title-text-Remarks">
+                <div class="title-text-Remarks" :title="$t('standard')">
+                  <span>{{$t('RemarkInfo')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="dreUserIdName">
+                  <a-textarea :placeholder="$t('pleaseEnter')+$t('RemarkInfo')"
+                              v-model="formInline.RemarkInfo"
+                              :rows="4"/>
+                </a-form-model-item>
+              </div>
+            </a-form-model>
+          </div>
+          <div class="submit-button">
+            <a-button class="box-button" type="primary" @click="submit">{{$t('initiateDocumentComparison')}}</a-button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'initiateDocumentComparison',
+    data() {
+      return {
+        loading: false,
+        loadingLeft: false,
+        loadingRight: false,
+        queryParamLeft: {},
+        queryParamRight: {},
+        pageSizeLeft: 10,
+        totalLeft: 0,
+        pageNoLeft: 1,
+        pageSizeRight: 10,
+        selectedRowKeysRight: [],
+        dataSourceRight: [],
+        totalRight: 0,
+        pageNoRight: 1,
+        formInline: {},
+        rules: {},
+        columns: [
+          {
+            title: this.$t('number'),
+            align: 'center',
+            width: 70,
+            customRender: function(t, r, index) {
+              return parseInt(index) + 1
+            }
+          },
+          {
+            title: this.$t('standard'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'standard'
+          },
+          {
+            title: this.$t('title'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'title'
+          },
+          {
+            title: this.$t('TextStatus'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'TextStatus'
+          },
+          {
+            title: this.$t('fileName'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'fileName'
+          },
+          {
+            title: this.$t('textInformation'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'textInformation'
+          }
+        ],
+        dataSourceLeft: [],
+        selectedRowKeysLeft: []
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      Fallback() {
+        this.$router.push({
+          path: '/documentComparison'
+        })
+      },
+      searchQueryLeft() {
+
+      },
+      searchResetLeft() {
+
+      },
+      onSelectChangeLeft(value) {
+        this.selectedRowKeysLeft = value
+      },
+      pageOnChangeLeft(page) {
+        this.pageNoLeft = page
+        this.getList()
+      },
+      SizeChangeLeft(pageSize) {
+        this.pageNoLeft = 1
+        this.pageSizeLeft = pageSize
+        this.getList()
+      },
+      searchQueryRight() {
+
+      },
+      searchResetRight() {
+
+      },
+      onSelectChangeRight(value) {
+        this.selectedRowKeysRight = value
+      },
+      pageOnChangeRight(page) {
+        this.pageNoRight = page
+        this.getList()
+      },
+      SizeChangeRight(pageSize) {
+        this.pageNoRight = 1
+        this.pageSizeRight = pageSize
+        this.getList()
+      },
+      submit() {
+
+      }
+    }
+  }
+</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;
+        }
+      }
+    }
+  }
+
+  .detail-content-left {
+    width: 50%;
+    float: left;
+    border-right: 2px #EFF1F3 solid;
+    padding: 24px 32px;
+    box-sizing: border-box;
+    border-bottom: 2px #EFF1F3 solid;
+  }
+
+  .detail-content-right {
+    width: 50%;
+    float: left;
+    padding: 24px 32px;
+    box-sizing: border-box;
+    border-bottom: 2px #EFF1F3 solid;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  .box-title-text-Remarks {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+    margin-bottom: 10px;
+  }
+
+  .title-text-Remarks {
+    width: 68px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 6px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .title-text {
+    width: 60px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .box-input {
+    display: inline-block;
+    width: calc(100% - 60px);
+    height: 38px;
+    margin-top: 2px;
+  }
+
+  .box-button {
+    height: 38px;
+    /*margin-top: 2px;*/
+  }
+
+  .text-operation {
+    margin-right: 8px;
+  }
+
+  .box-button-standard {
+    width: 100%;
+    margin-top: 20px;
+  }
+
+  .box-button-standard-left {
+    width: 111px;
+    height: 46px;
+    display: inline-block;
+    border: 1px solid #CED0D8;
+    border-right: none;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+    line-height: 46px;
+    color: #040B29;
+  }
+
+  .box-button-standard-right {
+    width: calc(100% - 111px);
+    height: 46px;
+    display: inline-block;
+    border: 1px solid #CED0D8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+    line-height: 46px;
+    color: #9B9DA9;
+  }
+
+  .Remarks {
+    margin-top: 20px;
+    width: 50%;
+    padding: 0 32px;
+    box-sizing: border-box;
+  }
+
+  .itemModel {
+    width: calc(100% - 232px);
+  }
+
+  .submit-button {
+    width: 100%;
+    margin-top: 20px;
+    text-align: right;
+    padding: 0 32px;
+    box-sizing: border-box;
+  }
+</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 9038af696..af40eee99 100644
--- a/jero-web/src/views/documentTools/documentComparison/index.vue
+++ b/jero-web/src/views/documentTools/documentComparison/index.vue
@@ -260,7 +260,10 @@
 
       },
       initiatingProcessClick(){
-
+        let newUrl = this.$router.resolve({
+          path: '/initiateDocumentComparison',
+        })
+        window.open(newUrl.href, '_blank')
       },
       deleteData(val){
         let _this = this