邓洁 : 1

src/views/site/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="site-bgc">
     <div class="box-top">
-      <div class="back-tunnel">
+      <div class="back-tunnel" @click="router.push('/')">
         <div class="back-icon"></div>
         <span>返回</span>
       </div>
@@ -49,7 +49,7 @@
       </div>
       <div class="site-box add-box">
         <div class="add-icon"></div>
-        <div>添加站点</div>
+        <div style="cursor: pointer">添加站点</div>
       </div>
     </div>
     <el-dialog v-model="isVisited" width="958px">
@@ -57,13 +57,26 @@
         <span>站点id：iu78686</span>
         <span>站点管理员id：j98h0</span>
       </div>
+      <el-form :model="form">
+        <el-form-item label="站点地址">
+          <el-input v-model="form.address"/>
+        </el-form-item>
+        <el-form-item label="站点名称">
+          <el-input v-model="form.name"/>
+        </el-form-item>
+        <el-form-item label="站点	描述">
+          <el-input v-model="form.desc" type="textarea"/>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.remark"/>
+        </el-form-item>
+      </el-form>
     </el-dialog>
   </div>
 </template>
 
 <script setup>
-import {ref} from "vue";
+const router = useRouter()
-
 const siteList = ref([
   {
     siteName: '松江站',
@@ -75,25 +88,34 @@ const siteList = ref([
 ])
 const isClick = ref(false);
 const isVisited = ref(false);
+const form = ref({
+  address: '',
+  name: '',
+  desc: '',
+  remark: ''
+});
 const handleClickSite = () => {
   isClick.value = !isClick.value
 }
 </script>
 
 <style scoped lang="scss">
-.siteId{
+.siteId {
   font-size: 30px;
   color: #FFFFFF;
-  >span:first-child{
+
+  > span:first-child {
     margin-right: 70px;
   }
 }
+
 :deep(.el-dialog) {
   border: 2px solid #05FEFF;
   background: #0D6578;
   border-radius: 20px;
   padding: 50px 60px;
   box-sizing: border-box;
+
   .el-dialog__header {
     padding: 0;
     display: none;
@@ -111,6 +133,7 @@ const handleClickSite = () => {
     justify-content: space-between;
 
     .back-tunnel {
+      cursor: pointer;
       margin: 0 0 0 70px;
       display: flex;
       align-items: center;
@@ -135,6 +158,7 @@ const handleClickSite = () => {
       display: flex;
 
       .all-btn {
+        cursor: pointer;
         padding-left: 56px;
         width: 168px;
         height: 60px;
@@ -167,6 +191,7 @@ const handleClickSite = () => {
       align-items: center;
 
       .add-icon {
+        cursor: pointer;
         margin-top: 160px;
         margin-bottom: 107px;
         width: 320px;
@@ -283,6 +308,7 @@ const handleClickSite = () => {
               align-items: center;
 
               .add-icon {
+                cursor: pointer;
                 width: 112px;
                 height: 112px;
                 background-image: url('@/assets/images/site/zdgl_icon_tjz.png');
@@ -292,7 +318,7 @@ const handleClickSite = () => {
 
           .more {
             margin-top: 20px;
-
+            cursor: pointer;
             display: flex;
             align-items: center;
             position: absolute;