diff --git a/jero-web/src/components/addForm/index.vue b/jero-web/src/components/addForm/index.vue
index 3700ff0c5..3a317d167 100644
--- a/jero-web/src/components/addForm/index.vue
+++ b/jero-web/src/components/addForm/index.vue
@@ -1,7 +1,159 @@
 <template>
   <a-spin :spinning="confirmLoading">
     <a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm">
-      <a-row :gutter="24">
+      <a-row :gutter="24" v-if="isDisplayType">
+        <div v-for="(val,index) in headerText" :key="index">
+          <div class="header-text">
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{val.text}}
+          </div>
+          <div v-for="item in val.content" style="overflow: hidden">
+            <a-col :span="12" v-if="item.type === 'INPUT'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-input class="box-input" v-model="formInline[item.attrModel]" :placeholder="item.placeholder"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'CHECKBOX'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <j-multi-select-tag class="box-input" v-model="formInline[item.attrModel]"
+                                      :placeholder="$t('selectStatus')" :type="'checkbox'"
+                                      :triggerChange="false" dictCode="valid_status"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'DATE'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-date-picker class="box-input" v-model="formInline[item.attrModel]"
+                                 style="width: 100%"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'NUMBER'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-input-number class="box-input" v-model="formInline[item.attrModel]" :min="1" :max="99999999"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'SELECT'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <j-dict-select-tag class="box-input" v-model="formInline[item.attrModel]"
+                                     :placeholder="$t('selectStatus')" :type="'select'"
+                                     :triggerChange="false" dictCode="valid_status"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'SELECTALL'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <j-multi-select-tag class="box-input" v-model="formInline[item.attrModel]"
+                                      :placeholder="$t('selectStatus')" :type="'select'"
+                                      :triggerChange="false" dictCode="valid_status"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="12" v-else-if="item.type === 'RADIO'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <j-dict-select-tag v-model="formInline[item.attrModel]" :placeholder="$t('selectStatus')"
+                                     :type="'radio'" :triggerChange="false" dictCode="valid_status"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="24" v-else-if="item.type === 'TEXTAREA'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-textarea :placeholder="$t('selectStatus')" v-model="formInline[item.attrModel]" :rows="4"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="24" v-else-if="item.type === 'FILE'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-button type="primary" style="height: 38px;width: calc(50% - 80px);line-height: 38px"
+                            @click="clickButtonToUpload(item.attrModel)">
+                    {{ (formInline[item.attrModel] === 'null' || formInline[item.attrModel] === '' ||
+                    formInline[item.attrModel] == null) ? '上传文件' : '查看已上传文件'
+                    }}
+                  </a-button>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
+            <a-col :span="24" v-else-if="item.type === 'STANDARD'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <Standardselection :query="item" v-model="formInline[item.attrModel]"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </div>
+        </div>
+
+      </a-row>
+      <a-row :gutter="24" v-if="!isDisplayType">
         <div v-for="(item,index) in dataList" :key="index">
           <a-col :span="12" v-if="item.type === 'INPUT'">
             <div class="box-title-text">
@@ -57,6 +209,7 @@
               </a-form-model-item>
             </div>
           </a-col>
+
           <a-col :span="12" v-else-if="item.type === 'SELECT'">
             <div class="box-title-text">
               <div class="title-text">
@@ -100,6 +253,7 @@
               </a-form-model-item>
             </div>
           </a-col>
+
           <a-col :span="24" v-else-if="item.type === 'TEXTAREA'">
             <div class="box-title-text">
               <div class="title-text">
@@ -112,6 +266,7 @@
               </a-form-model-item>
             </div>
           </a-col>
+
           <a-col :span="24" v-else-if="item.type === 'FILE'">
             <div class="box-title-text">
               <div class="title-text">
@@ -129,6 +284,7 @@
               </a-form-model-item>
             </div>
           </a-col>
+
           <a-col :span="24" v-else-if="item.type === 'STANDARD'">
             <div class="box-title-text">
               <div class="title-text">
@@ -141,6 +297,7 @@
               </a-form-model-item>
             </div>
           </a-col>
