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