zqq:路由配置

This commit is contained in:
qqGroup0 2023-03-30 17:49:51 +08:00
parent 24db25b30a
commit 3f92797912
3 changed files with 26 additions and 23 deletions

View File

@ -46,7 +46,7 @@ export const dynamicRoutes = [
{ {
path: '/responseManagement', path: '/responseManagement',
name: 'responseManagement', name: 'responseManagement',
component: () => import('/@/views/responseManagement/responseManagement.vue'), component: () => import('/@/views/responseManagement/index.vue'),
redirect: '/responseManagement/userResponse', redirect: '/responseManagement/userResponse',
meta: { meta: {
title: 'Response management', title: 'Response management',

View File

@ -12,9 +12,9 @@ export const useThemeConfig = defineStore('themeConfig', {
state: () => ({ state: () => ({
website: { website: {
// 开启验证码模式 // 开启验证码模式
captchaMode: false, captchaMode: true,
tokenTime: 3000, tokenTime: 3000,
tenantId: '595035' tenantId: '595035',
}, },
themeConfig: { themeConfig: {
// 是否开启布局配置抽屉 // 是否开启布局配置抽屉

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<div class="rsSelect"> <div class="rsSelect">
<el-tabs v-model="activeName" <el-tabs v-model="state.activeName"
@tab-click="handleClick"> @tab-click="handleClick">
<el-tab-pane label="Search condition" <el-tab-pane label="Search condition"
name="first"> name="first">
@ -11,7 +11,7 @@
<div class="block"> <div class="block">
<span class="demonstration">Start time</span> <span class="demonstration">Start time</span>
<el-date-picker style="width: 70%;" <el-date-picker style="width: 70%;"
v-model="startTime" v-model="state.startTime"
type="datetime" type="datetime"
placeholder="Select start time" placeholder="Select start time"
:shortcuts="shortcuts" /> :shortcuts="shortcuts" />
@ -20,7 +20,7 @@
<div class="block"> <div class="block">
<span class="demonstration">End time</span> <span class="demonstration">End time</span>
<el-date-picker style="width: 70%;" <el-date-picker style="width: 70%;"
v-model="endTime" v-model="state.endTime"
type="datetime" type="datetime"
placeholder="Select end time" placeholder="Select end time"
:shortcuts="shortcuts" /> :shortcuts="shortcuts" />
@ -34,7 +34,7 @@
view-class="view-box" view-class="view-box"
:native="false"> :native="false">
<div class="coordinateContainer" <div class="coordinateContainer"
v-for="(coordinate, i) in coordinateList">{{ v-for="(coordinate, i) in state.coordinateList">{{
// coordinate // coordinate
'Lat:' + coordinate.lat.toFixed("3") + ',&nbsp;&nbsp;&nbsp;&nbsp;Lng:' + coordinate.lng.toFixed("3") 'Lat:' + coordinate.lat.toFixed("3") + ',&nbsp;&nbsp;&nbsp;&nbsp;Lng:' + coordinate.lng.toFixed("3")
}} }}
@ -56,7 +56,7 @@
view-class="view-box" view-class="view-box"
:native="false"> :native="false">
<el-tree-select class="satelliteSelect" <el-tree-select class="satelliteSelect"
v-model="satelliteSelected" v-model="state.satelliteSelected"
:data="sensor" :data="sensor"
multiple multiple
:render-after-expand="false" :render-after-expand="false"
@ -79,14 +79,17 @@
import { ref, reactive } from 'vue'; import { ref, reactive } from 'vue';
import Map from "/@/components/Map.vue"; import Map from "/@/components/Map.vue";
const activeName = ref('first')
const startTime = ref('') const state = reactive({
const endTime = ref('') activeName: 'first',
const addCoord = ref(false) startTime: '',
const satelliteSelected = ref([]) endTime: '',
addCoord: false,
satelliteSelected: [],
coordinateList: [],
})
const coordinateList = ref([])
const sensor = ref([ const sensor = ref([
{ {
value: 'landsat', value: 'landsat',
@ -233,8 +236,8 @@ const shortcuts = [
// //
const addCoordinate = () => { const addCoordinate = () => {
addCoord = !addCoord; state.addCoord = !state.addCoord;
coordinateList = [ state.coordinateList = [
// '43.538', '111.530', '36.195', '120.761' // '43.538', '111.530', '36.195', '120.761'
{ {
Lat: '43.538' Lat: '43.538'
@ -249,16 +252,16 @@ const addCoordinate = () => {
} }
// //
const clearCoordinate = () => { const clearCoordinate = () => {
coordinateList = []; state.coordinateList = [];
startTime = ''; state.startTime = '';
endTime = ''; state.endTime = '';
} }
const startCrawl = () => { const startCrawl = () => {
console.log("start time:", startTime.value) console.log("start time:", state.startTime)
console.log("end time:", endTime.value) console.log("end time:", state.endTime)
console.log("addCoord:", addCoord.value) console.log("addCoord:", state.addCoord)
console.log("satelliteSelected:", satelliteSelected.value) console.log("satelliteSelected:", state.satelliteSelected)
} }
</script> </script>