+
         </div>
 
       </a-row>
@@ -163,6 +320,10 @@
       url: {
         type: Object,
         default: {}
+      },
+      isDisplayType: {
+        type: Boolean,
+        default: false
       }
     },
     data() {
@@ -189,7 +350,8 @@
             name: '名称',
             placeholder: '请输入名称',
             attrModel: 'name',
-            enName: 'Name'
+            enName: 'Name',
+            text: '基本信息'
           },
           {
             id: 2,
@@ -197,7 +359,8 @@
             name: '标题',
             placeholder: '请输入标题',
             attrModel: 'title',
-            enName: 'title'
+            enName: 'title',
+            text: '基本信息'
           },
           {
             id: 3,
@@ -206,7 +369,8 @@
             placeholder: '请输入标题',
             enName: 'Single choice',
             validStatus: 'valid_status',
-            attrModel: 'radio'
+            attrModel: 'radio',
+            text: '基本信息'
           },
           {
             id: 4,
@@ -215,7 +379,8 @@
             enName: 'title',
             placeholder: '请输入标题',
             attrModel: 'checkbox',
-            validStatus: 'valid_status'
+            validStatus: 'valid_status',
+            text: '基本信息'
           },
           {
             id: 5,
@@ -224,7 +389,8 @@
             enName: 'title',
             placeholder: '请输入标题',
             attrModel: 'radio',
-            validStatus: 'valid_status'
+            validStatus: 'valid_status',
+            text: '基本信息'
           },
           {
             id: 6,
@@ -233,7 +399,8 @@
             enName: 'title',
             placeholder: '请输入标题',
             validStatus: 'valid_status',
-            attrModel: 'selectAll'
+            attrModel: 'selectAll',
+            text: '基本信息'
           },
           {
             id: 7,
@@ -241,7 +408,8 @@
             name: '数字输入框',
             enName: 'title',
             placeholder: '请输入数字输入框',
-            attrModel: 'number'
+            attrModel: 'number',
+            text: '基本信息'
           },
           {
             id: 8,
@@ -249,7 +417,8 @@
             name: '文本框',
             enName: 'title',
             placeholder: '请输入文本框',
-            attrModel: 'number'
+            attrModel: 'number',
+            text: '基本信息'
           },
           {
             id: 9,
@@ -257,7 +426,8 @@
             name: '上传文件',
             enName: 'UploadFile',
             placeholder: '请输入文本框',
-            attrModel: 'file'
+            attrModel: 'file',
+            text: '文本信息'
           },
           {
             id: 10,
@@ -265,17 +435,49 @@
             name: '标准选择',
             enName: 'standard',
             placeholder: '请手动输入或者选择标准',
-            attrModel: 'standard'
+            attrModel: 'standard',
+            text: '关联信息'
           }
         ],
         validatorRules: {},
         confirmLoading: false,
-        uploadName: ''
+        uploadName: '',
+        headerText: [
+          {
+            text: '基本信息',
+            content: []
+          },
+          {
+            text: '文本信息',
+            content: []
+          },
+          {
+            text: '关联信息',
+            content: []
+          }
+        ]
       }
     },
     mounted() {
       this.isFormInline = false
       this.isFormInline = true
+      if (this.isDisplayType) {
+        this.headerText.forEach((res) => {
+          res.content = []
+          this.dataList.forEach(val => {
+            if (res.text === val.text) {
+              res.content.push(val)
+            }
+          })
+        })
+        this.headerText.forEach(res=>{
+          console.log(res)
+            res.content.forEach(val=>{
+              console.log(val)
+            })
+        })
+        console.log(this.headerText)
+      }
     },
     methods: {
       sumber() {
@@ -302,7 +504,7 @@
         /** 赋值给当前对应的表单文件 */
         this.formInline[this.uploadName] = attIdList.join(',')
         this.formInline = { ...this.formInline }
-      },
+      }
     }
   }
 </script>
@@ -386,4 +588,16 @@
     margin-top: 11px;
     display: inline-block;
   }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: bold;
