邓洁 : 站点静态数据

src/views/device-manage/index.vue

@@ -84,10 +84,10 @@
             </el-table>
           </div>
           <div class="btns">
-            <div class="cancel-btn" @click="isVisited=false">
+            <div class="cancel-btn">
               取消
             </div>
-            <div class="sure-btn">
+            <div class="sure-btn"  @click="router.back(-1)">
               确定
             </div>
           </div>
@@ -140,10 +140,10 @@
             </el-table>
           </div>
           <div class="btns">
-            <div class="cancel-btn" @click="isVisited=false">
+            <div class="cancel-btn">
               取消
             </div>
-            <div class="sure-btn">
+            <div class="sure-btn"  @click="router.back(-1)">
               确定
             </div>
           </div>
@@ -203,7 +203,7 @@
             <div class="cancel-btn" @click="isVisited=false">
               取消
             </div>
-            <div class="sure-btn" @click="handleSubmit(formInstance)">
+            <div class="sure-btn" @click="router.back(-1)">
               确定
             </div>
           </div>

src/views/site/index.vue

@@ -10,7 +10,7 @@
         <div class="all-btn" style=" margin-right: 40px;" v-if="!showAddIcon" @click="handleAdd">
           添加
         </div>
-        <div class="all-btn">
+        <div class="all-btn" @click="handleChooseAll">
           全选
         </div>
         <div class="all-btn del-btn" @click="handleMoreDelete">
@@ -47,7 +47,7 @@
             </div>
           </div>
         </div>
-        <div class="edit-btn" @click="handleEdit(item.siteId)">
+        <div class="edit-btn" @click="handleEdit(item)">
           <div class="edit-icon"></div>
           <div>站点编辑</div>
         </div>
@@ -100,7 +100,35 @@ import {editSite, getSiteDetail, getSiteList, addSite, deleteSite} from "@/api/s
 import {ElMessage, ElMessageBox} from "element-plus";
 
 const router = useRouter()
-const siteList = ref([])
+const siteList = ref([
+  {
+    siteName: '松江站',
+    info:{
+      tunnelNum: 1,
+      tunnelName: '一号隧道',
+      constructionLength: 500,
+      implementationLength: 10
+    }
+  },
+  {
+    siteName: '松江站',
+    info:{
+      tunnelNum: 1,
+      tunnelName: '二号隧道',
+      constructionLength: 500,
+      implementationLength: 10
+    }
+  },
+  {
+    siteName: '松江站',
+    info:{
+      tunnelNum: 1,
+      tunnelName: '三号隧道',
+      constructionLength: 500,
+      implementationLength: 10
+    }
+  }
+])
 const siteIds = ref([])
 const siteNameList = ref([])
 const info = ref({
@@ -112,8 +140,8 @@ const info = ref({
 const title = ref('新增站点')
 const isClick = ref(false);
 const isVisited = ref(false);
-const total = ref();
+const total = ref(10);
-const showAddIcon = ref(false)
+const showAddIcon = ref(true)
 const pageInfo = reactive({
   pageNum: 1,
   pageSize: 6
@@ -141,7 +169,7 @@ const getList = () => {
       }
       item.checked = false
     })
-    siteList.value = res.data.rows;
+    // siteList.value = res.data.rows;
   });
 }
 getList()
@@ -163,7 +191,8 @@ const handleClickSite = (type) => {
   }
 }
 const goToAddTunnel = (siteId) => {
-  router.push('/tunnel/' + siteId)
+  // router.push('/tunnel/' + siteId)
+  router.push('/tunnel/1')
 }
 //重置from表单
 const restFrom = () => {
@@ -173,13 +202,14 @@ const restFrom = () => {
     describe: ''
   }
 }
