Skip to content

F
fk-spider-web
Commit e869180c by yzh
Options

feat:完成了数据展示的所有对话框

parent d6d735c4
Showing with 919 additions and 147 deletions
src/components/Export/index.vue 0 → 100644
<template>
<el-dialog v-model="exportDialogVisible" title="导出" width="250" center align-center @close="close" draggable>
<div class="text-center">
<span style="color: #fff;font-size: 15px;">确定导出吗？</span>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="handleExport">
确定
</el-button>
</div>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref, watch } from 'vue'
import { defineProps } from 'vue';
const props = defineProps({
dialogVisible: {
type: Boolean,
default: false
},
mode: {
type: String,
default: '1'
}
})
const emit = defineEmits(['update:dialogVisible', 'confirm'])
const exportDialogVisible = ref(props.dialogVisible)
// 导出方法
const handleExport = () => {
emit('confirm')
exportDialogVisible.value = false
}
// 关闭弹窗的方法
const close = () => {
exportDialogVisible.value = false
}
// 监听父组件传过来的值
watch(() => props.dialogVisible,
(newVal) => {
exportDialogVisible.value = newVal
}
)
// 监听组件内的值并向父组件更新
watch(() => exportDialogVisible.value,
(newVal) => {
emit('update:dialogVisible', newVal)
}
)
</script>
\ No newline at end of file
src/views/os-dataDisplay/components/allDataTab.vue
...@@ -39,12 +39,12 @@ ...@@ -39,12 +39,12 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出最近</el-button> <el-button type="primary" @click="handleExport">导出最近</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出选中</el-button> <el-button type="primary" @click="handleExport">导出选中</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -57,7 +57,6 @@ ...@@ -57,7 +57,6 @@
</div> </div>
<div class="m-t-5"> <div class="m-t-5">
</div> </div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :row-style="{ height: '45px' }" <el-table :data="tableData" style="width: 100%" border :row-style="{ height: '45px' }"
...@@ -88,29 +87,34 @@ ...@@ -88,29 +87,34 @@
</div> </div>
<div class="detailForm"> <div class="detailForm">
<el-dialog v-model="detailVisibleValue" title="详情" center width="765px" align-center @close="handleClose" draggable> <el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" draggable>
<el-form label-width="155px" size="small"> <template #header>
<div class="form-group"> <div class="text-center font-size-8">
详情
</div>
</template>
<el-form label-width="155px" size="small" class="px-4">
<div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="SNS Notice ID:"> <el-form-item label="SNS Notice ID:" label-position="left">
<el-input /> <el-input v-model="snsId" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="主管部门:"> <el-form-item label="主管部门:" label-position="left">
<el-input /> <el-input v-model="department" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="目标名称:"> <el-form-item label="目标名称:" label-position="left">
<el-input /> <el-input v-model="targetName" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="计划/非计划类型:"> <el-form-item label="计划/非计划类型:" label-position="left">
<el-select placeholder=" "> <el-select placeholder=" ">
<el-option label="计划" value="planned" /> <el-option label="计划" value="planned" />
<el-option label="非计划" value="unplanned" /> <el-option label="非计划" value="unplanned" />
...@@ -120,263 +124,331 @@ ...@@ -120,263 +124,331 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否为同步:"> <el-form-item label="是否为同步:" label-position="left">
<el-input /> <el-input v-model="syncType"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="同步位置:"> <el-form-item label="同步位置:" label-position="left">
<el-input /> <el-input v-model="syncPosition"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="近地点:"> <el-form-item label="近地点:" label-position="left">
<el-input /> <el-input v-model="perigee"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="远地点:"> <el-form-item label="远地点:" label-position="left">
<el-input /> <el-input v-model="apogee"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最低海拔:"> <el-form-item label="最低海拔:" label-position="left">
<el-input /> <el-input v-model="lowestAltitude"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="参考主体:"> <el-form-item label="参考主体:" label-position="left">
<el-input /> <el-input v-model="referenceSubject"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最低频率:"> <el-form-item label="最低频率:" label-position="left">
<el-input /> <el-input v-model="lowestFrequency"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最高频率:"> <el-form-item label="最高频率:" label-position="left">
<el-input /> <el-input v-model="highestFrequency"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="状态:"> <el-form-item label="状态:" label-position="left">
<el-input /> <el-input v-model="status"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="有效期:"> <el-form-item label="有效期:" label-position="left">
<el-input /> <el-input v-model="validityPeriod"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最早使用日期:"> <el-form-item label="最早使用日期:" label-position="left">
<el-input /> <el-input v-model="earliestUsageDate"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否确认使用:"> <el-form-item label="是否确认使用:" label-position="left">
<el-input /> <el-input v-model="isUsed"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否暂停使用:"> <el-form-item label="是否暂停使用:" label-position="left">
<el-input /> <el-input v-model="isPauseUsed"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="记录时间:"> <el-form-item label="记录时间:" label-position="left">
<el-input /> <el-input v-model="recordTime"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否纳入国际频率总表:"> <el-form-item label="是否纳入国际频率总表:" label-position="left">
<el-input /> <el-input v-model="IsInTheInternationalFrequencyList"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="最早监管日期:"> <el-form-item label="最早监管日期:" label-position="left">
<el-input /> <el-input v-model="earliestRegulatoryDate"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否恢复使用:"> <el-form-item label="是否恢复使用:" label-position="left">
<el-input /> <el-input v-model="isRestoreUsed"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="有效期卫星网络旧名称:"> <el-form-item label="有效期卫星网络旧名称:" label-position="left">
<el-input /> <el-input v-model="BFIFICdate"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="最新相关 BR IFIC 发布日期:"> <el-form-item label="最新相关 BR IFIC 发布日期:" label-position="left">
<el-input /> <el-input v-model="roundTripTime"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="往返光时(s):">
<el-input />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="距离(km):">
<el-input />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="目标方位:"> <el-form-item label="往返光时(s):" label-position="left">
<el-input /> <el-input v-model="distance"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="目标俯仰:"> <el-form-item label="距离(km):" label-position="left">
<el-input /> <el-input v-model="targetAzimuth"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="上行信号来源:"> <el-form-item label="目标方位:" label-position="left">
<el-input /> <el-input v-model="targetElevation"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="上行发射功率:"> <el-form-item label="目标俯仰:" label-position="left">
<el-input /> <el-input v-model="upstreamSignalSource"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="上行信号频段:"> <el-form-item label="上行信号来源:" label-position="left">
<el-input /> <el-input v-model="upstreamSignalSource"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="风速(km/kr):"> <el-form-item label="上行发射功率:" label-position="left">
<el-input /> <el-input v-model="upstreamLaunchPower"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="下行信号来源:"> <el-form-item label="上行信号频段:" label-position="left">
<el-input /> <el-input v-model="upstreamFrequencyBand"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="下行信号频段:"> <el-form-item label="风速(km/kr):" label-position="left">
<el-input /> <el-input v-model="windSpeed"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="下行接收功率:"> <el-form-item label="下行信号来源:" label-position="left">
<el-input /> <el-input v-model="downstreamSignalSource"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型:"> <el-form-item label="下行信号频段:" label-position="left">
<el-input /> <el-input v-model="downstreamFrequencyBand"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="INTLDES:"> <el-form-item label="下行接收功率:" label-position="left">
<el-input /> <el-input v-model="downstreamReceptionPower"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="失效时间:"> <el-form-item label="类型:" label-position="left">
<el-input /> <el-input v-model="type"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="周期(min):"> <el-form-item label="INTLDES:" label-position="left">
<el-input /> <el-input v-model="intldes"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="INCL:"> <el-form-item label="失效时间:" label-position="left">
<el-input /> <el-input v-model="expirationTime"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="RCS:"> <el-form-item label="周期(min):" label-position="left">
<el-input /> <el-input v-model="period"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="SITE:"> <el-form-item label="INCL:" label-position="left">
<el-input /> <el-input v-model="incl"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否恢复使用:"> <el-form-item label="RCS:" label-position="left">
<el-input /> <el-input v-model="rcs"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="有效期卫星网络旧名称:"> <el-form-item label="SITE:" label-position="left">
<el-input /> <el-input v-model="site"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="TLE:"> <el-form-item label="TLE:" label-position="left">
<el-input type="textarea" /> <el-input type="textarea" :rows="3" v-model="tle"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-form> </el-form>
</el-dialog> </el-dialog>
</div> </div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue' import Pagination from '@/components/pagination/index.vue'
import exportDialog from '@/components/Export/index.vue'
const timeValue = ref('') const timeValue = ref('')
const size = ref('综合数据')
const sizeOptions = ['综合数据', 'DSN数据', 'ITU数据', 'ST数据']
const detailVisibleValue = ref(false) const detailVisibleValue = ref(false)
const showDeleteDialog = ref(false)
// SNS Notice ID
const snsId = ref('')
// 主管部门
const department = ref('')
// 目标名称
const targetName = ref('')
// 计划类型
const planType = ref('')
// 是否为同步
const syncType = ref('')
// 同步位置
const syncPosition = ref('')
// 近地点
const perigee = ref('')
// 远地点
const apogee = ref('')
// 最低海拔
const lowestAltitude = ref('')
// 参考主体
const referenceSubject = ref('')
// 最低频率
const lowestFrequency = ref('')
// 最高频率
const highestFrequency = ref('')
// 状态
const status = ref('')
// 有效期
const validityPeriod = ref('')
// 最早使用日期
const earliestUsageDate = ref('')
// 是否确认使用
const isUsed = ref('')
// 是否暂停使用
const isPauseUsed = ref('')
// 记录时间
const recordTime = ref('')
// 是否在国际频率列表中
const IsInTheInternationalFrequencyList = ref('')
// 最早监管日期
const earliestRegulatoryDate = ref('')
// 是否恢复使用
const isRestoreUsed = ref('')
// 最新相关BF IFIC发布日期
const BFIFICdate = ref('')
// 往返光时
const roundTripTime = ref('')
// 距离
const distance = ref('')
// 目标方位
const targetAzimuth = ref('')
// 目标俯仰
const targetElevation = ref('')
// 上行信号来源
const upstreamSignalSource = ref('')
// 上行发射功率
const upstreamLaunchPower = ref('')
// 上行信号频段
const upstreamFrequencyBand = ref('')
// 风速
const windSpeed = ref('')
// 下行信号来源
const downstreamSignalSource = ref('')
// 下行信号频段
const downstreamFrequencyBand = ref('')
// 下行接收功率
const downstreamReceptionPower = ref('')
// 类型
const type = ref('')
// INTLDES
const intldes = ref('')
// 失效时间
const expirationTime = ref('')
// 周期
const period = ref('')
// INCL
const incl = ref('')
// RCS
const rcs = ref('')
// SITE
const site = ref('')
// TLE
const tle = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', name: '1',
...@@ -426,6 +498,14 @@ const getData = () => { ...@@ -426,6 +498,14 @@ const getData = () => {
const handleClose = () => { const handleClose = () => {
detailVisibleValue.value = false detailVisibleValue.value = false
} }
const handleExportConfirm = () => {
}
const handleExport = () => {
showDeleteDialog.value = true
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/views/os-dataDisplay/components/dsnData/dsnDataTab.vue
...@@ -27,12 +27,12 @@ ...@@ -27,12 +27,12 @@
<br></br> <br></br>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出最近</el-button> <el-button type="primary" @click="handleExport">导出最近</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出选中</el-button> <el-button type="primary" @click="handleExport">导出选中</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -81,14 +81,171 @@ ...@@ -81,14 +81,171 @@
</div> </div>
</div> </div>
<div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose"
draggable>
<template #header>
<div class="text-center font-size-8">
详情
</div>
</template>
<el-form label-width="94px" size="small" class="px-4">
<div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="目标名称:" label-position="left">
<el-input v-model="targetName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="距离(km):" label-position="left">
<el-input v-model="distance" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="往返光时:" label-position="left">
<el-input v-model="roundTripTime" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="站点名称:" label-position="left">
<el-input v-model="stationName" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="目标方位:" label-position="left">
<el-input v-model="targetAzimuth" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目标俯仰:" label-position="left">
<el-input v-model="targetElevation" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="目标距离:" label-position="left">
<el-input v-model="targetDistance" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="风速(km/hr):" label-position="left">
<el-input v-model="windSpeed" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="上行信号来源:" label-position="left">
<el-input v-model="upSignalSource" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上行信号频段:" label-position="left">
<el-input v-model="upSignalFrequencyBand" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="上行发射功率:" label-position="left">
<el-input v-model="upSignalLaunchPower" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="下行信号来源:" label-position="left">
<el-input v-model="downSignalSignalSource" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="下行信号频段:" label-position="left">
<el-input v-model="downSignalFrequencyBand" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="下行接收功率:" label-position="left">
<el-input v-model="downSignalReceptionPower" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="数据时间:" label-position="left">
<el-input v-model="dataTime" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="记录时间:" label-position="left">
<el-input v-model="recordTime" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否暂停使用:" label-position="left">
<el-input v-model="isSuspended" />
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</el-dialog>
</div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue' import Pagination from '@/components/pagination/index.vue'
import exportDialog from '@/components/Export/index.vue'
const showDeleteDialog = ref(false)
const timeValue = ref('') const timeValue = ref('')
const size = ref('DSN数据') const detailVisibleValue = ref(false)
const sizeOptions = ['DSN数据', '新闻'] // 目标名称
const targetName = ref('')
// 距离(km)
const distance = ref('')
// 往返光时
const roundTripTime = ref('')
// 站点名称
const stationName = ref('')
// 目标方位
const targetAzimuth = ref('')
// 目标俯仰
const targetElevation = ref('')
// 目标距离
const targetDistance = ref('')
// 风速(km/hr)
const windSpeed = ref('')
// 上行信号来源
const upSignalSource = ref('')
// 上行信号频段
const upSignalFrequencyBand = ref('')
// 上行发射功率
const upSignalLaunchPower = ref('')
// 下行信号来源
const downSignalSignalSource = ref('')
// 下行信号频段
const downSignalFrequencyBand = ref('')
// 下行接收功率
const downSignalReceptionPower = ref('')
// 数据时间
const dataTime = ref('')
// 记录时间
const recordTime = ref('')
// 是否暂停使用
const isSuspended = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', name: '1',
...@@ -129,18 +286,36 @@ const pageObj = ref({ ...@@ -129,18 +286,36 @@ const pageObj = ref({
}) })
const handleDetails = (row: any) => { const handleDetails = (row: any) => {
console.log(row); console.log(row);
} detailVisibleValue.value = true
const handleConfirm = (row: any) => {
console.log(row);
} }
const getData = () => { const getData = () => {
console.log('getData'); console.log('getData');
} }
const handleClose = () => {
detailVisibleValue.value = false
}
const handleExportConfirm = () => {
}
const handleExport = () => {
showDeleteDialog.value = true
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
// 调整表单项间距
.detailForm {
.el-dialog-title {
font-size: 180px;
}
.el-form-item {
margin-bottom: 30px !important;
}
}
/* 工具栏样式 */ /* 工具栏样式 */
.toolbarStyle { .toolbarStyle {
background-image: url("@/assets/picture/box3.png"); background-image: url("@/assets/picture/box3.png");
......
src/views/os-dataDisplay/components/dsnData/newsDataTab.vue
...@@ -20,12 +20,12 @@ ...@@ -20,12 +20,12 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出最近</el-button> <el-button type="primary" @click="handleExport">导出最近</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出选中</el-button> <el-button type="primary" @click="handleExport">导出选中</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -63,14 +63,76 @@ ...@@ -63,14 +63,76 @@
</div> </div>
</div> </div>
<div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose"
draggable>
<template #header>
<div class="text-center font-size-8">
详情
</div>
</template>
<el-form label-width="70px" size="small" class="px-4">
<div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="新闻标题:" label-position="left">
<el-input v-model="newsTitle" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="新闻来源:" label-position="left">
<el-input v-model="newsSource" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="新闻日期:" label-position="left">
<el-input v-model="newsDate" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="获取时间:" label-position="left">
<el-select placeholder=" ">
<el-input v-model="newsGetTime" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="新闻内容:" label-position="top">
<el-input type="textarea" :rows="12" v-model="newsContent" />
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</el-dialog>
</div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue' import Pagination from '@/components/pagination/index.vue'
import exportDialog from '@/components/Export/index.vue'
const showDeleteDialog = ref(false)
const timeValue = ref('') const timeValue = ref('')
const size = ref('DSN数据') const detailVisibleValue = ref(false)
const sizeOptions = ['DSN数据', '新闻'] // 新闻标题
const newsTitle = ref('')
// 新闻来源
const newsSource = ref('')
// 新闻日期
const newsDate = ref('')
// 获取时间
const newsGetTime = ref('')
// 新闻内容
const newsContent = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', name: '1',
...@@ -111,6 +173,7 @@ const pageObj = ref({ ...@@ -111,6 +173,7 @@ const pageObj = ref({
}) })
const handleDetails = (row: any) => { const handleDetails = (row: any) => {
console.log(row); console.log(row);
detailVisibleValue.value = true
} }
const handleConfirm = (row: any) => { const handleConfirm = (row: any) => {
...@@ -120,9 +183,29 @@ const handleConfirm = (row: any) => { ...@@ -120,9 +183,29 @@ const handleConfirm = (row: any) => {
const getData = () => { const getData = () => {
console.log('getData'); console.log('getData');
} }
const handleClose = () => {
detailVisibleValue.value = false
}
const handleExportConfirm = () => {
}
const handleExport = () => {
showDeleteDialog.value = true
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
// 调整表单项间距
.detailForm {
.el-dialog-title {
font-size: 180px;
}
.el-form-item {
margin-bottom: 30px !important;
}
}
/* 工具栏样式 */ /* 工具栏样式 */
.toolbarStyle { .toolbarStyle {
background-image: url("@/assets/picture/box3.png"); background-image: url("@/assets/picture/box3.png");
......
src/views/os-dataDisplay/components/ituDataTab.vue
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出最近</el-button> <el-button type="primary" @click="handleExport">导出最近</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出选中</el-button> <el-button type="primary" @click="handleExport">导出选中</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -88,14 +88,219 @@ ...@@ -88,14 +88,219 @@
</div> </div>
</div> </div>
<div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose"
draggable>
<template #header>
<div class="text-center font-size-8">
详情
</div>
</template>
<el-form label-width="135px" size="small" class="px-4">
<div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="SNS Notice ID:" label-position="left">
<el-input v-model="snsId" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主管部门:" label-position="left">
<el-input v-model="department" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="目标名称:" label-position="left">
<el-input v-model="targetName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划/非计划类型:" label-position="left">
<el-input v-model="planType" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否为同步:" label-position="left">
<el-input v-model="syncType" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="同步位置:" label-position="left">
<el-input v-model="syncPosition" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="近地点:" label-position="left">
<el-input v-model="perigee" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="远地点:" label-position="left">
<el-input v-model="apogee" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="最低海拔:" label-position="left">
<el-input v-model="lowestAltitude" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="参考主体:" label-position="left">
<el-input v-model="referenceSubject" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="最低频率:" label-position="left">
<el-input v-model="lowestFrequency" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最高频率:" label-position="left">
<el-input v-model="highestFrequency" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="状态:" label-position="left">
<el-input v-model="status" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="有效期:" label-position="left">
<el-input v-model="validityPeriod" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="最早使用日期:" label-position="left">
<el-input v-model="earliestUsageDate" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否确认使用:" label-position="left">
<el-input v-model="isUsed" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否暂停使用:" label-position="left">
<el-input v-model="isPauseUsed" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="记录时间:" label-position="left">
<el-input v-model="recordTime" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否纳入国际频率总表:" label-position="left">
<el-input v-model="IsInTheInternationalFrequencyList" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最早监管日期:" label-position="left">
<el-input v-model="earliestRegulatoryDate" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否恢复使用:" label-position="left">
<el-input v-model="isRestoreUsed" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="有效期卫星网络旧名称:" label-position="left">
<el-input v-model="validityPeriodSatelliteNetworkOldName" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="最新相关 BR IFIC 发布日期:" label-position="top">
<el-input v-model="BFIFICdate" />
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</el-dialog>
</div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue' import Pagination from '@/components/pagination/index.vue'
import exportDialog from '@/components/Export/index.vue'
const showDeleteDialog = ref(false)
const timeValue = ref('') const timeValue = ref('')
const size = ref('综合数据') const detailVisibleValue = ref(false)
const sizeOptions = ['综合数据', 'DSN数据', 'ITU数据', 'ST数据'] // SNS Notice ID
const snsId = ref('')
// 主管部门
const department = ref('')
// 目标名称
const targetName = ref('')
// 计划/非计划类型
const planType = ref('')
// 是否为同步
const syncType = ref('')
// 同步位置
const syncPosition = ref('')
// 近地点
const perigee = ref('')
// 远地点
const apogee = ref('')
// 最低海拔
const lowestAltitude = ref('')
// 参考主体
const referenceSubject = ref('')
// 最低频率
const lowestFrequency = ref('')
// 最高频率
const highestFrequency = ref('')
// 状态
const status = ref('')
// 有效期
const validityPeriod = ref('')
// 最早使用日期
const earliestUsageDate = ref('')
// 是否确认使用
const isUsed = ref('')
// 是否暂停使用
const isPauseUsed = ref('')
// 记录时间
const recordTime = ref('')
// 是否纳入国际频率总表
const IsInTheInternationalFrequencyList = ref('')
// 最早监管日期
const earliestRegulatoryDate = ref('')
// 是否恢复使用
const isRestoreUsed = ref('')
// 有效期卫星网络旧名称
const validityPeriodSatelliteNetworkOldName = ref('')
// 最新相关 BR IFIC 发布日期
const BFIFICdate = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', name: '1',
...@@ -135,25 +340,38 @@ const pageObj = ref({ ...@@ -135,25 +340,38 @@ const pageObj = ref({
}) })
const handleDetails = (row: any) => { const handleDetails = (row: any) => {
console.log(row); console.log(row);
detailVisibleValue.value = true
} }
const handleConfirm = (row: any) => {
console.log(row);
}
const getData = () => { const getData = () => {
console.log('getData'); console.log('getData');
} }
const handleClose = () => {
detailVisibleValue.value = false
}
const handleExportConfirm = () => {
}
const handleExport = () => {
showDeleteDialog.value = true
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
// 调整表单项间距
.detailForm {
.el-dialog-title {
font-size: 180px;
}
.el-form-item {
margin-bottom: 20px !important;
}
}
/* 工具栏样式 */ /* 工具栏样式 */
.toolbarStyle { .toolbarStyle {
background-image: url("@/assets/picture/box3.png"); background-image: url("@/assets/picture/box3.png");
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* 表格样式 */ /* 表格样式 */
.formStyle { .formStyle {
display: flex; display: flex;
...@@ -161,7 +379,6 @@ const getData = () => { ...@@ -161,7 +379,6 @@ const getData = () => {
padding: 3px; padding: 3px;
margin-top: 1%; margin-top: 1%;
} }
/* 文字样式 */ /* 文字样式 */
.el-text { .el-text {
color: #FFFFFF; color: #FFFFFF;
......
src/views/os-dataDisplay/components/stDataTab.vue
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出最近</el-button> <el-button type="primary" @click="handleExport">导出最近</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
<el-button type="primary">导出选中</el-button> <el-button type="primary" @click="handleExport">导出选中</el-button>
</el-space> </el-space>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -86,14 +86,155 @@ ...@@ -86,14 +86,155 @@
</div> </div>
</div> </div>
<div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose"
draggable>
<template #header>
<div class="text-center font-size-8">
详情
</div>
</template>
<el-form label-width="70px" size="small" class="px-4">
<div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="NoradCatID:" label-position="left">
<el-input v-model="NoradCatID" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目标名称:" label-position="left">
<el-input v-model="targetName" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="INTLDES:" label-position="left">
<el-input v-model="intleds" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类型:" label-position="left">
<el-input v-model="type" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="运行时间:" label-position="left">
<el-input v-model="workTime" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="失效时间:" label-position="left">
<el-input v-model="failTime" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="记录时间:" label-position="left">
<el-input v-model="recordTime" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属国家:" label-position="left">
<el-input v-model="belongCountry" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="近地点:" label-position="left">
<el-input v-model="perigee" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="远地点:" label-position="left">
<el-input v-model="apogee" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="周期(min):" label-position="left">
<el-input v-model="period" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="INCL:" label-position="left">
<el-input v-model="incl" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="RCS:" label-position="left">
<el-input v-model="rcs" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="SITE:" label-position="left">
<el-input v-model="site" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="TLE:" label-position="left">
<el-input type="textarea" :rows="3" v-model="tle" />
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</el-dialog>
</div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue' import Pagination from '@/components/pagination/index.vue'
import exportDialog from '@/components/Export/index.vue'
const showDeleteDialog = ref(false)
const timeValue = ref('') const timeValue = ref('')
const size = ref('综合数据') const detailVisibleValue = ref(false)
const sizeOptions = ['综合数据', 'DSN数据', 'ITU数据', 'ST数据'] // NoradCatID
const NoradCatID = ref('')
// 目标名称
const targetName = ref('')
// INTLDES
const intleds = ref('')
// 类型
const type = ref('')
// 运行时间
const workTime = ref('')
// 失效时间
const failTime = ref('')
// 记录时间
const recordTime = ref('')
// 所属国家
const belongCountry = ref('')
// 近地点
const perigee = ref('')
// 远地点
const apogee = ref('')
// 周期
const period = ref('')
// INCL
const incl = ref('')
// RCS
const rcs = ref('')
// SITE
const site = ref('')
// TLE
const tle = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', name: '1',
...@@ -134,18 +275,33 @@ const pageObj = ref({ ...@@ -134,18 +275,33 @@ const pageObj = ref({
}) })
const handleDetails = (row: any) => { const handleDetails = (row: any) => {
console.log(row); console.log(row);
detailVisibleValue.value = true
} }
const handleConfirm = (row: any) => {
console.log(row);
}
const getData = () => { const getData = () => {
console.log('getData'); console.log('getData');
} }
const handleClose = () => {
detailVisibleValue.value = false
}
const handleExportConfirm = () => {
}
const handleExport = () => {
showDeleteDialog.value = true
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
// 调整表单项间距
.detailForm {
.el-dialog-title {
font-size: 180px;
}
.el-form-item {
margin-bottom: 30px !important;
}
}
/* 工具栏样式 */ /* 工具栏样式 */
.toolbarStyle { .toolbarStyle {
background-image: url("@/assets/picture/box3.png"); background-image: url("@/assets/picture/box3.png");
......
src/views/os-dataDisplay/index.vue
...@@ -4,19 +4,17 @@ ...@@ -4,19 +4,17 @@
<el-segmented v-model="mode" :options="sizeOptions" style="margin-bottom: 1rem" size="large" /> <el-segmented v-model="mode" :options="sizeOptions" style="margin-bottom: 1rem" size="large" />
</div> </div>
</div> </div>
<!-- 综合数据页面组件 -->
<allDataTab v-if="mode === '综合数据'"> <allDataTab v-if="mode === '综合数据'">
</allDataTab> </allDataTab>
<!-- DSN数据页面组件 -->
<dsnDataTab v-if="mode === 'DSN数据'"> <dsnDataTab v-if="mode === 'DSN数据'">
</dsnDataTab> </dsnDataTab>
<!-- ITU数据页面组件 -->
<ituDataTab v-if="mode === 'ITU数据'"> <ituDataTab v-if="mode === 'ITU数据'">
</ituDataTab> </ituDataTab>
<!-- ST数据页面组件 -->
<stDataTab v-if="mode === 'ST数据'"> <stDataTab v-if="mode === 'ST数据'">
</stDataTab> </stDataTab>
......
src/views/os-system/index.vue
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<el-button type="primary" plain @click="handleDetails(scope.row)"> <el-button type="primary" plain @click="handleDetails(scope.row)">
编辑 编辑
</el-button> </el-button>
<el-button type="danger" plain @click="handleConfirm(scope.row)"> <el-button type="danger" plain @click="handleConfirm(scope.row)">
删除 删除
</el-button> </el-button>
</template> </template>
...@@ -33,7 +33,9 @@ ...@@ -33,7 +33,9 @@
<Pagination :total="pageObj.total" v-model:page="pageObj.pageNo" v-model:limit="pageObj.pageSize" <Pagination :total="pageObj.total" v-model:page="pageObj.pageNo" v-model:limit="pageObj.pageSize"
@pagination="getData" /> @pagination="getData" />
</div> </div>
<!-- 删除弹窗组件 -->
<deleteDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleDeleteConfirm" @mode="deleteMode" /> <deleteDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleDeleteConfirm" @mode="deleteMode" />
<!-- 创建用户弹窗组件 -->
<addUserDialog v-model:dialogVisible="dialogVisible" :mode="mode" :user-count="userCount" :user-name="userName" <addUserDialog v-model:dialogVisible="dialogVisible" :mode="mode" :user-count="userCount" :user-name="userName"
:user-remark="userRemark" :user-password="userPassword " @confirm="handleConfirm" /> :user-remark="userRemark" :user-password="userPassword " @confirm="handleConfirm" />
</template> </template>
...@@ -134,4 +136,9 @@ const openAddUserDialog = () => { ...@@ -134,4 +136,9 @@ const openAddUserDialog = () => {
color: #ffffff; color: #ffffff;
} }
} }
/* 修改el输入框的样式 */
.el-input__wrapper {
background-color: #1d5484;
box-shadow: none;
}
</style> </style>
src/views/os-taskInformation/components/addTaskDialog.vue
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref } from 'vue' import { ref } from 'vue'
import { defineProps } from 'vue'; import { defineProps } from 'vue';
import { watch } from 'vue' import { watch } from 'vue'
......
src/views/os-taskInformation/index.vue
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
@pagination="getData" /> @pagination="getData" />
</div> </div>
</div> </div>
<!-- 添加任务对话框组件 -->
<addTaskDialog v-model:dialogVisible="showDialog" @confirm="handleDeleteConfirm" :mode="editMode" /> <addTaskDialog v-model:dialogVisible="showDialog" @confirm="handleDeleteConfirm" :mode="editMode" />
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment