邓洁: 设备接口部分对接

src/views/user/index.vue

@@ -58,6 +58,9 @@
         <span>{{ title }}</span>
       </div>
       <el-form :model="form" :label-position="right" :rules="formRules" ref="formInstance" label-width="240px">
+        <el-form-item label="当前站点">
+          <div class="current-site">{{ currentSite }}<span>如果需要切换站点,请返回首屏切换</span></div>
+        </el-form-item>
         <el-form-item label="输入用户名称">
           <el-input v-model="form.userName" placeholder="请输入用户名称"/>
         </el-form-item>
@@ -124,6 +127,7 @@ import {addUser, editUser, getUser, getRoleOption} from "@/api/user";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelOption} from "@/api/tunnel";
 import {deleteUser, getUserDetail} from "../../api/user";
+import {getSiteDetail} from "@/api/site";
 
 const router = useRouter()
 const title = ref('添加用户')
@@ -131,6 +135,7 @@ const siteId = reactive(router.currentRoute.value.params.siteId)
 const tunnelIndex = ref()
 const username = ref()
 const userIds = ref()
+const currentSite = ref()
 const formInstance = ref()
 const userData = ref([])
 const pageInfo = reactive({
@@ -161,10 +166,14 @@ const getTunnel = () => {
     }
   })
 }
+
 const handleAddUser = () => {
   reset()
   title.value = '添加用户'
   isVisited.value = true
+  getSiteDetail(siteId).then((res) => {
+    currentSite.value = res.data.siteName
+  });
 }
 const handleEditUser = (row) => {
   reset()
@@ -270,6 +279,15 @@ const handleSelect = async (selection, row) => {
 </script>
 
 <style scoped lang="scss">
+.current-site{
+  font-size: 38px;color: #FFFFFF;
+  margin-top: 12px;
+  >span{
+    font-size: 30px!important;
+  color: darkgray!important;
+    margin-left: 20px;
+}
+}
 :deep(.el-table__header-wrapper  .el-checkbox) {
   display: none
 }