-const handleEdit = (siteId) => {
+const handleEdit = (item) => {
   title.value = '编辑站点'
   restFrom()
-  getSiteDetail(siteId).then((res) => {
+  // getSiteDetail(item.siteId).then((res) => {
-    form.value = res.data;
+  //   form.value = res.data;
+    form.value = item;
     isVisited.value = true
-  });
+  // });
 }
 
 const handleAdd = () => {
@@ -188,21 +218,24 @@ const handleAdd = () => {
   isVisited.value = true
 }
 const handleSubmit = (instance) => {
-  if (!instance) return
+  // if (!instance) return
-  instance.validate(async (valid) => {
+  // instance.validate(async (valid) => {
-    if (!valid) return
+  //   if (!valid) return
-    if (title.value === '编辑站点') {
+  //   if (title.value === '编辑站点') {
-      editSite(form.value).then(() => {
+  //     editSite(form.value).then(() => {
+  //       isVisited.value = false
+  //       getList()
+  //     });
+  //   } else {
+  //     addSite(form.value).then(() => {
         isVisited.value = false
-        getList()
+  //       getList()
-      });
+  //     });
-    } else {
+  //   }
-      addSite(form.value).then(() => {
+  // })
-        isVisited.value = false
+}
-        getList()
+const handleChooseAll=()=>{
-      });
+  console.log('全选')
-    }
-  })
 }
 const handleMoreDelete = () => {
   if (siteIds.value.length === 0) {
@@ -214,16 +247,16 @@ const handleMoreDelete = () => {
       type: 'warning',
       customClass: 'delBox'
     }).then(() => {
-      deleteSite(siteIds.value).then(res => {
+      // deleteSite(siteIds.value).then(res => {
-        if (res.code === 1000) {
+      //   if (res.code === 1000) {
-          ElMessage.success(res.msg)
+      //     ElMessage.success(res.msg)
-          getList()
+      //     getList()
-          siteIds.value = []
+      //     siteIds.value = []
-          siteNameList.value = []
+      //     siteNameList.value = []
-        } else {
+      //   } else {
-          ElMessage.error(res.msg)
+      //     ElMessage.error(res.msg)
-        }
+      //   }
-      })
+      // })
     })
   }
 }

src/views/tunnel-manage/index.vue

@@ -13,7 +13,7 @@
         <div class="all-btn">
           全选
         </div>
-        <div class="all-btn del-btn">
+        <div class="all-btn del-btn" @click="handleMoreDelete">
           删除
         </div>
       </div>
@@ -94,6 +94,8 @@
 </template>
 
 <script setup>
+import {ElMessage, ElMessageBox} from "element-plus";
+
 const router = useRouter()
 const showAddIcon = ref(true)
 const siteId = reactive(router.currentRoute.value.params.siteId)
@@ -235,8 +237,8 @@ const getImageUrl = (name) => {
 }
 const handleClickSite = (type) => {
   if (type.checked) {
-    // tunnelIds.value.push(type.siteId)
+    tunnelIds.value.push(type.siteId)
-    // tunnelNameList.value.push(type.siteName)
+    tunnelNameList.value.push(type.siteName)
   } else {
     // tunnelIds.value.map((item, index) => {
     //   if (item === type.siteId) {
@@ -250,6 +252,30 @@ const handleClickSite = (type) => {
     // })
   }
 }
+const handleMoreDelete = () => {
+  if (tunnelIds.value.length === 0) {
+    ElMessage.warning('请先选择隧道进行删除')
+  } else {
+    ElMessageBox.confirm(`是否确定删除该隧道`, '系统提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      customClass: 'delBox'
+    }).then(() => {
+      // deleteSite(tunnelIds.value).then(res => {
+      //   if (res.code === 1000) {
+      //     ElMessage.success(res.msg)
+      //     getList()
+      //     tunnelIds.value = []
+      //     tunnelNameList.value = []
+      //   } else {
+      //     ElMessage.error(res.msg)
+      //   }
+      // })
+    })
+  }
+}
+
 </script>
 
 <style scoped lang="scss">