diff --git a/jero-web/src/components/layouts/TabLayout.vue b/jero-web/src/components/layouts/TabLayout.vue
index b2be44bb8..8dc37c162 100644
--- a/jero-web/src/components/layouts/TabLayout.vue
+++ b/jero-web/src/components/layouts/TabLayout.vue
@@ -92,6 +92,7 @@
           this.$route.path == '/virtualListDetails' ||
           this.$route.path == '/ProjectDetails' ||
           this.$route.path == '/handshakeProcess' ||
+          this.$route.path == '/historicalVersion' ||
           this.$route.path == '/processDetails') {
           return false
         } else {
diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index cbe8e896f..b63bf562a 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -342,6 +342,11 @@ export const constantRouterMap = [
     name: 'handshakeProcess',
     component: () => import(/* webpackChunkName: "user" */ '@/views/processCenter/processForm/handshakeProcess/index')
   },
+  {
+    path: '/historicalVersion',
+    name: 'historicalVersion',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/projectManagement/historicalVersion/index')
+  },
   {
     path: '/processDetails',
     name: 'processDetails',
diff --git a/jero-web/src/views/projectManagement/components/commentList.vue b/jero-web/src/views/projectManagement/components/commentList.vue
index c2dee2045..65b9546e9 100644
--- a/jero-web/src/views/projectManagement/components/commentList.vue
+++ b/jero-web/src/views/projectManagement/components/commentList.vue
@@ -10,7 +10,7 @@
       :visible="visible">
       <div class="button-box">
         <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('comment')"
-                 v-model="commentText"></j-input>
+                 v-model="commentContent"></j-input>
         <a-button @click="submitQuery" style="margin-right: 8px;" type="primary">{{$t('query')}}</a-button>
         <a-button @click="handleSubmit" type="primary">{{$t('publishComment')}}</a-button>
       </div>
@@ -102,7 +102,7 @@
         visible: false,
         dataList: [],
         formInline: {},
-        commentText:'',
+        commentContent:'',
         loading: false,
         title: this.$t('comment'),
         confirmLoading: false,
@@ -153,7 +153,7 @@
       },
       getList() {
         this.loading = true
-        getAction(this.url.list, { projectLibraryId: this.$route.query.id }).then((res) => {
+        getAction(this.url.list, { projectLibraryId: this.$route.query.id,commentContent:this.commentContent }).then((res) => {
           if (res.success) {
             this.loading = false
             this.dataList = res.result || []
diff --git a/jero-web/src/views/projectManagement/components/historicalVersionList.vue b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
index 4066ed627..f545a7c82 100644
--- a/jero-web/src/views/projectManagement/components/historicalVersionList.vue
+++ b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
@@ -24,31 +24,31 @@
 </template>
 
 <script>
-  import { getAction, postAction,  } from '@/api/manage'
+  import { getAction, postAction } from '@/api/manage'
+
   export default {
     name: 'historicalVersionList',
-    data(){
-      return{
-        visible:false,
-        confirmLoading:false,
-        dataSource:[],
-        loading:false,
-        url:{
-           list:'project/projectHistoryVersionsEO/list',
+    data() {
+      return {
+        visible: false,
+        confirmLoading: false,
+        dataSource: [],
+        loading: false,
+        url: {
+          list: 'project/projectHistoryVersionsEO/list'
         },
         columns: [
           {
             title: this.$t('versionName'),
-            dataIndex: 'versionName',
+            dataIndex: 'versionsName',
             align: 'center',
-            ellipsis: true,
+            ellipsis: true
           },
           {
             title: this.$t('finalizationTime'),
-            dataIndex: 'finalizationTime',
+            dataIndex: 'createTime',
             align: 'center',
             ellipsis: true,
-            width: 180
           },
           {
             title: this.$t('operation'),
@@ -61,8 +61,8 @@
     },
     mounted() {
     },
-    methods:{
-      getList(){
+    methods: {
+      getList() {
         this.visible = true
         this.historicalList()
       },
@@ -72,7 +72,7 @@
       handleCancel() {
         this.visible = false
       },
-      historicalList(){
+      historicalList() {
         let query = {
           projectLibraryId: this.$route.query.id
         }
@@ -86,9 +86,13 @@
           }
         })
       },
-      seeClick(item){
-
-      },
+      seeClick(item) {
+        let newUrl = this.$router.resolve({
+          path: '/historicalVersion',
+          query: item
+        })
+        window.open(newUrl.href, '_blank')
+      }
     }
   }
 </script>
diff --git a/jero-web/src/views/projectManagement/historicalVersion/index.vue b/jero-web/src/views/projectManagement/historicalVersion/index.vue
new file mode 100644
index 000000000..01f51a70e
--- /dev/null
+++ b/jero-web/src/views/projectManagement/historicalVersion/index.vue
@@ -0,0 +1,673 @@
+<template>
+  <a-card :bordered="false">
+    <div class="header-text">
+      {{ $t('DocumentStandard') }}
+    </div>
+    <div class="table-page-search-wrapper">
+      <a-row :gutter="24">
+        <a-col :md="6" :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="queryParam.serialNumber"></j-input>
+          </div>
+        </a-col>
+        <a-col :md="6" :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="queryParam.title"></j-input>
+          </div>
+        </a-col>
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" style="width: 44px" :title="$t('subtitle')">
+              <span>{{ $t('subtitle') }}</span>
+            </div>
+            <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')"
+                     v-model="queryParam.subtitle"></j-input>
+          </div>
+        </a-col>
+        <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+               <a-col :md="6" :sm="24">
+                   <globalAdvancedQuery ref="globalAdvancedQueryRef"
+                                        @handleSuperQuery="handleSuperQuery"
+                                        :fieldList="fieldList"/>
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchReset">{{ $t('reset') }}</a-button>
+               </a-col>
+            </span>
+      </a-row>
+    </div>
+    <div style="width: 100%">
+      <a-table
+        ref="table"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        rowKey="id"
+        :data-source="dataSource"
+        :row-selection="{ selectedRowKeys: selectedRowKeys}"
+        :columns="columns"
+      >
+        <span slot="titleName" slot-scope="text,record" :title="text">
+                  {{ text && text.length > 20 ? text.slice(0, 19) + '...' : text }}
+        </span>
+        <span slot="designDeliverableTemplateName" slot-scope="text,record">
+          <span>{{ record.designDeliverableType_dictText }}</span><br v-if="record.designDeliverableType_dictText">
+           <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"
+              @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">
+             {{ record.designDeliverableTemplateName }}
+           </a>
+           <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"
+              @click="clickButtonToUpload(record.designDeliverableTemplate)">{{ $t('viewFile') }}</a>
+           <span v-else>--</span>
+        </span>
+        <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
+           <span>{{ record.prehomoDeliverableType_dictText }}</span><br v-if="record.prehomoDeliverableType_dictText">
+           <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"
+              @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">
+             {{ record.prehomoDeliverableTemplateName }}
+           </a>
+           <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"
+              @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{ $t('viewFile') }}</a>
+           <span v-else>--</span>
+        </span>
+        <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
+          <span>{{ record.verifyDeliverableType_dictText }}</span><br v-if="record.verifyDeliverableType_dictText">
+           <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"
+              @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">
+             {{ record.verifyDeliverableTemplateName }}
+           </a>
+           <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"
+              @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{ $t('viewFile') }}</a>
+           <span v-else>--</span>
+        </span>
+      </a-table>
+    </div>
+    <a-modal
+      :title="$t('deliverableTemplate')"
+      :width="600"
+      :visible="visibleFile"
+      :maskClosable="false"
+      @ok="visibleFile = false"
+      @cancel="visibleFile = false"
+    >
+      <a-table
+        class="table"
+        :columns="columnsFile"
+        :pagination="false"
+        :scroll="{x:500,y: 400}"
+        :data-source="dataSourceFile"
+        :loading="loading"
+      >
+        <span slot="fileOperation" slot-scope="record">
+          <a class="text" @click="pdfPreview(record)">
+                {{ $t('See') }}
+          </a>
+          <a class="text" @click="download(record)">
+                {{ $t('download') }}
+          </a>
+        </span>
+      </a-table>
+    </a-modal>
+  </a-card>
+</template>
+
+<script>
+  import ImportFile from '@/components/ImportFile/index'
+  import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+  import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+  import { Base64 } from 'js-base64'
+
+  export default {
+    name: 'index',
+    components: {
+      globalAdvancedQuery,
+      ImportFile
+    },
+    data() {
+      return {
+        columns: [
+          {
+            title: this.$t('standard'),
+            align: 'center',
+            dataIndex: 'serialNumber',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('title'),
+            align: 'center',
+            dataIndex: 'title',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('subtitle'),
+            align: 'center',
+            dataIndex: 'subtitle',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('listConfirmationStatus'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'inventoryAffirmStatusName'
+          },
+          {
+            title: this.$t('taskAffirmStatus'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'taskAffirmStatusName'
+          },
+          // {
+          //   title: this.$t('taskReleaseStatus'),
+          //   align: 'center',
+          //   dataIndex: 'taskReleaseStatus'
+          // },
+          {
+            title: this.$t('correspondingStandard'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'correspondingStandard'
+          },
+          {
+            title: this.$t('implementationCategory'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'implementType_dictText'
+          },
+          {
+            title: this.$t('ImplementationDate'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
+          },
+          {
+            title: this.$t('vehicleInProductionDate'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'implementTime'
+          },
+          {
+            title: 'WVTA ID',
+            align: 'center',
+            dataIndex: 'wvtaId',
+            ellipsis: true
+          },
+          {
+            title: this.$t('certificationType'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'attestationType_dictText'
+          },
+          {
+            title: this.$t('certificationLevel'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'attestationRank_dictText'
+          },
+          //
+          {
+            title: this.$t('areaOfResponsibility'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'dutyTerritory_dictText'
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'regulationOwnerName'
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'homologationEngineerName'
+          },
+          {
+            title: this.$t('engineeringInterfacePerson'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'engineeringInterfacePersonName'
+          },
+          {
+            title: this.$t('remarks'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'remark'
+          },
+          {
+            title: this.$t('confirmationOfDesignConformity'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'designDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'designDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'designInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'designDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'designDueDate',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('PrehomoConfirmation'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'prehomoDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'prehomoInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'prehomoDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'prehomoDueDate',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('verificationAndConformityconfirmation'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'verifyDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'verifyInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'verifyDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'verifyDueDate',
+                align: 'center'
+              }
+            ]
+          }
+        ],
+        columnsFile: [
+          {
+            title: this.$t('deliverableTemplate'),
+            dataIndex: 'fileName',
+            align: 'center',
+            width: 260,
+            ellipsis: true
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            width: 130,
+            scopedSlots: { customRender: 'fileOperation' }
+          }
+        ],
+        visibleFile: false,
+        dataSourceFile: [],
+        queryParamQuery: {},
+        selectedRowKeys: [],
+        visible: false,
+        formInline: {},
+        queryParam: {},
+        url: {
+          list: '/project/projectVersionInfoEO/list'
+        },
+        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
+        loading: false,
+        dataSource: [],
+        // fieldList      | array   |✔| 需要查询的列集合示例如下，type类型有:date/datetime/string/int/number
+        fieldList: [
+          {
+            type: 'string',
+            value: 'correspondingStandard',
+            text: this.$t('correspondingStandard')
+          },
+          {
+            type: '',
+            value: 'implementType',
+            text: this.$t('implementationCategory'),
+            dictCode: 'implement_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: 'date',
+            value: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            text: this.$t('ImplementationDate')
+          },
+          {
+            type: 'date',
+            value: 'implementTime',
+            text: this.$t('vehicleInProductionDate')
+          },
+          {
+            type: 'string',
+            value: 'wvtaId',
+            text: 'WVTA ID'
+          },
+          {
+            type: '',
+            value: 'attestationType',
+            text: this.$t('certificationType'),
+            dictCode: 'attestation_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: '',
+            value: 'attestationRank',
+            text: this.$t('certificationLevel'),
+            dictCode: 'attestation_rank'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: '',
+            value: 'dutyTerritory',
+            text: this.$t('areaOfResponsibility'),
+            dictCode: 'duty_territory'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          }
+        ]
+      }
+    },
+
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      searchQuery() {
+        this.getList()
+      },
+      searchReset() {
+        this.$refs.globalAdvancedQueryRef.resetLine()
+        this.$refs.globalAdvancedQueryRef.emitCallback()
+        this.queryParam = {}
+        this.getList()
+      },
+      handleSuperQuery(params, matchType) {
+        let sqp = {}
+        if (!params || (params && params.length == 0)) {
+          sqp['superQueryParams'] = ''
+          this.$refs.globalAdvancedQueryRef.superQueryFlag = false
+        } else {
+          this.$refs.globalAdvancedQueryRef.superQueryFlag = true
+          sqp['superQueryParams'] = encodeURI(JSON.stringify(params))
+          sqp['superQueryMatchType'] = matchType
+        }
+        this.queryParamQuery = sqp
+        this.getList()
+      },
+      getList() {
+        let query = {
+          ...this.queryParamQuery,
+          ...this.queryParam,
+          historyVersionsId: this.$route.query.id
+        }
+        this.loading = true
+        getAction(this.url.list, query).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
+      },
+      pdfPreview(fileQuery) {
+        let fileName = fileQuery.fileName
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        if (fileSuffix == '.pdf') {
+          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id))
+        } else if (fileSuffix == '.docx') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+          window.open(url, '_blank')
+        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+          window.open(url, '_blank')
+        } else {
+          downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
+        }
+      },
+      pdfPreviewClick(name, id) {
+        let fileName = name
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        if (fileSuffix == '.pdf') {
+          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + id))
+        } else if (fileSuffix == '.docx') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
+          window.open(url, '_blank')
+        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
+          window.open(url, '_blank')
+        } else {
+          downloadFile('/sys/common/downLoadFile', name, { id: id })
+        }
+      },
+      download(item) {
+        downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id })
+      },
+      clickButtonToUpload(item) {
+        this.loading = true
+        this.visibleFile = true
+        getAction('sys/common/getFileInfos', { id: item }).then((res) => {
+          if (res.success) {
+            this.dataSourceFile = res.result
+            this.loading = false
+          } else {
+            this.dataSourceFile = []
+            this.loading = false
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-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: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      padding: 0 38px 0 38px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: 400;
+    height: 60px;
+    color: #000F16;
+    line-height: 40px;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  .box-title-text-index {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text {
+    width: 32px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .title-text-index {
+    width: 110px;
+    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;
+    line-height: 40px;
+  }
+
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .box-button {
+    height: 38px;
+  }
+
+  .text-operation {
+    margin-right: 8px;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .operator-text-left {
+    font-size: 14px;
+    margin-right: 20px;
+    background: #eff1f3;
+    padding: 8px 8px;
+    cursor: pointer;
+    border-radius: 4px;
+  }
+
+  /deep/ .ant-popover-buttons {
+    display: none !important;
+  }
+
+  .operator-text-title {
+    cursor: pointer;
+    margin-right: 22px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-bottom: 22px;
+  }
+</style>
+<style>
+  .box-input .ant-select-selection {
+    height: 38px !important;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+  }
+
+  .popconfirm .ant-popover-buttons {
+    display: none !important;
+  }
+
+  .popconfirm .anticon-exclamation-circle {
+    display: none !important;
+  }
+</style>
\ No newline at end of file