+    margin-left: 15px;
+    border-bottom: 1px #d9d9d9 dashed;
+    height: 30px;
+    margin-bottom: 30px;
+  }
+  .formAdd{
+    margin-bottom: 40px;
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/components/search/index.vue b/jero-web/src/components/search/index.vue
index f981d0724..c7cf0397f 100644
--- a/jero-web/src/components/search/index.vue
+++ b/jero-web/src/components/search/index.vue
@@ -21,13 +21,19 @@
 </template>
 
 <script>
+  import { getAction } from '@/api/manage'
   import eventBUs from '../../common/event.js'
+
   export default {
     name: 'index',
     props: {
       searchList: {
         type: Array,
         default: []
+      },
+      url: {
+        type: Object,
+        default: {}
       }
     },
     data() {
@@ -36,7 +42,7 @@
       }
     },
     mounted() {
-
+      this.getHeader()
     },
     methods: {
       searchQuery() {
@@ -45,6 +51,14 @@
       searchReset() {
         this.queryParam = {}
         eventBUs.$emit('searchQuery', this.queryParam)
+      },
+      getHeader() {
+        let params = {}
+        getAction(this.url.searchHeader, params).then((res) => {
+          if (res.success) {
+
+          }
+        })
       }
     }
   }
diff --git a/jero-web/src/views/ceshiList/index.vue b/jero-web/src/views/ceshiList/index.vue
index 9e012718d..e9fe866b8 100644
--- a/jero-web/src/views/ceshiList/index.vue
+++ b/jero-web/src/views/ceshiList/index.vue
@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false">
     <div class="table-page-search-wrapper">
-      <search :searchList="searchList"/>
+      <search  :url="url" :searchList="searchList"/>
     </div>
     <div class="table-operator">
       <a-button @click="handleCompare()" type="primary" icon="plus">{{$t('DataComparison')}}</a-button>
@@ -11,7 +11,7 @@
         :OperationList="OperationList"
         @editTable="editTable"
         @deleteTable="deleteTable"
-        :url="{}"
+        :url="url"
       />
     </div>
     <addForm ref="addFormClick"/>
@@ -57,37 +57,11 @@
           }
         ],
         selectedRowKeys: [],
-        dataSource: [],
         loading: false,
