ソースを参照

feat(油机详情查看更多): 添加查看更多页面

添加了查看更多的页面以及路由的跳转功能(油机列表和详情页都是静态页面)
wyoujia 1 年間 前
コミット
c5b94ae780

+ 1 - 1
admin.ui.plus-master/src/views/admin/statement/README.md

@@ -10,6 +10,6 @@
 
 	报表管理 - 油机详情页面目录
 
-## oilEngineDetails
+## moreOilEngineDetails
 
 	报表管理 - 油机详情 -- 查看更多页面目录

+ 65 - 0
admin.ui.plus-master/src/views/admin/statement/moreOilEngineDetails/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="layout-pd">
+    <el-row>
+      <el-col :xs="24">
+        <el-card style="height: 86vh"   class="mt8 my-fill all-con" shadow="hover">
+          <div class="tip-con">
+            <el-alert
+              title="加油机长时间离线"
+              type="error"
+              class="mb15"
+            ></el-alert>
+          </div>
+          <div class="ma-con">
+            <div class="left-con">
+
+            </div>
+            <div class="mid-con">
+              <div class="top">
+              </div>
+              <div class="down">
+              </div>
+            </div>
+            <div class="rig-con"></div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+  .all-con {
+    .tip-con {
+      //height: 5%;
+    }
+    .ma-con {
+      display: flex;
+      height: 100%;
+      .left-con {
+        width: 25%;
+        background-color: #8c939d;
+      }
+      .mid-con {
+        width: 55%;
+        .top {
+          height: 45%;
+          background-color: #95d475;
+        }
+        .down {
+          height: 55%;
+          background-color: #19d4ae;
+        }
+      }
+      .rig-con {
+        width: 20%;
+        background-color: #869fe4;
+      }
+    }
+  }
+</style>

+ 11 - 1
admin.ui.plus-master/src/views/admin/statement/oilEngineDetails/index.vue

@@ -162,7 +162,7 @@
               <div class="item">
                 <el-link
                   class="my-el-link mr12 ml12"
-                  @click="alert('开发中')"
+                  @click="toPage()"
                   type="primary"
                   size="small"
                   :underline="false"
@@ -274,6 +274,7 @@
 import { Picture as IconPicture } from '@element-plus/icons-vue'
 import {onMounted, reactive} from "vue";
 import {OilEngineDetailsApi} from "/@/api/admin/reportManagement/oilEngineDetails/oilEngineDetailsApi";
+import router from "/@/router";
 
 /******************************数据对象***************************************/
 
@@ -296,6 +297,7 @@ const bigImgDto = reactive({
 const basicInfo = reactive({
   loading:false,
   info:{
+    id:'1',
     oilEngineNumber:"",
     serialNumber:"",
     oilCompanies:"",
@@ -368,6 +370,14 @@ const showBigPic = (val) => {
   bigImgDto.isShow = true
 }
 
+/**
+ * 查看更多
+ */
+const toPage = () => {
+  const id = router.currentRoute.value.params.id
+  router.push({path:`/statement/${id}/more`})
+}
+
 /**
  * 油机详情 - 报警历史 - 页条变化
  * @param val