Merge pull request '邓洁 : 修改隧道管理鼠标悬浮背景及跳转' (#173) from dengjie into dev

Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/173

src/views/tunnel-manage/index.vue

@@ -19,7 +19,8 @@
       </div>
     </div>
     <div class="box-content">
-      <div class="site-box" v-for="item in tunnelList" :key="item.tunnelId">
+      <div class="site-box" v-for="item in tunnelList" :key="item.tunnelId"
+           @click="handleGoToEditTunnel(item.tunnelId)">
         <div class="top">
           <span>{{ item.tunnelName }}</span>
           <span>施工长度500米 隧道长度10公里</span>
@@ -87,7 +88,7 @@
     </el-dialog>
     <div class="pagination">
       <span>首页</span>
-      <el-pagination background :page-size="6" :total="50" prev-text="上一页" next-text="下一页" layout="prev, pager, next" />
+      <el-pagination background :page-size="6" :total="50" prev-text="上一页" next-text="下一页" layout="prev, pager, next"/>
       <span>尾页</span>
     </div>
   </div>
@@ -219,9 +220,16 @@ const form = ref({
   tunnelLength: '',
   remarks: ''
 });
-const handleChooseAll=()=>{
+const isEdit = ref(false)
-  tunnelList.value.map(item=>{
+const bgImage = computed(() => (isEdit.value ? "zdgl_bj.png" : "sdgl_bjtq.png"));
-    item.checked=!item.checked
+
+const handleGoToEditTunnel = (tunnelId) => {
+  isEdit.value = true
+  router.push('/edit')
+}
+const handleChooseAll = () => {
+  tunnelList.value.map(item => {
+    item.checked = !item.checked
   })
 }
 const handleEdit = () => {
@@ -403,6 +411,7 @@ const handleMoreDelete = () => {
     justify-content: space-between;
     box-sizing: border-box;
     overflow: hidden;
+
     .add-box {
       cursor: pointer;
       font-weight: bold;
@@ -422,15 +431,20 @@ const handleMoreDelete = () => {
     }
 
     .site-box {
+      cursor: pointer;
       margin-top: 50px;
       margin-right: 1.5%;
       padding: 40px 30px;
       width: 925px;
       height: 550px;
-      background-image: url('@/assets/images/site/zdgl_bj.png');
+      background-image: url('@/assets/images/tunnel/zdgl_bj.png');
       //box-sizing: border-box;
       position: relative;
 
+      &:hover {
+        background-image: url('@/assets/images/tunnel/sdgl_bjtq.png');
+      }
+
       &:nth-child(4n) {
         margin-right: 0;
       }