diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
diff --git a/src/views/bridge/huangzhou.vue b/src/views/bridge/huangzhou.vue
index 311b07b..7700fa4 100644
--- a/src/views/bridge/huangzhou.vue
+++ b/src/views/bridge/huangzhou.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
     <div>
       <detail ref="detail" @watchChild="fetchData"/>
     </div>
-    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
 </template>
 <script>
 import detail from '@/views/bridge/components/detail'
 import editBridge from '@/views/bridge/components/editBridge'
+
 export default {
-  name: 'YongSheng',
+  name: 'HuangZhou',
   components: { detail, editBridge },
   data() {
     return {
@@ -23,10 +22,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('2')
-    },
-    edit() {
-      this.$refs.detail.showUploadBut()
+      this.$refs.detail.fetchData('黄洲桥')
     }
   }
 }
@@ -39,7 +35,6 @@
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
     padding-bottom: 20px;
     margin-top: 0;
   }

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
diff --git a/src/views/bridge/huangzhou.vue b/src/views/bridge/huangzhou.vue
index 311b07b..7700fa4 100644
--- a/src/views/bridge/huangzhou.vue
+++ b/src/views/bridge/huangzhou.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
     <div>
       <detail ref="detail" @watchChild="fetchData"/>
     </div>
-    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
 </template>
 <script>
 import detail from '@/views/bridge/components/detail'
 import editBridge from '@/views/bridge/components/editBridge'
+
 export default {
-  name: 'YongSheng',
+  name: 'HuangZhou',
   components: { detail, editBridge },
   data() {
     return {
@@ -23,10 +22,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('2')
-    },
-    edit() {
-      this.$refs.detail.showUploadBut()
+      this.$refs.detail.fetchData('黄洲桥')
     }
   }
 }
@@ -39,7 +35,6 @@
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/bridge/yongSheng.vue b/src/views/bridge/yongSheng.vue
index b986dbb..c561be5 100644
--- a/src/views/bridge/yongSheng.vue
+++ b/src/views/bridge/yongSheng.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('1')
+      this.$refs.detail.fetchData('永胜桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
@@ -31,13 +31,13 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .container-bridge{
+  .container-bridge {
     background-color: #fffffb !important;
     width: 100%;
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
+    /*margin-bottom: 120px;*/
     padding-bottom: 20px;
     margin-top: 0;
   }

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
diff --git a/src/views/bridge/huangzhou.vue b/src/views/bridge/huangzhou.vue
index 311b07b..7700fa4 100644
--- a/src/views/bridge/huangzhou.vue
+++ b/src/views/bridge/huangzhou.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
     <div>
       <detail ref="detail" @watchChild="fetchData"/>
     </div>
-    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
 </template>
 <script>
 import detail from '@/views/bridge/components/detail'
 import editBridge from '@/views/bridge/components/editBridge'
+
 export default {
-  name: 'YongSheng',
+  name: 'HuangZhou',
   components: { detail, editBridge },
   data() {
     return {
@@ -23,10 +22,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('2')
-    },
-    edit() {
-      this.$refs.detail.showUploadBut()
+      this.$refs.detail.fetchData('黄洲桥')
     }
   }
 }
@@ -39,7 +35,6 @@
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/bridge/yongSheng.vue b/src/views/bridge/yongSheng.vue
index b986dbb..c561be5 100644
--- a/src/views/bridge/yongSheng.vue
+++ b/src/views/bridge/yongSheng.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('1')
+      this.$refs.detail.fetchData('永胜桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
@@ -31,13 +31,13 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .container-bridge{
+  .container-bridge {
     background-color: #fffffb !important;
     width: 100%;
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
+    /*margin-bottom: 120px;*/
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/order/listMaintainRecords.vue b/src/views/order/listMaintainRecords.vue
index 2d4f682..77d35e3 100644
--- a/src/views/order/listMaintainRecords.vue
+++ b/src/views/order/listMaintainRecords.vue
@@ -3,25 +3,7 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" size="small" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人/养护名称" clearable/>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.type" placeholder="养护类型" size="small" clearable>
-          <el-option
-            v-for="item in typeList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.status" placeholder="养护状态" size="small" clearable>
-          <el-option
-            v-for="item in statusList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
+        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人" clearable/>
       </search-item>
       <search-item>
         <el-select v-model="listQuery.bridgeId" placeholder="所属桥梁" size="small" clearable>
@@ -33,30 +15,17 @@
         </el-select>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.roadId" placeholder="所属道路" size="small" clearable>
-          <el-option
-            v-for="item in bridgeList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"/>
-        </el-select>
-      </search-item>
-      <search-item>
         <el-date-picker
           v-model="timeRange"
           size="small"
-          type="datetimerange"
+          type="daterange"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
-          start-placeholder="创建开始时间"
-          end-placeholder="创建结束时间"/>
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"/>
       </search-item>
     </search-area>
     <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
-      <template slot="btns">
-        <el-button size="small" class="edit_btn" @click="batchExport">导出记录</el-button>
-        <el-button size="small" class="edit_btn" @click="add">添加</el-button>
-      </template>
       <template slot="columns">
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
           <template slot-scope="scope">
@@ -66,35 +35,21 @@
           </template>
         </el-table-column>
       </template>
-      <template slot="columns">
-        <el-table-column label="操作" align="center" width="160">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </template>
     </normal-table>
-    <edit-order v-show="editShow" ref="editorder" @watchChild="fetchData"/>
   </app-container>
 </template>
 
 <script>
-import { getRecordList, delRecord } from '@/api/system/order'
-import editOrder from '@/views/order/editOrder'
+import { getRecordList, exportRecords } from '@/api/system/order'
+import { downloadFile } from '@/utils/downloadUtils'
 
 export default {
   name: 'ListMaintainRecords',
-  components: { editOrder },
   data() {
     return {
       listQuery: {
         keyword: '', // 关键字（责任人/养护名称）
-        type: '', // 养护类型，字典值
-        status: '', // 养护状态，字典值
         bridgeId: '', // 所属桥梁id
-        roadId: '',
         startDate: '', // 养护开始日期
         endDate: '', // 养护结束日期
         offset: 1,
@@ -118,60 +73,31 @@
       timeRange: [],
       columns: [
         {
-          text: '养护名称',
-          value: 'name',
-          align: 'center'
-        },
-        {
-          text: '养护编号',
-          value: 'code',
-          align: 'center'
-        },
-        {
-          text: '养护类型',
-          value: 'typeName',
-          align: 'center'
-        },
-        {
-          text: '养护状态',
-          value: 'statusName',
-          align: 'center'
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
         },
         {
           text: '所属桥梁/道路',
           value: 'bridgeName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
           text: '责任人',
           value: 'personName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
-          text: '开始养护日期',
-          value: 'maintainTime',
+          text: '情况描述',
+          value: 'content',
           align: 'center'
         }
       ], // 显示列
       list: [], // 列表数据
-      typeList: [
-        { value: '0', name: '日常养护' },
-        { value: '1', name: '小修保养工程' },
-        { value: '2', name: '中修工程' },
-        { value: '3', name: '大修工程' },
-        { value: '4', name: '改建工程' },
-        { value: '5', name: '专项工程' }
-      ],
-      statusList: [
-        { value: '1', name: '未启动' },
-        { value: '2', name: '进行中' },
-        { value: '3', name: '已结束' }
-      ],
-      bridgeList: [
-        { id: '1', name: '永胜桥' },
-        { id: '2', name: '黄洲桥' },
-        { id: '3', name: '光明桥' }
-      ],
+      bridgeList: [],
       total: 0, // 数据总数
       listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
@@ -181,15 +107,16 @@
   watch: {
     timeRange(val) {
       if (val && val.length > 0) {
-        this.listQuery.beginTime = val[0]
-        this.listQuery.endTime = val[1]
+        this.listQuery.startDate = val[0]
+        this.listQuery.endDate = val[1]
       } else {
-        this.listQuery.beginTime = ''
-        this.listQuery.endTime = ''
+        this.listQuery.startDate = ''
+        this.listQuery.endDate = ''
       }
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
     this.fetchData()// 获取数据
   },
   methods: {
@@ -204,7 +131,7 @@
         this.listQuery.offset = 1
       }
       getRecordList(this.listQuery).then(response => {
-        debugger
+        console.log(response)
         this.list = response.data.rows
         this.total = parseInt(response.data.total)
         this.listLoading = false
@@ -218,42 +145,20 @@
       this.editShow = true
       this.$refs.editorder.initDialog('detail', true, row)
     },
-    edit(row) {
-      this.editShow = true
-      this.$refs.editorder.initDialog('update', true, row)
-    },
-    del(row) {
-      this.$confirm(
-        '确定删除该养护记录？',
-        '确认操作',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      ).then(() => {
-        delRecord(row.id).then(response => {
-          if (response.code === 200) {
-            this.$message.success('删除成功')
-            this.fetchData()
-          }
-        })
-      })
-    },
     batchExport() {
       // 全屏加载动画
-      // const loading = this.$loading({
-      //   lock: true,
-      //   text: '下载中,请稍后...',
-      //   spinner: 'el-icon-loading',
-      //   background: 'rgba(0, 0, 0, 0.7)'
-      // })
-      // exportRecords(this.listQuery).then(res => {
-      //   loading.close() // 关闭加载动画
-      //   downloadFile(res.data, '工单列表')
-      // }).catch((res) => {
-      //   loading.close()
-      // })
+      const loading = this.$loading({
+        lock: true,
+        text: '下载中,请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      exportRecords(this.listQuery).then(res => {
+        loading.close() // 关闭加载动画
+        downloadFile(res.data, '工单列表')
+      }).catch((res) => {
+        loading.close()
+      })
     },
     indexMethod(index) {
       return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
diff --git a/src/views/bridge/huangzhou.vue b/src/views/bridge/huangzhou.vue
index 311b07b..7700fa4 100644
--- a/src/views/bridge/huangzhou.vue
+++ b/src/views/bridge/huangzhou.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
     <div>
       <detail ref="detail" @watchChild="fetchData"/>
     </div>
-    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
 </template>
 <script>
 import detail from '@/views/bridge/components/detail'
 import editBridge from '@/views/bridge/components/editBridge'
+
 export default {
-  name: 'YongSheng',
+  name: 'HuangZhou',
   components: { detail, editBridge },
   data() {
     return {
@@ -23,10 +22,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('2')
-    },
-    edit() {
-      this.$refs.detail.showUploadBut()
+      this.$refs.detail.fetchData('黄洲桥')
     }
   }
 }
@@ -39,7 +35,6 @@
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/bridge/yongSheng.vue b/src/views/bridge/yongSheng.vue
index b986dbb..c561be5 100644
--- a/src/views/bridge/yongSheng.vue
+++ b/src/views/bridge/yongSheng.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('1')
+      this.$refs.detail.fetchData('永胜桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
@@ -31,13 +31,13 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .container-bridge{
+  .container-bridge {
     background-color: #fffffb !important;
     width: 100%;
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
+    /*margin-bottom: 120px;*/
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/order/listMaintainRecords.vue b/src/views/order/listMaintainRecords.vue
index 2d4f682..77d35e3 100644
--- a/src/views/order/listMaintainRecords.vue
+++ b/src/views/order/listMaintainRecords.vue
@@ -3,25 +3,7 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" size="small" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人/养护名称" clearable/>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.type" placeholder="养护类型" size="small" clearable>
-          <el-option
-            v-for="item in typeList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.status" placeholder="养护状态" size="small" clearable>
-          <el-option
-            v-for="item in statusList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
+        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人" clearable/>
       </search-item>
       <search-item>
         <el-select v-model="listQuery.bridgeId" placeholder="所属桥梁" size="small" clearable>
@@ -33,30 +15,17 @@
         </el-select>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.roadId" placeholder="所属道路" size="small" clearable>
-          <el-option
-            v-for="item in bridgeList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"/>
-        </el-select>
-      </search-item>
-      <search-item>
         <el-date-picker
           v-model="timeRange"
           size="small"
-          type="datetimerange"
+          type="daterange"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
-          start-placeholder="创建开始时间"
-          end-placeholder="创建结束时间"/>
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"/>
       </search-item>
     </search-area>
     <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
-      <template slot="btns">
-        <el-button size="small" class="edit_btn" @click="batchExport">导出记录</el-button>
-        <el-button size="small" class="edit_btn" @click="add">添加</el-button>
-      </template>
       <template slot="columns">
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
           <template slot-scope="scope">
@@ -66,35 +35,21 @@
           </template>
         </el-table-column>
       </template>
-      <template slot="columns">
-        <el-table-column label="操作" align="center" width="160">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </template>
     </normal-table>
-    <edit-order v-show="editShow" ref="editorder" @watchChild="fetchData"/>
   </app-container>
 </template>
 
 <script>
-import { getRecordList, delRecord } from '@/api/system/order'
-import editOrder from '@/views/order/editOrder'
+import { getRecordList, exportRecords } from '@/api/system/order'
+import { downloadFile } from '@/utils/downloadUtils'
 
 export default {
   name: 'ListMaintainRecords',
-  components: { editOrder },
   data() {
     return {
       listQuery: {
         keyword: '', // 关键字（责任人/养护名称）
-        type: '', // 养护类型，字典值
-        status: '', // 养护状态，字典值
         bridgeId: '', // 所属桥梁id
-        roadId: '',
         startDate: '', // 养护开始日期
         endDate: '', // 养护结束日期
         offset: 1,
@@ -118,60 +73,31 @@
       timeRange: [],
       columns: [
         {
-          text: '养护名称',
-          value: 'name',
-          align: 'center'
-        },
-        {
-          text: '养护编号',
-          value: 'code',
-          align: 'center'
-        },
-        {
-          text: '养护类型',
-          value: 'typeName',
-          align: 'center'
-        },
-        {
-          text: '养护状态',
-          value: 'statusName',
-          align: 'center'
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
         },
         {
           text: '所属桥梁/道路',
           value: 'bridgeName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
           text: '责任人',
           value: 'personName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
-          text: '开始养护日期',
-          value: 'maintainTime',
+          text: '情况描述',
+          value: 'content',
           align: 'center'
         }
       ], // 显示列
       list: [], // 列表数据
-      typeList: [
-        { value: '0', name: '日常养护' },
-        { value: '1', name: '小修保养工程' },
-        { value: '2', name: '中修工程' },
-        { value: '3', name: '大修工程' },
-        { value: '4', name: '改建工程' },
-        { value: '5', name: '专项工程' }
-      ],
-      statusList: [
-        { value: '1', name: '未启动' },
-        { value: '2', name: '进行中' },
-        { value: '3', name: '已结束' }
-      ],
-      bridgeList: [
-        { id: '1', name: '永胜桥' },
-        { id: '2', name: '黄洲桥' },
-        { id: '3', name: '光明桥' }
-      ],
+      bridgeList: [],
       total: 0, // 数据总数
       listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
@@ -181,15 +107,16 @@
   watch: {
     timeRange(val) {
       if (val && val.length > 0) {
-        this.listQuery.beginTime = val[0]
-        this.listQuery.endTime = val[1]
+        this.listQuery.startDate = val[0]
+        this.listQuery.endDate = val[1]
       } else {
-        this.listQuery.beginTime = ''
-        this.listQuery.endTime = ''
+        this.listQuery.startDate = ''
+        this.listQuery.endDate = ''
       }
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
     this.fetchData()// 获取数据
   },
   methods: {
@@ -204,7 +131,7 @@
         this.listQuery.offset = 1
       }
       getRecordList(this.listQuery).then(response => {
-        debugger
+        console.log(response)
         this.list = response.data.rows
         this.total = parseInt(response.data.total)
         this.listLoading = false
@@ -218,42 +145,20 @@
       this.editShow = true
       this.$refs.editorder.initDialog('detail', true, row)
     },
-    edit(row) {
-      this.editShow = true
-      this.$refs.editorder.initDialog('update', true, row)
-    },
-    del(row) {
-      this.$confirm(
-        '确定删除该养护记录？',
-        '确认操作',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      ).then(() => {
-        delRecord(row.id).then(response => {
-          if (response.code === 200) {
-            this.$message.success('删除成功')
-            this.fetchData()
-          }
-        })
-      })
-    },
     batchExport() {
       // 全屏加载动画
-      // const loading = this.$loading({
-      //   lock: true,
-      //   text: '下载中,请稍后...',
-      //   spinner: 'el-icon-loading',
-      //   background: 'rgba(0, 0, 0, 0.7)'
-      // })
-      // exportRecords(this.listQuery).then(res => {
-      //   loading.close() // 关闭加载动画
-      //   downloadFile(res.data, '工单列表')
-      // }).catch((res) => {
-      //   loading.close()
-      // })
+      const loading = this.$loading({
+        lock: true,
+        text: '下载中,请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      exportRecords(this.listQuery).then(res => {
+        loading.close() // 关闭加载动画
+        downloadFile(res.data, '工单列表')
+      }).catch((res) => {
+        loading.close()
+      })
     },
     indexMethod(index) {
       return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index 5782410..01aff3f 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -31,7 +31,7 @@
         minZoom: 15,
         maxZoom: 18,
         center: this.baseConfig.center,
-        zoom: 16,
+        zoom: 15,
         zoomControl: false,
         attributionControl: false,
         crs: L.CRS.EPSG3857
@@ -49,32 +49,34 @@
         popupAnchor: [0, -32]
       })
 
-      for (let i = 0; i < 3; i++) {
+      for (let i = 0; i < this.bridgeList.length; i++) {
         const item = L.marker([this.bridgeList[i].lat, this.bridgeList[i].lng], {
           icon: Icon,
           id: this.bridgeList[i].id
         }).addTo(this.map)
 
         getDetail(this.bridgeList[i].id).then(response => {
-          const data = response.data
+          if (response.code === 200) {
+            const data = response.data
 
-          let popupStr = '<div class="popup-div">' +
-            '<div class="popup-title">' + data.name + '</div>';
+            let popupStr = '<div class="popup-div">' +
+              '<div class="popup-title">' + data.name + '</div>';
 
-          if (data.photo !== '') {
-            popupStr += '<div><img src="' + data.photo + '" fit="fit" style="height: 180px; margin:5px; padding-right: 5px"' + '</image></div>'
+            if (data.photo !== '') {
+              popupStr += '<div><img src="' + data.photo + '" fit="fit" style="height: 180px; margin:5px; padding-right: 5px"' + '</image></div>'
+            }
+
+            popupStr +=
+              '<div class="popup-item"><label style="padding-right: 5px">桥梁位置：</label>' + data.position	 + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">桥高（米）：</label>' + data.high + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">桥长（米）：</label>' + data.length + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">开建时间：</label>' + data.buildTime.substr(0, 10) + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">通车时间：</label>' + data.openTime.substr(0, 10) + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">简介：</label>' + data.description	+ '</div>' +
+              '</div>'
+
+            item.bindPopup(popupStr)
           }
-
-          popupStr +=
-            '<div class="popup-item"><label style="padding-right: 5px">桥梁位置：</label>' + data.position	 + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">桥高（米）：</label>' + data.high + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">桥长（米）：</label>' + data.length + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">开建时间：</label>' + data.buildTime.substr(0, 10) + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">通车时间：</label>' + data.openTime.substr(0, 10) + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">简介：</label>' + data.description	+ '</div>' +
-            '</div>'
-
-          item.bindPopup(popupStr)
         })
       }
     }

diff --git a/src/api/system/order.js b/src/api/system/order.js
index 99a723c..d2745ea 100644
--- a/src/api/system/order.js
+++ b/src/api/system/order.js
@@ -14,7 +14,7 @@
 // 批量导出
 export function exportRecords(params) {
   return request({
-    url: 'device/batchExport',
+    url: 'bridge/maintain/batchExport',
     method: 'get',
     timeout: 120000,
     params,
diff --git a/src/router/modules/bridge.js b/src/router/modules/bridge.js
index 05a4748..53f2a39 100644
--- a/src/router/modules/bridge.js
+++ b/src/router/modules/bridge.js
@@ -14,18 +14,24 @@
     },
     children: [
       {
-        path: '/yongSheng',
-        name: 'YongSheng',
-        component: () => import('@/views/bridge/yongSheng'),
-        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
-      },
-      {
         path: '/huangZhou',
         name: 'HuangZhou',
         component: () => import('@/views/bridge/huangZhou'),
         meta: { title: '黄洲桥', icon: 'function', permission: ['/huangZhou'] }
       },
       {
+        path: '/chongRen',
+        name: 'ChongRen',
+        component: () => import('@/views/bridge/chongRen'),
+        meta: { title: '崇仁大桥', icon: 'function', permission: ['/chongRen'] }
+      },
+      {
+        path: '/yongSheng',
+        name: 'YongSheng',
+        component: () => import('@/views/bridge/yongSheng'),
+        meta: { title: '永胜桥', icon: 'function', permission: ['/yongSheng'] }
+      },
+      {
         path: '/guangMing',
         name: 'GuangMing',
         component: () => import('@/views/bridge/guangMing'),
diff --git a/src/utils/downloadUtils.js b/src/utils/downloadUtils.js
new file mode 100644
index 0000000..b12678f
--- /dev/null
+++ b/src/utils/downloadUtils.js
@@ -0,0 +1,21 @@
+// 下载文件的公共方法
+export function downloadFile(file, fileName) {
+  const blob = new Blob([file])
+  // IE及IE内核浏览器,ie10+
+  if (window.navigator.msSaveBlob) {
+    try {
+      window.navigator.msSaveBlob(blob, fileName + '.xlsx')
+    } catch (e) {
+      console.log(e)
+    }
+  } else { // 其他浏览器
+    const downloadElement = document.createElement('a')
+    const href = window.URL.createObjectURL(blob) // 创建下载的链接
+    downloadElement.href = href
+    downloadElement.download = fileName + '.xlsx' // 下载后文件名
+    document.body.appendChild(downloadElement)
+    downloadElement.click() // 点击下载
+    document.body.removeChild(downloadElement) // 下载完成移除元素
+    window.URL.revokeObjectURL(href) // 释放blob对象
+  }
+}
diff --git a/src/views/bridge/chongRen.vue b/src/views/bridge/chongRen.vue
new file mode 100644
index 0000000..f2e1ede
--- /dev/null
+++ b/src/views/bridge/chongRen.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container-bridge">
+    <div>
+      <detail ref="detail" @watchChild="fetchData"/>
+    </div>
+    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
+  </div>
+</template>
+<script>
+import detail from '@/views/bridge/components/detail'
+import editBridge from '@/views/bridge/components/editBridge'
+export default {
+  name: 'ChongRen',
+  components: { detail, editBridge },
+  data() {
+    return {
+      editShow: false
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.$refs.detail.fetchData('崇仁大桥')
+    },
+    edit() {
+      this.$refs.detail.showUploadBut()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .container-bridge{
+    background-color: #fffffb !important;
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 158px);
+    overflow: auto;
+    margin-bottom: 120px;
+    padding-bottom: 20px;
+    margin-top: 0;
+  }
+</style>
diff --git a/src/views/bridge/components/detail.vue b/src/views/bridge/components/detail.vue
index 96cf9f8..f379f91 100644
--- a/src/views/bridge/components/detail.vue
+++ b/src/views/bridge/components/detail.vue
@@ -1,121 +1,115 @@
 <template>
   <div class="info-block">
     <div class="block-body">
-      <el-row class="body-right">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>{{ bridgeForm.name }}</div></el-col>
+        <el-col :span="3" :offset="18"><el-button type="primary" icon="el-icon-edit" @click="edit">编辑</el-button></el-col>
+      </el-row>
+
+      <el-form ref="dataForm" :label-position="labelPosition" :model="bridgeForm" label-width="120px">
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥梁名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.name }}</span>
-              <!--<div class="item-value-middle"><el-input v-model="bridgeForm.name" :disabled="disabled"/></div>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="桥型" prop="typeName">
+              <el-input v-model="bridgeForm.typeName" type="text" placeholder="未知" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="桥梁编号" prop="bridgeCode">
+              <el-input v-model="bridgeForm.bridgeCode" type="text" placeholder="未知" disabled/>
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">桥型：</span>
-              <span class="item-value-middle">{{ bridgeForm.typeName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.typeName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="高度（m）" prop="high">
+              <el-input v-model="bridgeForm.high" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">柱号：</span>
-              <span class="item-value-middle">{{ bridgeForm.bridgeCode }}</span>
-            </div>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="长度（m）" prop="length">
+              <el-input v-model="bridgeForm.length" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">道路名称：</span>
-              <span class="item-value-middle">{{ bridgeForm.roadName }}</span>
-              <!--<span class="item-value-middle"><el-input v-model="bridgeForm.roadName" :disabled="disabled"/></span>-->
-            </div>
+          <el-col :span="10">
+            <el-form-item label="建设时间" prop="buildTime">
+              <el-input v-model="bridgeForm.buildTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="通车时间" prop="openTime">
+              <el-input v-model="bridgeForm.openTimeStr" :disabled="!isEditMode" type="text" placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">高度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.height }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">长度（m）：</span>
-              <span class="item-value-middle">{{ bridgeForm.length }}</span>
-            </div>
+          <el-col :span="21">
+            <el-form-item label="简介" prop="description">
+              <el-input v-model="bridgeForm.description" :disabled="!isEditMode" type="textarea" autosize placeholder="未知" />
+            </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">开建时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.buildTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <div class="item-div">
-              <span class="item-title">通车时间：</span>
-              <span class="item-value-middle">{{ bridgeForm.openTime.substr(0,10) }}</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁图片：</span>
-              <span v-show="photo===''" class="item-value-middle">无</span>
-              <el-image
-                v-if="photo!==''"
-                :src="photo!==''?photo:null"
-                fit="cover"
-                style="width: 430px; height: 275px; margin-top:20px; margin-left: 10px;vertical-align: top;"/>
-              <el-upload
-                ref="upload"
-                :before-upload="handleBeforeUpload"
-                :http-request="uploadPhoto"
-                :show-file-list="false"
-                style="display: inline-block;vertical-align: top;"
-                action="string"
-                accept=".jpg,.jpeg,.png">
-                <el-button v-show="isEditMode" class="edit_btn" type="primary" size="small" style="vertical-align: bottom;" @click="uploadPhoto">上传桥梁图片</el-button>
-              </el-upload>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col>
-            <div class="item-div">
-              <span class="item-title">桥梁位置：</span>
-              <span class="item-value-middle">{{ bridgeForm.position }}</span>
-              <el-button class="edit_btn" size="small" @click="checkMap">查看地图</el-button>
-              <div v-if="showMap" id="map" style="height: 480px; width: 800px; margin-left: 130px" keep-alive/>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="item-div">
-              <span class="item-title" style="vertical-align: top;">桥梁简介：</span>
-              <span v-show="!isEditMode" class="item-value-long">{{ bridgeForm.description }}</span>
-              <span v-show="isEditMode" class="item-value-long" ><el-input v-model="bridgeForm.description" :rows="3" :maxlength="100" type="textarea" show-word-limit/></span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-show="isEditMode" style="margin-top: 30px;text-align: center">
-          <el-button type="primary" @click="saveData">保存</el-button>
-          <el-button @click="cancel">取消</el-button>
-        </el-row>
+      </el-form>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>图片</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="photo!==''">
+          <div class="img-box">
+            <el-image
+              :src="photo"
+              fit="cover"
+              style="vertical-align: top;"/>
+          </div>
+        </el-col>
       </el-row>
     </div>
-    <div class="clearfloat"/>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3">
+          <div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>位置</div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <div id="map" class="img-box" style="height: 300px;" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="block-body">
+      <el-row class="table-title">
+        <el-col :span="3"><div class="title-header"><i class="el-icon-menu" style="margin-right: 10px;"/>养护记录</div></el-col>
+      </el-row>
+
+      <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
+        <template slot="columns">
+          <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
+            <template slot-scope="scope">
+              <span v-if="column.text == '所属桥梁 / 道路'">{{ scope.row[column.value]!==''? scope.row[column.value]:scope.row['roadName'] }}</span>
+              <span v-else>{{ scope.row[column.value] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
   </div>
 </template>
 <script>
 import { getDetail, updateBridge } from '@/api/system/bridge'
+import { getRecordList } from '@/api/system/order'
 import L from 'leaflet'
 
 export default {
@@ -124,14 +118,10 @@
     return {
       showMap: false,
       isEditMode: false,
-      bridgeList: [
-        { id: 1, name: '永胜桥', lat: 27.763248, lng: 116.043450 },
-        { id: 2, name: '黄洲桥', lat: 27.760096, lng: 116.053659 },
-        { id: 3, name: '光明桥', lat: 27.767046, lng: 116.058659 }
-      ],
+      bridgeList: [],
+      bridgeId: '',
       map: null,
-      baselayer: [],
-      icon: 'static/images/well/0100.png',
+      baseLayer: [],
       photo: '',
       bridgeForm: {
         id: '',
@@ -140,16 +130,67 @@
         typeName: '',
         bridgeCode: '',
         roadName: '',
-        height: '',
+        high: '',
         length: '',
         buildTime: '',
+        buildTimeStr: '',
         openTime: '',
+        openTimeStr: '',
         position: '',
         description: '',
         status: '',
         statusName: '',
         photo: ''
       },
+      labelPosition: 'right',
+      listQuery: {
+        bridgeId: '', // 所属桥梁id
+        offset: 1,
+        limit: 10,
+        sort: 'maintainTime',
+        order: 'desc'
+      }, // 筛选条件
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      columns: [
+        {
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '所属桥梁/道路',
+          value: 'bridgeName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '责任人',
+          value: 'personName',
+          align: 'center',
+          width: 160
+        },
+        {
+          text: '情况描述',
+          value: 'content',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
       // baseUrl: process.env.BASE_API + '/static/', // 图片基础路径
       // token: '?token=' + this.$store.getters.token, // token,
       disabled: true,
@@ -157,26 +198,39 @@
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
   },
   methods: {
-    fetchData(bridgeId) {
-      getDetail(bridgeId).then(response => {
-        this.bridgeForm = response.data
-        this.photo = this.bridgeForm.photo
-        this.listLoading = false
+    fetchData(bridgeName) {
+      this.bridgeList.forEach(bridge => {
+        if (bridge.name.indexOf(bridgeName) >= 0) {
+          this.initMap(bridge.lng, bridge.lat)
+
+          this.bridgeId = bridge.id
+          this.listQuery.bridgeId = bridge.id
+          getRecordList(this.listQuery).then(response => {
+            this.list = response.data.rows
+            this.total = parseInt(response.data.total)
+            this.listLoading = false
+          })
+        }
       })
+      if (this.bridgeId !== '') {
+        getDetail(this.bridgeId).then(response => {
+          if (response.code === 200) {
+            this.bridgeForm = response.data
+            this.photo = this.bridgeForm.photo
+            this.listLoading = false
+          }
+        })
+      }
     },
-    checkMap() {
-      this.initMap()
-      this.initMap()
-    },
-    initMap() {
-      debugger
+    initMap(lng, lat) {
       this.showMap = true
       const map = L.map('map', {
-        minZoom: 2,
+        minZoom: 15,
         maxZoom: 18,
-        center: [27.763248, 116.043450],
+        center: [lat, lng],
         zoom: 16,
         zoomControl: false,
         attributionControl: false,
@@ -184,38 +238,25 @@
       })
       map.invalidateSize(true)
       map.doubleClickZoom.disable()
+      map.scrollWheelZoom.disable()
+      map.dragging.disable()
       this.map = map // data上需要挂载
       window.map = map
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      this.baselayer.push(L.tileLayer(
-        'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
-        { subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
-      ).addTo(map))
-      var Icon = L.icon({
-        iconUrl: require('../../../assets/global_images/location_green.png'),
-        iconSize: [30, 30]
+      this.baseLayer.push(L.tileLayer(this.baseConfig.mapUrl).addTo(map))
+      this.baseLayer.push(L.tileLayer(this.baseConfig.labelUrl).addTo(map))
+
+      const Icon = L.icon({
+        iconUrl: require('@/assets/global_images/location_green.png'),
+        iconSize: [32, 32],
+        iconAnchor: [16, 32],
+        popupAnchor: [0, -32]
       })
-      if (this.bridgeForm.name === '永胜桥') {
-        this.map.setView({ lat: 27.763248, lng: 116.043450 }, 16)
-        L.marker([27.763248, 116.043450], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '黄洲桥') {
-        this.map.setView({ lat: 27.760096, lng: 116.053659 }, 16)
-        L.marker([27.760096, 116.053659], {
-          icon: Icon
-        }).addTo(this.map)
-      } else if (this.bridgeForm.name === '光明桥') {
-        this.map.setView({ lat: 27.767046, lng: 116.058659 }, 16)
-        L.marker([27.767046, 116.058659], {
-          icon: Icon
-        }).addTo(this.map)
-      }
+
+      L.marker([lat, lng], {
+        icon: Icon
+      }).addTo(this.map)
     },
-    showUploadBut() {
+    edit() {
       this.isEditMode = true
     },
     saveData() {
@@ -291,6 +332,16 @@
         }
       })
     },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
     cancel() {
       this.isEditMode = false
     }
@@ -300,13 +351,13 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $left-width: 160px;
-  .info-block{
+  .info-block {
     /*overflow-y: scroll;*/
     /*white-space: nowrap;*/
     margin: 10px 20px;
     padding-bottom: 120px;
     /*overflow: ;*/
-    .block-title-div{
+    .block-title-div {
       font-size: 17px;
       color: #1f2d3d;
       font-weight: bold;
@@ -317,109 +368,33 @@
         /*border-left: 5px solid #004493;*/
       }
     }
-    .block-body{
+    .block-body {
       background-color: #fffffb !important;
       margin-top: 20px;
-      margin-left: 50px;
-      .body-left{
-        width: $left-width;
-        /*float: left;*/
-      }
-      .body-right{
-        width: calc( 100% - 160px );
-        float: left;
-        .item-div{
-          line-height: 55px;
-          font-size:17px;
-          .item-title{
-            text-align: right;
-            width:120px;
-            color: #909090;
-            font-weight: bold;
-            display: inline-block;
-          }
-          .item-value-middle{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 280px !important;
-            display: inline-block;
-          }
-          .item-value-long{
-            margin-left: 10px;
-            color: #a5a5a5;
-            width: 680px !important;
-            display: inline-block;
-          }
+      /*margin-left: 50px;*/
+
+      .table-title {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .title-header {
+          height: 40px;
+          padding: 10px;
+          color: #606266;
         }
       }
+
+      .img-box {
+        width: 430px;
+        margin-left: 120px;
+        border: 1px solid #9c9c9c;
+        border-radius: 4px;
+      }
     }
   }
-  avatar-uploader .el-upload {
-    margin-left: 12px;
-    margin-top: 10px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar {
-    margin: 10px;
-    display: block;
-  }
-  // 地图
-  .overview-map-container{
-    width: 100%;
-    padding: 5px;
-    .map-demo{
-      width: 100%;
-      height: calc(100vh - 78px);
-      .svg-icon{
-        width: 20px;
-        height: 20px;
-      }
-      .alarm-icon{
-        width:30px;
-        height: 30px;
-      }
-      .nomal-info-window{
-        background-color: pink;
-      }
-      .info-window{
-        max-width: 250px;
-        /*background-color: lightcyan;*/
-        .info-header{
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          font-weight: bold;
-          /*background-color: #eaf4ff;*/
-        }
-        .info-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-        }
-      }
-      .alarm-window{
-        max-width: 250px;
-        /*background-color: #ffeaf1;*/
-        .alarm-header {
-          padding: 10px 10px 5px 10px;
-          line-height: 30px;
-          color: red;
-          font-weight: bold;
-          /*background-color: #ffecec;*/
-        }
-        .alarm-body{
-          padding: 5px 10px 10px 10px;
-          line-height: 23px;
-          font-size: 14px;
-          .alarm-red{
-            color: #ff0000;
-          }
-        }
-      }
-    }
+</style>
+
+<style>
+  .table-container {
+    border-top: none !important;
   }
 </style>
diff --git a/src/views/bridge/guangMing.vue b/src/views/bridge/guangMing.vue
index 2a50ac4..88ebd44 100644
--- a/src/views/bridge/guangMing.vue
+++ b/src/views/bridge/guangMing.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('3')
+      this.$refs.detail.fetchData('光明桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
diff --git a/src/views/bridge/huangzhou.vue b/src/views/bridge/huangzhou.vue
index 311b07b..7700fa4 100644
--- a/src/views/bridge/huangzhou.vue
+++ b/src/views/bridge/huangzhou.vue
@@ -1,17 +1,16 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
     <div>
       <detail ref="detail" @watchChild="fetchData"/>
     </div>
-    <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
 </template>
 <script>
 import detail from '@/views/bridge/components/detail'
 import editBridge from '@/views/bridge/components/editBridge'
+
 export default {
-  name: 'YongSheng',
+  name: 'HuangZhou',
   components: { detail, editBridge },
   data() {
     return {
@@ -23,10 +22,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('2')
-    },
-    edit() {
-      this.$refs.detail.showUploadBut()
+      this.$refs.detail.fetchData('黄洲桥')
     }
   }
 }
@@ -39,7 +35,6 @@
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/bridge/yongSheng.vue b/src/views/bridge/yongSheng.vue
index b986dbb..c561be5 100644
--- a/src/views/bridge/yongSheng.vue
+++ b/src/views/bridge/yongSheng.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-bridge">
-    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>
+<!--    <el-button type="primary" style="float:right; margin-right: 260px; margin-top: 10px" icon="el-icon-edit" @click="edit">编辑</el-button>-->
     <detail ref="detail" @watchChild="fetchData"/>
     <edit-bridge v-show="editShow" ref="editbridge" @watchChild="fetchData"/>
   </div>
@@ -21,7 +21,7 @@
   },
   methods: {
     fetchData() {
-      this.$refs.detail.fetchData('1')
+      this.$refs.detail.fetchData('永胜桥')
     },
     edit() {
       this.$refs.detail.showUploadBut()
@@ -31,13 +31,13 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .container-bridge{
+  .container-bridge {
     background-color: #fffffb !important;
     width: 100%;
     height: 100%;
     min-height: calc(100vh - 158px);
     overflow: auto;
-    margin-bottom: 120px;
+    /*margin-bottom: 120px;*/
     padding-bottom: 20px;
     margin-top: 0;
   }
diff --git a/src/views/order/listMaintainRecords.vue b/src/views/order/listMaintainRecords.vue
index 2d4f682..77d35e3 100644
--- a/src/views/order/listMaintainRecords.vue
+++ b/src/views/order/listMaintainRecords.vue
@@ -3,25 +3,7 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" size="small" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人/养护名称" clearable/>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.type" placeholder="养护类型" size="small" clearable>
-          <el-option
-            v-for="item in typeList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.status" placeholder="养护状态" size="small" clearable>
-          <el-option
-            v-for="item in statusList"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"/>
-        </el-select>
+        <el-input v-model.trim="listQuery.keyword" size="small" placeholder="责任人" clearable/>
       </search-item>
       <search-item>
         <el-select v-model="listQuery.bridgeId" placeholder="所属桥梁" size="small" clearable>
@@ -33,30 +15,17 @@
         </el-select>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.roadId" placeholder="所属道路" size="small" clearable>
-          <el-option
-            v-for="item in bridgeList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"/>
-        </el-select>
-      </search-item>
-      <search-item>
         <el-date-picker
           v-model="timeRange"
           size="small"
-          type="datetimerange"
+          type="daterange"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
-          start-placeholder="创建开始时间"
-          end-placeholder="创建结束时间"/>
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"/>
       </search-item>
     </search-area>
     <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" size="small" @change="changePage">
-      <template slot="btns">
-        <el-button size="small" class="edit_btn" @click="batchExport">导出记录</el-button>
-        <el-button size="small" class="edit_btn" @click="add">添加</el-button>
-      </template>
       <template slot="columns">
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align">-->
           <template slot-scope="scope">
@@ -66,35 +35,21 @@
           </template>
         </el-table-column>
       </template>
-      <template slot="columns">
-        <el-table-column label="操作" align="center" width="160">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </template>
     </normal-table>
-    <edit-order v-show="editShow" ref="editorder" @watchChild="fetchData"/>
   </app-container>
 </template>
 
 <script>
-import { getRecordList, delRecord } from '@/api/system/order'
-import editOrder from '@/views/order/editOrder'
+import { getRecordList, exportRecords } from '@/api/system/order'
+import { downloadFile } from '@/utils/downloadUtils'
 
 export default {
   name: 'ListMaintainRecords',
-  components: { editOrder },
   data() {
     return {
       listQuery: {
         keyword: '', // 关键字（责任人/养护名称）
-        type: '', // 养护类型，字典值
-        status: '', // 养护状态，字典值
         bridgeId: '', // 所属桥梁id
-        roadId: '',
         startDate: '', // 养护开始日期
         endDate: '', // 养护结束日期
         offset: 1,
@@ -118,60 +73,31 @@
       timeRange: [],
       columns: [
         {
-          text: '养护名称',
-          value: 'name',
-          align: 'center'
-        },
-        {
-          text: '养护编号',
-          value: 'code',
-          align: 'center'
-        },
-        {
-          text: '养护类型',
-          value: 'typeName',
-          align: 'center'
-        },
-        {
-          text: '养护状态',
-          value: 'statusName',
-          align: 'center'
+          text: '日期',
+          value: 'maintainTimeStr',
+          align: 'center',
+          width: 160
         },
         {
           text: '所属桥梁/道路',
           value: 'bridgeName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
           text: '责任人',
           value: 'personName',
-          align: 'center'
+          align: 'center',
+          width: 160
         },
         {
-          text: '开始养护日期',
-          value: 'maintainTime',
+          text: '情况描述',
+          value: 'content',
           align: 'center'
         }
       ], // 显示列
       list: [], // 列表数据
-      typeList: [
-        { value: '0', name: '日常养护' },
-        { value: '1', name: '小修保养工程' },
-        { value: '2', name: '中修工程' },
-        { value: '3', name: '大修工程' },
-        { value: '4', name: '改建工程' },
-        { value: '5', name: '专项工程' }
-      ],
-      statusList: [
-        { value: '1', name: '未启动' },
-        { value: '2', name: '进行中' },
-        { value: '3', name: '已结束' }
-      ],
-      bridgeList: [
-        { id: '1', name: '永胜桥' },
-        { id: '2', name: '黄洲桥' },
-        { id: '3', name: '光明桥' }
-      ],
+      bridgeList: [],
       total: 0, // 数据总数
       listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
@@ -181,15 +107,16 @@
   watch: {
     timeRange(val) {
       if (val && val.length > 0) {
-        this.listQuery.beginTime = val[0]
-        this.listQuery.endTime = val[1]
+        this.listQuery.startDate = val[0]
+        this.listQuery.endDate = val[1]
       } else {
-        this.listQuery.beginTime = ''
-        this.listQuery.endTime = ''
+        this.listQuery.startDate = ''
+        this.listQuery.endDate = ''
       }
     }
   },
   mounted() {
+    this.bridgeList = this.baseConfig.bridges
     this.fetchData()// 获取数据
   },
   methods: {
@@ -204,7 +131,7 @@
         this.listQuery.offset = 1
       }
       getRecordList(this.listQuery).then(response => {
-        debugger
+        console.log(response)
         this.list = response.data.rows
         this.total = parseInt(response.data.total)
         this.listLoading = false
@@ -218,42 +145,20 @@
       this.editShow = true
       this.$refs.editorder.initDialog('detail', true, row)
     },
-    edit(row) {
-      this.editShow = true
-      this.$refs.editorder.initDialog('update', true, row)
-    },
-    del(row) {
-      this.$confirm(
-        '确定删除该养护记录？',
-        '确认操作',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      ).then(() => {
-        delRecord(row.id).then(response => {
-          if (response.code === 200) {
-            this.$message.success('删除成功')
-            this.fetchData()
-          }
-        })
-      })
-    },
     batchExport() {
       // 全屏加载动画
-      // const loading = this.$loading({
-      //   lock: true,
-      //   text: '下载中,请稍后...',
-      //   spinner: 'el-icon-loading',
-      //   background: 'rgba(0, 0, 0, 0.7)'
-      // })
-      // exportRecords(this.listQuery).then(res => {
-      //   loading.close() // 关闭加载动画
-      //   downloadFile(res.data, '工单列表')
-      // }).catch((res) => {
-      //   loading.close()
-      // })
+      const loading = this.$loading({
+        lock: true,
+        text: '下载中,请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      exportRecords(this.listQuery).then(res => {
+        loading.close() // 关闭加载动画
+        downloadFile(res.data, '工单列表')
+      }).catch((res) => {
+        loading.close()
+      })
     },
     indexMethod(index) {
       return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index 5782410..01aff3f 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -31,7 +31,7 @@
         minZoom: 15,
         maxZoom: 18,
         center: this.baseConfig.center,
-        zoom: 16,
+        zoom: 15,
         zoomControl: false,
         attributionControl: false,
         crs: L.CRS.EPSG3857
@@ -49,32 +49,34 @@
         popupAnchor: [0, -32]
       })
 
-      for (let i = 0; i < 3; i++) {
+      for (let i = 0; i < this.bridgeList.length; i++) {
         const item = L.marker([this.bridgeList[i].lat, this.bridgeList[i].lng], {
           icon: Icon,
           id: this.bridgeList[i].id
         }).addTo(this.map)
 
         getDetail(this.bridgeList[i].id).then(response => {
-          const data = response.data
+          if (response.code === 200) {
+            const data = response.data
 
-          let popupStr = '<div class="popup-div">' +
-            '<div class="popup-title">' + data.name + '</div>';
+            let popupStr = '<div class="popup-div">' +
+              '<div class="popup-title">' + data.name + '</div>';
 
-          if (data.photo !== '') {
-            popupStr += '<div><img src="' + data.photo + '" fit="fit" style="height: 180px; margin:5px; padding-right: 5px"' + '</image></div>'
+            if (data.photo !== '') {
+              popupStr += '<div><img src="' + data.photo + '" fit="fit" style="height: 180px; margin:5px; padding-right: 5px"' + '</image></div>'
+            }
+
+            popupStr +=
+              '<div class="popup-item"><label style="padding-right: 5px">桥梁位置：</label>' + data.position	 + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">桥高（米）：</label>' + data.high + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">桥长（米）：</label>' + data.length + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">开建时间：</label>' + data.buildTime.substr(0, 10) + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">通车时间：</label>' + data.openTime.substr(0, 10) + '</div>' +
+              '<div class="popup-item"><label style="padding-right: 5px">简介：</label>' + data.description	+ '</div>' +
+              '</div>'
+
+            item.bindPopup(popupStr)
           }
-
-          popupStr +=
-            '<div class="popup-item"><label style="padding-right: 5px">桥梁位置：</label>' + data.position	 + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">桥高（米）：</label>' + data.high + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">桥长（米）：</label>' + data.length + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">开建时间：</label>' + data.buildTime.substr(0, 10) + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">通车时间：</label>' + data.openTime.substr(0, 10) + '</div>' +
-            '<div class="popup-item"><label style="padding-right: 5px">简介：</label>' + data.description	+ '</div>' +
-            '</div>'
-
-          item.bindPopup(popupStr)
         })
       }
     }
diff --git a/static/project.config.json b/static/project.config.json
index d0ec703..daffcd7 100644
--- a/static/project.config.json
+++ b/static/project.config.json
@@ -6,11 +6,12 @@
   "city":"崇仁县",
   "mapUrl":"https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",
   "labelUrl":"https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",
-  "center":[27.763824, 116.052196],
+  "center":[27.766585, 116.059015],
   "zoom":16,
   "bridges": [
     { "id": 1, "name": "永胜桥", "lat": 27.763163, "lng": 116.043554 },
     { "id": 2, "name": "黄洲桥", "lat": 27.759709, "lng": 116.053613 },
-    { "id": 3, "name": "光明桥", "lat": 27.766585, "lng": 116.059015 }
+    { "id": 3, "name": "光明桥", "lat": 27.773253, "lng": 116.075047 },
+    { "id": 4, "name": "崇仁大桥", "lat": 27.766585, "lng": 116.059015 }
   ]
 }