-        columns: [
-          {
-            title: this.$t('tableName'),
-            align: 'center',
-            dataIndex: 'dataTable',
-            width: '120'
-          }, {
-            title: this.$t('DataID'),
-            align: 'center',
-            dataIndex: 'dataId',
-            width: '120'
-          }, {
-            title: this.$t('VersionNumber'),
-            align: 'center',
-            dataIndex: 'dataVersion',
-            width: '50'
-          }, {
-            title: this.$t('DataContent'),
-            align: 'center',
-            dataIndex: 'dataContent',
-            width: '150',
-            scopedSlots: { customRender: 'dataContent' }
-          }, {
-            title: this.$t('creator'),
-            align: 'center',
-            dataIndex: 'createBy',
-            width: '100'
-          }
-        ]
+        url:{
+          searchHeader:'document/bussDocumentLibraryEO/getHeader',
+          queryCondition:'document/bussDocumentLibraryEO/queryCondition',
+        }
       }
     },
     methods: {
diff --git a/jero-web/src/views/ceshiList/modules/addForm.vue b/jero-web/src/views/ceshiList/modules/addForm.vue
index fffed169d..26b8c1878 100644
--- a/jero-web/src/views/ceshiList/modules/addForm.vue
+++ b/jero-web/src/views/ceshiList/modules/addForm.vue
@@ -10,6 +10,7 @@
     style="height: 100%;overflow: auto;padding-bottom: 53px;">
     <addFormData
       ref="addFormDataRef"
+      isDisplayType
       v-if="visible"
       :url="url"
     />
diff --git a/jero-web/src/views/documentManage/index.vue b/jero-web/src/views/documentManage/index.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
new file mode 100644
index 000000000..afa8ee7a0
--- /dev/null
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -0,0 +1,277 @@
+<template>
+  <div class="doc-detail">
+    <div class="doc-detail-wrap">
+      <div class="doc-detail-header">
+        <div class="doc-detail-title">
+          GB 27999-2019 《乘用车燃料消耗量评价方法及指标》 标准详情
+        </div>
+        <div class="doc-detail-right">
+          <a-button class="doc-detail-btn" type="primary">更新log</a-button>
+          <a-button class="doc-detail-btn" type="primary">文档拆分</a-button>
+          <a-button class="doc-detail-btn" type="primary">文档翻译</a-button>
+          <a-button class="doc-detail-btn" type="primary">文档对比</a-button>
+          <a-button class="doc-detail-btn" type="primary">知识问答库</a-button>
+        </div>
+      </div>
+      <a-divider orientation="left">
+        基本信息
+      </a-divider>
+      <div class="doc-detail-info">
+        <div class="doc-info-wrap">
+          <div class="doc-info-content">
+            <div class="doc-info-key">
+              编号
+            </div>
+            <div class="doc-info-value">
+              GB 279999-2019
+            </div>
+          </div>
+          <div class="doc-info-content">
+            <div class="doc-info-key">
+              编号
+            </div>
+            <div class="doc-info-value">
+              GB 279999-2019
+            </div>
+          </div>
+          <div class="doc-info-content doc-info-right">
+            <div class="doc-info-key">
+              编号
+            </div>
+            <div class="doc-info-value">
+              GB 279999-2019
+            </div>
+          </div>
+          <div class="doc-info-content doc-info-bottom">
+            <div class="doc-info-key">
+              编号
+            </div>
+            <div class="doc-info-value">
+              GB 279999-2019
+            </div>
+          </div>
+          <div class="doc-info-content doc-info-bottom">
+            <div class="doc-info-key">
+              编号
+            </div>
+            <div class="doc-info-value">
+              GB 279999-2019
+            </div>
+          </div>
+          <div class="doc-info-content doc-info-bottom doc-info-right">
+            <div class="doc-info-key">
+
+            </div>
+            <div class="doc-info-value">
+
+            </div>
+          </div>
+        </div>
+      </div>
+      <a-divider orientation="left">
+        文本信息
+      </a-divider>
+      <div class="doc-detail-text">
+        <div class="doc-text-wrap">
+          <div class="doc-text-content">
+            <div class="doc-text-key">
+              测试程序
+            </div>
+            <div class="doc-text-value">
+              <div class="doc-text-left">
+                <a href="javascript:;">FMVSS 114中文.pdf</a>
+              </div>
+              <div class="doc-text-right">
+                <a-button type="primary">标准分解单</a-button>
+                <a-icon type="download" />
+              </div>
+            </div>
+          </div>
+          <div class="doc-text-content doc-text-content-bottom">
+            <div class="doc-text-key">
+              测试程序1
+            </div>
+            <div class="doc-text-value">
+              <div class="doc-text-left">
+                <a href="javascript:;">FMVSS 114中文11111.pdf</a>
+              </div>
+              <div class="doc-text-right">
+                <a-button type="primary">标准分解单</a-button>
+                <a-icon type="download" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <a-divider orientation="left">
+        关联信息
+      </a-divider>
+      <div class="doc-detail-relation">
+        <div class="doc-relation-wrap">
+          <div class="doc-relation-content">
+            <div class="doc-relation-key">
+              代替标准
+            </div>
+            <div class="doc-relation-value">
+              <a href="javascript:;">GB 27999-2019</a>
+            </div>
+          </div>
+          <div class="doc-relation-content doc-relation-content-bottom">
+            <div class="doc-relation-key">
+              代替标准
+            </div>
+            <div class="doc-relation-value">
+              <a href="javascript:;">GB 27999-2019</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+</script>
+<style lang="less" scoped>
+  .doc-detail{
+    padding: 20px;
+    .doc-detail-wrap{
+      .doc-detail-header{
+        display: flex;
+        justify-content: space-between;
+        .doc-detail-title{
+          display:inline-block;
+          text-overflow:ellipsis;
+          white-space:nowrap;
+          overflow:hidden;
+          font-size: 18px;
+          font-weight: 600;
+        }
+        .doc-detail-right{
+          min-width: 500px;
+          .doc-detail-btn{
+            margin-left: 10px;
+          }
+        }
+      }
+      .doc-detail-info{
+        .doc-info-wrap{
+          display: flex;
+          justify-content: space-between;
+          flex-wrap: wrap;
+          .doc-info-content {
+            width: 33.33333%;
+            height: 40px;
+            line-height: 40px;
+            display: flex;
+            justify-content: space-between;
+            text-align: center;
+            border: 1px solid #ccc;
+            border-right: none;
+            border-bottom: none;
+            .doc-info-key {
+              border-right:1px solid #ccc;
+              width: 50%;
+              display:inline-block;
+              text-overflow:ellipsis;
+              white-space:nowrap;
+              overflow:hidden;
+              background: #c6e6f5;
+            }
+            .doc-info-value {
+              width: 50%;
+              display:inline-block;
+              text-overflow:ellipsis;
+              white-space:nowrap;
+              overflow:hidden;
+            }
+          }
+          .doc-info-right{
+            border-right: 1px solid #ccc;
+          }
+          .doc-info-bottom{
+            border-bottom: 1px solid #ccc;
+          }
+        }
+      }
+      .doc-detail-text{
+        .doc-text-wrap{
+          .doc-text-content {
+            display: flex;
+            justify-content: space-between;
+            text-align: center;
+            height: 40px;
+            line-height: 40px;
+            border: 1px solid #ccc;
+            border-bottom: none;
+            .doc-text-key {
+              width: 16.666665%;
+              border-right: 1px solid #ccc;
+              display: inline-block;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              overflow: hidden;
+              background: #c6e6f5;
+            }
+
+            .doc-text-value {
+              width: 100%;
+              display: flex;
+              justify-content: space-between;
+              .doc-text-left{
+                width: 100%;
+                text-align: center;
+                display: inline-block;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+              }
+              .doc-text-right{
+                min-width: 150px;
+                button{
+                  margin-right: 10px;
+                }
+                .anticon-download{
+                  color: #1890FF;
+                  font-size: 18px;
+                }
+              }
+            }
+          }
+          .doc-text-content-bottom{
+            border-bottom: 1px solid #ccc;
+          }
+        }
+      }
+      .doc-detail-relation{
+        .doc-relation-wrap{
+          .doc-relation-content {
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            border-bottom: none;
+            height: 40px;
+            line-height: 40px;
+            text-align: center;
+            .doc-relation-key {
+              width: 16.666665%;
+              border-right: 1px solid #ccc;
+              display: inline-block;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              overflow: hidden;
+              background: #c6e6f5;
+            }
+            .doc-relation-value {
+              width: 100%;
+              text-align: center;
+            }
+          }
+          .doc-relation-content-bottom{
+            border-bottom: 1px solid #ccc;
+          }
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentManage/library/index.vue b/jero-web/src/views/documentManage/library/index.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/jero-web/src/views/documentTools/index.vue b/jero-web/src/views/documentTools/index.vue
new file mode 100644
index 000000000..5e677ab37
--- /dev/null
+++ b/jero-web/src/views/documentTools/index.vue
@@ -0,0 +1,13 @@
+<template>
+    
+</template>
+
+<script>
+  export default {
+    name: 'documentTools'
+  }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentTools/searchCenter/index.vue b/jero-web/src/views/documentTools/searchCenter/index.vue
new file mode 100644
index 000000000..35505c1f4
--- /dev/null
+++ b/jero-web/src/views/documentTools/searchCenter/index.vue
@@ -0,0 +1,440 @@
+<template>
+    <div class="search-center">
+      <div class="search-center-wrap">
+        <div class="search-detail">
+          <div class="search-detail-wrap">
+            <div class="search-detail-title">搜索内容</div>
+            <a-input placeholder="请输入搜索内容" />
+            <a-button type="primary">搜索</a-button>
+            <a-button>清空</a-button>
+            <a href="javascript:;">结果中检索</a>
+          </div>
+        </div>
+        <div class="search-center-content">
+          <div class="search-con-header">
+            <div class="search-header-left">
+              <span>搜索模块</span>
+              <span class="search-header-item" v-for="item in options"
+                :class="{'search-header-item-active':selectOption.indexOf(item.value) !== -1 }"
+                @click="selectModel(item.value)"
+              >{{item.value}}</span>
+            </div>
+            <div class="search-header-right" v-if="showList">
+              <span v-for="item in listOption" class="header-list"
+                :class="{'header-list-active':selectList.indexOf(item.value) !== -1 }"
+                @click="selectListModel(item.value)"
+              >{{item.value}}</span>
+            </div>
+          </div>
+          <div class="search-con-text">
+            <div class="search-text-wrap">
+              <div class="text-left" v-if="searchShow">
+                <div class="text-left-wrap">
+                  <div class="text-left-select" v-for="item in searchOption" :key="item.id">
+                    <span class="text-sel">{{item.value}}</span>
+                    <a-select class="text-select" :default-value="item.option[0].value" style="width: 120px" @change="handleChange">
+                      <a-select-option v-for="opt in item.option" :value="opt.value">
+                        {{opt.value}}
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                  <div class="text-left-date">
+                    <span class="data-fb">发布日期</span>
+                    <a-date-picker @change="onChange" />
+                  </div>
+                  <div class="text-left-date">
+                    <span class="data-fb">标准实施日期</span>
+                    <a-date-picker @change="onChange" />
+                  </div>
+                </div>
+              </div>
+              <div class="text-right">
+                <div class="search-text-title">
+                  <span>检索范围：</span>
+                  <span>纯电动</span>
+                </div>
+                <div class="search-text-list">
+                <ul>
+                  <li v-for="item in conList" :key="item.id">
+                    <div class="text-header">
+                      <span>{{item.type}}</span>
+                      <span>{{item.number}}</span>
+                      <span>{{item.title}}</span>
+                    </div>
+                    <div class="text-content">
+                      {{item.content}}
+                    </div>
+                  </li>
+                </ul>
+                <a-pagination size="small" :total="50" :show-total="total => `总共 ${total} 条`" show-size-changer show-quick-jumper />
+              </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'searchCenter',
+    data(){
+      return{
+        options:[
+          {
+            label:'all',
+            value:'全部'
+          },
+          {
+            label:'library',
+            value:'文档库'
+          },{
+            label:'questions',
+            value:'知识问题库'
+          },
+          {
+            label:'contract',
+            value:'文档对比库'
+          },{
+            label:'report',
+            value: '法规月报'
+          }
+        ],
+        selectOption:'全部',
+        showList:false,
+        listOption:[
+          {
+            label:'list',
+            value:'列表',
+          },
+          {
+            label:'graph',
+            value:'段落'
+          }
+        ],
+        selectList:'列表',
+        conList:[
+          {
+            id:1,
+            type:'文档库',
+            number:'GB20999-2019',
+            title:'内饰件阻燃特性',
+            content:'区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
+          },
+          {
+            id:2,
+            type:'文档库',
+            number:'GB20999-2019',
+            title:'内饰件阻燃特性',
+            content:'区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
+          },
+          {
+            id:3,
+            type:'文档库',
+            number:'GB20999-2019',
+            title:'内饰件阻燃特性',
+            content:'区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
+          },
+          {
+            id:4,
+            type:'文档库',
+            number:'GB20999-2019',
+            title:'内饰件阻燃特性',
+            content:'区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
+          },
+          {
+            id:5,
+            type:'文档库',
+            number:'GB20999-2019',
+            title:'内饰件阻燃特性',
+            content:'区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
+          }
+        ],
+        searchOption:[
+          {
+            id:1,
+            label:'categary',
+            value:'使用区域',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:2,
+            label:'type',
+            value:'类别',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:3,
+            label:'stand',
+            value:'标准体系',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:4,
+            label:'state',
+            value:'状态',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:5,
+            label:'trial',
+            value:'试用范围',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:6,
+            label:'funArea',
+            value:'功能领域',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          },
+          {
+            id:7,
+            label:'techArea',
+            value:'技术领域',
+            option:[
+              {
+                label:'china',
+                value:'中国',
+              },
+              {
+                label:'english',
+                value:'英国'
+              }
+            ]
+          }
+        ],
+        searchShow:false,
+
+      }
+    },
+    methods:{
+      selectModel(value){
+        this.selectOption=value
+        if(value=='文档库'){
+          this.showList=true
+        }else{
+          this.showList=false
+        }
+      },
+      selectListModel(value){
+        this.selectList=value
+        if(value=='段落'){
+          this.searchShow=true
+        }else{
+          this.searchShow=false
+        }
+      },
+      handleChange(){
+
+      },
+       onChange(date, dateString) {
+        // console.log(date, dateString);
+      },
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .search-center{
+    .search-center-wrap{
+      margin: 10px;
+      .search-detail{
+        display: flex;
+        justify-content: center;
+        .search-detail-wrap{
+          min-width: 800px;
+          display: flex;
+          justify-content: space-between;
+          .search-detail-title{
+            width: 120px;
+            margin-right: 10px;
+            line-height: 32px;
+          }
+          input{
+            min-width: 300px;
+            margin-right: 30px;
+          }
+          button{
+            margin-right: 20px;
+          }
+          a{
+            width: 140px;
+            line-height: 32px;
+          }
+        }
+      }
+      .search-center-content{
+        .search-con-header{
+          padding: 10px 0;
+          display: flex;
+          justify-content: space-between;
+          .search-header-left{
+            span{
+              margin-right: 10px;
+              padding: 4px 20px;
+            }
+            .search-header-item:hover{
+              color: #1890FF;
+              cursor: pointer;
+            }
+            .search-header-item-active{
+              background: #1890FF;
+              border-radius: 15px;
+              color:#ffffff;
+            }
+            .search-header-item-active:hover{
+              color:#ffffff;
+            }
+          }
+          .search-header-right{
+            span{
+              border: 1px solid rgba(0,0,0,0.65);
+              cursor: pointer;
+              padding: 2px 5px;
+              border-right: none;
+            }
+            span:last-child{
+              border-right: 1px solid rgba(0,0,0,0.65) ;
+            }
+            .header-list:hover{
+              color:#1890FF;
+            }
+            .header-list-active{
+              background: #1890FF;
+              color: #ffffff;
+            }
+            .header-list-active:hover{
+              color: #ffffff;
+            }
+
+          }
+        }
+        .search-con-text{
+          .search-text-wrap{
+
+            background: #ffffff;
+            height: 100%;
+            display: flex;
+            justify-content: space-between;
+            .text-left{
+              border:1px solid #000;
+              min-width: 290px;
+              .text-left-wrap{
+                padding: 5px;
+                .text-left-select{
+                  display: flex;
+                  justify-content: space-between;
+                  margin: 10px 0;
+                  line-height: 32px;
+                  .text-sel{
+                    margin-right: 10px;
+                    min-width: 70px;
+                  }
+                  .text-select{
+                    flex: 1;
+                  }
+                }
+                .text-left-date{
+                  display: flex;
+                  justify-content: space-between;
+                  line-height: 32px;
+                  margin: 10px 0;
+                  span.data-fb{
+                    margin-right: 10px;
+                    min-width: 70px;
+                  }
+                }
+              }
+            }
+            .text-right{
+              border: 1px solid #000;
+              margin-left: 10px;
+              .search-text-title{
+                padding: 3px 5px;
+              }
+              .search-text-list{
+                ul {
+                  padding:10px;
+                  margin: 0;
+                  li{
+                    list-style: none;
+                    margin-bottom: 20px;
+                    background: #f6f6f6;
+                    border: 1px solid #000000;
+                    border-radius: 10px;
+                    padding: 10px;
+                    .text-header{
+                      span{
+                        margin-right: 20px;
+                        font-size: 18px;
+                        font-weight: 600;
+                      }
+                    }
+                  }
+                }
+              }
+              .ant-pagination{
+                margin-bottom: 10px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file