Skip to content

F
fk-spider-web
Commit 93eafedc by yzh
Options

feat:修改所有页面的缩进。

parent 2573e0d4
Showing with 128 additions and 167 deletions
src/views/os-dataDisplay/components/dsnData/dsnDataTab.vue
...@@ -14,9 +14,8 @@ ...@@ -14,9 +14,8 @@
<el-text class="mx-1">获取时间:</el-text> <el-text class="mx-1">获取时间:</el-text>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" <el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始时间"
start-placeholder="开始时间" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" time-format="A hh:mm:ss" />
time-format="A hh:mm:ss" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-text class="mx-1">站点名称:</el-text> <el-text class="mx-1">站点名称:</el-text>
...@@ -44,9 +43,7 @@ ...@@ -44,9 +43,7 @@
</div> </div>
</div> </div>
<div class="m-t-5"> <div class="m-t-5" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :row-style="{ height: '41px' }" <el-table :data="tableData" style="width: 100%" border :row-style="{ height: '41px' }"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"> :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
...@@ -82,8 +79,7 @@ ...@@ -82,8 +79,7 @@
</div> </div>
<div class="detailForm"> <div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" <el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" draggable>
draggable>
<template #header> <template #header>
<div class="text-center font-size-8"> <div class="text-center font-size-8">
详情 详情
......
src/views/os-dataDisplay/components/dsnData/dsnTab.vue
...@@ -6,10 +6,8 @@ ...@@ -6,10 +6,8 @@
</div> </div>
<dsnDataTab v-if="mode === 'DSN数据'"> <dsnDataTab v-if="mode === 'DSN数据'">
</dsnDataTab> </dsnDataTab>
<newsDataTab v-if="mode === '新闻'"> <newsDataTab v-if="mode === '新闻'">
</newsDataTab> </newsDataTab>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
......
src/views/os-dataDisplay/components/dsnData/newsDataTab.vue
...@@ -14,9 +14,8 @@ ...@@ -14,9 +14,8 @@
<el-text class="mx-1">获取时间:</el-text> <el-text class="mx-1">获取时间:</el-text>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" <el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始时间"
start-placeholder="开始时间" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" time-format="A hh:mm:ss" />
time-format="A hh:mm:ss" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-space> <el-space>
...@@ -37,18 +36,16 @@ ...@@ -37,18 +36,16 @@
</div> </div>
</div> </div>
<div class="m-t-5"> <div class="m-t-5" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :row-style="{ height: '48px' }" <el-table :data="tableData" style="width: 100%" border :row-style="{ height: '48px' }"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"> :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
<el-table-column type="selection" width="40" /> <el-table-column type="selection" width="40" />
<el-table-column property="name" label="序号" width="55" /> <el-table-column property="number" label="序号" width="55" />
<el-table-column property="name" label="新闻标题" show-overflow-tooltip /> <el-table-column property="newsTitle" label="新闻标题" show-overflow-tooltip />
<el-table-column property="name" label="新闻来源" show-overflow-tooltip /> <el-table-column property="newsSource" label="新闻来源" show-overflow-tooltip />
<el-table-column property="name" label="新闻日期" show-overflow-tooltip /> <el-table-column property="newsDate" label="新闻日期" show-overflow-tooltip />
<el-table-column property="name" label="获取时间" show-overflow-tooltip /> <el-table-column property="newsGetTime" label="获取时间" show-overflow-tooltip />
<el-table-column label="操作" width="60"> <el-table-column label="操作" width="60">
<template #default="scope"> <template #default="scope">
<el-button type="primary" plain link @click="handleDetails(scope.row)"> <el-button type="primary" plain link @click="handleDetails(scope.row)">
...@@ -64,8 +61,7 @@ ...@@ -64,8 +61,7 @@
</div> </div>
<div class="detailForm"> <div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" <el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" draggable>
draggable>
<template #header> <template #header>
<div class="text-center font-size-8"> <div class="text-center font-size-8">
详情 详情
...@@ -135,8 +131,11 @@ const newsGetTime = ref('') ...@@ -135,8 +131,11 @@ const newsGetTime = ref('')
const newsContent = ref('') const newsContent = ref('')
const tableData = ref([ const tableData = ref([
{ {
name: '1', number: '1',
tle: 'CALSPHERE 1 1 00900U 64063C 25250.97134884 .00000721 00000+0 72980-3 0 99942 00900 90.2130 65.2545 0027289 68.6758 54.6817 13.76179512 32605' newsTitle: 'satellite task',
newsSource: 'nasa',
newsDate: '2025-09-01 12:00:00',
newsGetTime: '2025-09-01 12:00:00',
}, },
{ {
name: '1', name: '1',
...@@ -206,6 +205,7 @@ const handleExport = () => { ...@@ -206,6 +205,7 @@ const handleExport = () => {
margin-bottom: 30px !important; 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
...@@ -14,9 +14,8 @@ ...@@ -14,9 +14,8 @@
<el-text class="mx-1">获取时间:</el-text> <el-text class="mx-1">获取时间:</el-text>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" <el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始时间"
start-placeholder="开始时间" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" time-format="A hh:mm:ss" />
time-format="A hh:mm:ss" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-text class="mx-1">站点名称:</el-text> <el-text class="mx-1">站点名称:</el-text>
...@@ -50,9 +49,7 @@ ...@@ -50,9 +49,7 @@
</div> </div>
</div> </div>
<div class="m-t-5"> <div class="m-t-5" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :row-style="{ height: '42.5px' }" <el-table :data="tableData" style="width: 100%" border :row-style="{ height: '42.5px' }"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"> :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
...@@ -89,10 +86,8 @@ ...@@ -89,10 +86,8 @@
</div> </div>
</div> </div>
<div class="detailForm"> <div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" <el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" draggable>
draggable>
<template #header> <template #header>
<div class="text-center font-size-8"> <div class="text-center font-size-8">
详情 详情
...@@ -243,9 +238,7 @@ ...@@ -243,9 +238,7 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
</div> </div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" /> <exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
...@@ -306,22 +299,22 @@ const tableData = ref([ ...@@ -306,22 +299,22 @@ const tableData = ref([
{ {
number: '1', number: '1',
SNSNoticeID: '86550007', SNSNoticeID: '86550007',
department:'ARG', department: 'ARG',
targetName:'ARGOS', targetName: 'ARGOS',
planType:'计划', planType: '计划',
syncType:'否', syncType: '否',
syncPosition:'-', syncPosition: '-',
perigee:'2000', perigee: '2000',
apogee:'2500', apogee: '2500',
lowestAltitude:'165', lowestAltitude: '165',
referenceSubject:'地球', referenceSubject: '地球',
lowestFrequency:'None', lowestFrequency: 'None',
highestFrequency:'None', highestFrequency: 'None',
status:'None', status: 'None',
validityPeriod:'-', validityPeriod: '-',
earliestUsageDate:'None', earliestUsageDate: 'None',
isUsed:'No', isUsed: 'No',
isPauseUsed:'No', isPauseUsed: 'No',
}, },
{ {
name: '1', name: '1',
...@@ -380,16 +373,19 @@ const handleExport = () => { ...@@ -380,16 +373,19 @@ const handleExport = () => {
.el-dialog-title { .el-dialog-title {
font-size: 180px; font-size: 180px;
} }
.el-form-item { .el-form-item {
margin-bottom: 20px !important; 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;
...@@ -397,6 +393,7 @@ const handleExport = () => { ...@@ -397,6 +393,7 @@ const handleExport = () => {
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
...@@ -14,9 +14,8 @@ ...@@ -14,9 +14,8 @@
<el-text class="mx-1">获取时间:</el-text> <el-text class="mx-1">获取时间:</el-text>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" <el-date-picker v-model="timeValue" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始时间"
start-placeholder="开始时间" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" end-placeholder="结束时间" date-format="YYYY/MM/DD ddd" time-format="A hh:mm:ss" />
time-format="A hh:mm:ss" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-text class="mx-1">站点名称:</el-text> <el-text class="mx-1">站点名称:</el-text>
...@@ -50,9 +49,7 @@ ...@@ -50,9 +49,7 @@
</div> </div>
</div> </div>
<div class="m-t-5"> <div class="m-t-5" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :row-style="{ height: '42.5px' }" <el-table :data="tableData" style="width: 100%" border :row-style="{ height: '42.5px' }"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"> :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
...@@ -87,8 +84,7 @@ ...@@ -87,8 +84,7 @@
</div> </div>
<div class="detailForm"> <div class="detailForm">
<el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" <el-dialog v-model="detailVisibleValue" center width="765px" align-center @close="handleClose" draggable>
draggable>
<template #header> <template #header>
<div class="text-center font-size-8"> <div class="text-center font-size-8">
详情 详情
...@@ -191,9 +187,7 @@ ...@@ -191,9 +187,7 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
</div> </div>
<exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" /> <exportDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleExportConfirm" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
...@@ -315,6 +309,7 @@ const handleExport = () => { ...@@ -315,6 +309,7 @@ const handleExport = () => {
margin-bottom: 30px !important; 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
<template> <template>
<div> <div>
<div class="text-left p-4"> <div class="backStyle" v-if="route.query.jump === 'yes'" @click="goToStatus" />
<div class="text-left p-4 ">
<div class="custom-style"> <div class="custom-style">
<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="default" />
</div> </div>
</div> </div>
<!-- 综合数据页面组件 --> <!-- 综合数据页面组件 -->
...@@ -18,9 +19,6 @@ ...@@ -18,9 +19,6 @@
<stDataTab v-if="mode === 'ST数据'"> <stDataTab v-if="mode === 'ST数据'">
</stDataTab> </stDataTab>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
...@@ -36,17 +34,19 @@ const mode = ref('综合数据') ...@@ -36,17 +34,19 @@ const mode = ref('综合数据')
const sizeOptions = ['综合数据', 'DSN数据', 'ITU数据', 'ST数据'] const sizeOptions = ['综合数据', 'DSN数据', 'ITU数据', 'ST数据']
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const ooo = ref<any>('数据展示') const modeValue = ref<any>('数据展示')
const goToStatus = () => { const goToStatus = () => {
router.push({ router.push({
path: '/osStatus/list', path: '/osStatus/list',
}) })
} }
onMounted(()=>{ onMounted(() => {
console.log('数据展示'); console.log('数据展示');
console.log(route.query); console.log(route.query);
ooo.value = route.query.mode if (route.query.mode) {
mode.value = ooo.value modeValue.value = route.query.mode
mode.value = modeValue.value
}
}) })
</script> </script>
......
src/views/os-log/index.vue
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
<div> <div>
<div class="backStyle" @click="bactToRecord()"> <div class="backStyle" @click="bactToRecord()">
</div> </div>
<div class="m-t-4"> <div class="m-t-4" />
</div>
<div> <div>
<el-input v-model="textarea" style="width: 93%" :rows="33" type="textarea" placeholder=" " /> <el-input v-model="textarea" style="width: 93%" :rows="33" type="textarea" placeholder=" " />
</div> </div>
...@@ -27,7 +25,7 @@ const bactToRecord = () => { ...@@ -27,7 +25,7 @@ const bactToRecord = () => {
<style scoped> <style scoped>
.backStyle{ .backStyle {
background-image: url("@/assets/picture/back.png"); background-image: url("@/assets/picture/back.png");
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -36,13 +34,11 @@ const bactToRecord = () => { ...@@ -36,13 +34,11 @@ const bactToRecord = () => {
display: flex; display: flex;
margin-left: 0.8%; margin-left: 0.8%;
} }
</style> </style>
<style> <style>
.el-textarea__inner,.el-input__inner { .el-textarea__inner,
.el-input__inner {
background: transparent !important; background: transparent !important;
color: #FFFFFF; color: #FFFFFF;
} }
......
src/views/os-spiderManager/index.vue
<template> <template>
<div> <div>
<div class="mt-20"> <div class="mt-20" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }" <el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }" :row-style="{ height: '60px' }"> :cell-style="{ textAlign: 'center' }" :row-style="{ height: '60px' }">
<el-table-column type="selection" width="40" height="40" /> <el-table-column type="selection" width="40" height="40" />
<el-table-column property="name" label="序号" /> <el-table-column property="number" label="序号" />
<el-table-column property="address" label="爬虫名称" show-overflow-tooltip /> <el-table-column property="spiderName" label="爬虫名称" show-overflow-tooltip />
<el-table-column label="查看任务"> <el-table-column label="查看任务">
<template #default="scope"> <template #default="scope">
<el-button type="primary" plain @click="handleDetails(scope.row)"> <el-button type="primary" plain @click="handleDetails(scope.row)">
...@@ -32,8 +31,8 @@ import { useRouter } from 'vue-router' ...@@ -32,8 +31,8 @@ import { useRouter } from 'vue-router'
const router = useRouter() const router = useRouter()
const tableData = ref([ const tableData = ref([
{ {
name: '1', number: '1',
address: 'sk网', spiderName: 'sk网爬虫',
}, },
{ {
name: '2', name: '2',
...@@ -88,7 +87,7 @@ const getData = () => { ...@@ -88,7 +87,7 @@ const getData = () => {
console.log('getData'); console.log('getData');
} }
onMounted(()=>{ onMounted(() => {
console.log('爬虫管理'); console.log('爬虫管理');
}) })
</script> </script>
......
src/views/os-status/components/dataCard.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="flex gap-10"> <div class="flex gap-10">
<span class="textStyle">数据统计</span> <span class="textStyle">数据统计</span>
<div class="dataCard" @click="goToAllDataPage"> <div class="dataCard" @click="goToAllDataPage">
<div class="titleStyle" > <div class="titleStyle">
<span>数据统计</span> <span>数据统计</span>
</div> </div>
<div class="wordStyle"> <div class="wordStyle">
...@@ -90,7 +90,7 @@ const goToAllDataPage = () => { ...@@ -90,7 +90,7 @@ const goToAllDataPage = () => {
path: '/osDataDisplay/list', path: '/osDataDisplay/list',
query: { query: {
jump: 'yes', jump: 'yes',
mode:'综合数据' mode: '综合数据'
} }
}) })
} }
......
src/views/os-status/components/qbDataMonitor.vue
...@@ -5,32 +5,27 @@ ...@@ -5,32 +5,27 @@
<div class="titleStyle"> <div class="titleStyle">
<span>综合数据</span> <span>综合数据</span>
</div> </div>
<div class="iconStyle"> <div class="iconStyle" />
</div>
</div> </div>
<div class="dataCard" @click="goToDSNDataPage"> <div class="dataCard" @click="goToDSNDataPage">
<div class="titleStyle"> <div class="titleStyle">
<span>DSN数据</span> <span>DSN数据</span>
</div> </div>
<div class="iconStyle"> <div class="iconStyle" />
</div>
</div> </div>
<div class="dataCard" @click="goToITUDataPage"> <div class="dataCard" @click="goToITUDataPage">
<div class="titleStyle"> <div class="titleStyle">
<span>ITU数据</span> <span>ITU数据</span>
</div> </div>
<div class="iconStyle"> <div class="iconStyle" />
</div>
</div> </div>
<div class="dataCard" @click="goToSTDataPage"> <div class="dataCard" @click="goToSTDataPage">
<div class="titleStyle"> <div class="titleStyle">
<span>ST数据</span> <span>ST数据</span>
</div> </div>
<div class="iconStyle"> <div class="iconStyle" />
</div> </div>
</div> </div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -77,7 +72,7 @@ const goToAllDataPage = () => { ...@@ -77,7 +72,7 @@ const goToAllDataPage = () => {
path: '/osDataDisplay/list', path: '/osDataDisplay/list',
query: { query: {
mode: '综合数据', mode: '综合数据',
jump:'yes' jump: 'yes'
} }
}) })
} }
...@@ -86,7 +81,7 @@ const goToDSNDataPage = () => { ...@@ -86,7 +81,7 @@ const goToDSNDataPage = () => {
path: '/osDataDisplay/list', path: '/osDataDisplay/list',
query: { query: {
mode: 'DSN数据', mode: 'DSN数据',
jump:'yes' jump: 'yes'
} }
}) })
} }
...@@ -95,7 +90,7 @@ const goToITUDataPage = () => { ...@@ -95,7 +90,7 @@ const goToITUDataPage = () => {
path: '/osDataDisplay/list', path: '/osDataDisplay/list',
query: { query: {
mode: 'ITU数据', mode: 'ITU数据',
jump:'yes' jump: 'yes'
} }
}) })
} }
...@@ -104,7 +99,7 @@ const goToSTDataPage = () => { ...@@ -104,7 +99,7 @@ const goToSTDataPage = () => {
path: '/osDataDisplay/list', path: '/osDataDisplay/list',
query: { query: {
mode: 'ST数据', mode: 'ST数据',
jump:'yes' jump: 'yes'
} }
}) })
} }
...@@ -148,6 +143,7 @@ const goToSTDataPage = () => { ...@@ -148,6 +143,7 @@ const goToSTDataPage = () => {
color: #FFFFFF; color: #FFFFFF;
margin-top: 2%; margin-top: 2%;
} }
.textStyle { .textStyle {
writing-mode: vertical-lr; writing-mode: vertical-lr;
font-size: 26px; font-size: 26px;
......
src/views/os-status/components/statusMonitor.vue
<template> <template>
<div>
<div class="card-container"> <div class="card-container">
<div class="monitoringCard"> <div class="monitoringCard">
<!-- <div class="textStyle">
<span>数据统计</span>
</div> -->
<div class="data-card-wrapper"> <div class="data-card-wrapper">
<dataCard></dataCard> <dataCard></dataCard>
</div> </div>
...@@ -19,6 +17,8 @@ ...@@ -19,6 +17,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -38,7 +38,7 @@ defineProps({ ...@@ -38,7 +38,7 @@ defineProps({
} }
}) })
onMounted(()=>{ onMounted(() => {
console.log('状态监控'); console.log('状态监控');
}) })
</script> </script>
...@@ -66,6 +66,7 @@ onMounted(()=>{ ...@@ -66,6 +66,7 @@ onMounted(()=>{
padding: 10px; padding: 10px;
} }
.taskCard { .taskCard {
background-image: url("@/assets/picture/box1.png"); background-image: url("@/assets/picture/box1.png");
background-size: 100% 100%; background-size: 100% 100%;
...@@ -76,6 +77,7 @@ onMounted(()=>{ ...@@ -76,6 +77,7 @@ onMounted(()=>{
gap: 21.5px; gap: 21.5px;
padding: 10px; padding: 10px;
} }
.qbCard { .qbCard {
background-image: url("@/assets/picture/box1.png"); background-image: url("@/assets/picture/box1.png");
background-size: 100% 100%; background-size: 100% 100%;
...@@ -98,9 +100,9 @@ onMounted(()=>{ ...@@ -98,9 +100,9 @@ onMounted(()=>{
.data-card-wrapper { .data-card-wrapper {
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: center; /* 水平居中 */ justify-content: center;
/* 水平居中 */
// gap: 20px; // gap: 20px;
} }
</style> </style>
\ No newline at end of file
\ No newline at end of file
src/views/os-status/components/taskCard.vue
...@@ -53,7 +53,6 @@ ...@@ -53,7 +53,6 @@
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -99,7 +98,7 @@ const goToDSNTaskRecordPage = () => { ...@@ -99,7 +98,7 @@ const goToDSNTaskRecordPage = () => {
path: '/osTaskRecord/list', path: '/osTaskRecord/list',
query: { query: {
mode: 'dsn', mode: 'dsn',
jump:'yes' jump: 'yes'
} }
}) })
} }
...@@ -108,7 +107,7 @@ const goToITUTaskRecordPage = () => { ...@@ -108,7 +107,7 @@ const goToITUTaskRecordPage = () => {
path: '/osTaskRecord/list', path: '/osTaskRecord/list',
query: { query: {
mode: 'itu', mode: 'itu',
jump:'yes' jump: 'yes'
} }
}) })
...@@ -118,7 +117,7 @@ const goToSTTaskRecordPage = () => { ...@@ -118,7 +117,7 @@ const goToSTTaskRecordPage = () => {
path: '/osTaskRecord/list', path: '/osTaskRecord/list',
query: { query: {
mode: 'st', mode: 'st',
jump:'yes' jump: 'yes'
} }
}) })
......
src/views/os-status/components/taskMonitoringBox.vue
...@@ -11,7 +11,6 @@ ...@@ -11,7 +11,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import taskMonitoringCard from './taskCard.vue' import taskMonitoringCard from './taskCard.vue'
defineProps({ defineProps({
...@@ -45,6 +44,4 @@ defineProps({ ...@@ -45,6 +44,4 @@ defineProps({
text-align: center; text-align: center;
} }
} }
</style> </style>
src/views/os-status/index.vue
...@@ -11,20 +11,7 @@ ...@@ -11,20 +11,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue';
import statusMonitor from './components/statusMonitor.vue' import statusMonitor from './components/statusMonitor.vue'
const loading = ref(false);
const statusList = ref([]);
const title = ref(' ');
const timeValue = ref();
onMounted(() => {
});
const changeTime = () => {
console.log(timeValue.value);
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/os-system/components/addUserDialog.vue
<template> <template>
<el-dialog v-model="currentVisible" :title="currentMode === '1' ? '新增用户' : '编辑用户'" width="610" center align-center @close="handleClose" draggable> <el-dialog v-model="currentVisible" :title="currentMode === '1' ? '新增用户' : '编辑用户'" width="610" center align-center
@close="handleClose" draggable>
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="用户账号:"> <el-form-item label="用户账号:">
<el-input v-model="taskName" /> <el-input v-model="taskName" />
...@@ -8,8 +9,7 @@ ...@@ -8,8 +9,7 @@
<el-input v-model="taskFrequency" /> <el-input v-model="taskFrequency" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="m-t-4"> <div class="m-t-4" />
</div>
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="用户备注:"> <el-form-item label="用户备注:">
<el-input v-model="taskName" /> <el-input v-model="taskName" />
...@@ -29,9 +29,6 @@ ...@@ -29,9 +29,6 @@
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -117,6 +114,7 @@ watch(() => props.mode, ...@@ -117,6 +114,7 @@ watch(() => props.mode,
color: #ffffff; color: #ffffff;
} }
} }
/* 修改表单样式 */ /* 修改表单样式 */
.el-form { .el-form {
.el-form-item__label { .el-form-item__label {
......
src/views/os-system/index.vue
...@@ -13,12 +13,12 @@ ...@@ -13,12 +13,12 @@
<el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }" <el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }" :row-style="{ height: '58px' }"> :cell-style="{ textAlign: 'center' }" :row-style="{ height: '58px' }">
<el-table-column type="selection" width="40" /> <el-table-column type="selection" width="40" />
<el-table-column property="name" label="序号" width="55" /> <el-table-column property="number" label="序号" width="55" />
<el-table-column property="name" label="用户名" show-overflow-tooltip /> <el-table-column property="userCount" label="用户账号" show-overflow-tooltip />
<el-table-column property="name" label="用户名称" show-overflow-tooltip /> <el-table-column property="userName" label="用户名称" show-overflow-tooltip />
<el-table-column property="name" label="备注" show-overflow-tooltip /> <el-table-column property="userRemark" label="备注" show-overflow-tooltip />
<el-table-column property="name" label="用户密码" show-overflow-tooltip /> <el-table-column property="userPassword" label="用户密码" show-overflow-tooltip />
<el-table-column property="name" label="创建时间" width="280" show-overflow-tooltip /> <el-table-column property="createTime" label="创建时间" width="280" show-overflow-tooltip />
<el-table-column label="操作" width="220"> <el-table-column label="操作" width="220">
<template #default="scope"> <template #default="scope">
<el-button type="primary" plain @click="handleDetails(scope.row)"> <el-button type="primary" plain @click="handleDetails(scope.row)">
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<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" />
</div> </div>
</template> </template>
...@@ -58,7 +58,12 @@ const dialogVisible = ref(false) ...@@ -58,7 +58,12 @@ const dialogVisible = ref(false)
const mode = ref('1') const mode = ref('1')
const tableData = ref([ const tableData = ref([
{ {
name: '1', number: '1',
userCount: 'admin',
userName: '管理员',
userRemark: '-',
userPassword: '123456',
createTime: '2025-01-01 00:00:00',
}, },
{ {
name: '1', name: '1',
...@@ -119,7 +124,7 @@ const openAddUserDialog = () => { ...@@ -119,7 +124,7 @@ const openAddUserDialog = () => {
dialogVisible.value = true dialogVisible.value = true
} }
onMounted(()=>{ onMounted(() => {
console.log('系统管理'); console.log('系统管理');
}) })
</script> </script>
...@@ -142,6 +147,7 @@ onMounted(()=>{ ...@@ -142,6 +147,7 @@ onMounted(()=>{
color: #ffffff; color: #ffffff;
} }
} }
/* 修改el输入框的样式 */ /* 修改el输入框的样式 */
.el-input__wrapper { .el-input__wrapper {
background-color: #1d5484; background-color: #1d5484;
......
src/views/os-taskInformation/components/addTaskDialog.vue
<template> <template>
<el-dialog v-model="currentVisible" :title="currentMode === '1' ? '新增' : '修改'" width="610" center align-center @close="handleClose" draggable> <el-dialog v-model="currentVisible" :title="currentMode === '1' ? '新增' : '修改'" width="610" center align-center
@close="handleClose" draggable>
<el-form :inline="true" v-if="currentMode === '1'"> <el-form :inline="true" v-if="currentMode === '1'">
<el-form-item label="任务名称:"> <el-form-item label="任务名称:">
<el-input v-model="taskName" placeholder="请输入任务名称" /> <el-input v-model="taskName" placeholder="请输入任务名称" />
...@@ -8,8 +9,7 @@ ...@@ -8,8 +9,7 @@
<el-input v-model="taskFrequency" placeholder="请输入执行时间" /> <el-input v-model="taskFrequency" placeholder="请输入执行时间" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="m-t-4"> <div class="m-t-4" />
</div>
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="所属爬虫:"> <el-form-item label="所属爬虫:">
<el-select v-model="spiderTypeValue" placeholder="请选择爬虫类型" style="width: 183px"> <el-select v-model="spiderTypeValue" placeholder="请选择爬虫类型" style="width: 183px">
...@@ -20,15 +20,13 @@ ...@@ -20,15 +20,13 @@
<el-input v-model="taskFrequency" placeholder="请输入执行频率" /> <el-input v-model="taskFrequency" placeholder="请输入执行频率" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="m-t-4"> <div class="m-t-4" />
</div>
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="启用/停止:"> <el-form-item label="启用/停止:">
<el-switch v-model="taskSwitchValue" class="ml-2" <el-switch v-model="taskSwitchValue" class="ml-2"
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" /> style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button @click="handleClose">取消</el-button> <el-button @click="handleClose">取消</el-button>
...@@ -136,6 +134,7 @@ watch(() => props.mode, ...@@ -136,6 +134,7 @@ watch(() => props.mode,
color: #ffffff; color: #ffffff;
} }
} }
/* 修改表单样式 */ /* 修改表单样式 */
.el-form { .el-form {
.el-form-item__label { .el-form-item__label {
......
src/views/os-taskInformation/components/taskCard.vue
...@@ -40,8 +40,7 @@ ...@@ -40,8 +40,7 @@
</div> </div>
</div> </div>
<deleteDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleDeleteConfirm" @mode="deleteMode"/> <deleteDialog v-model:dialogVisible="showDeleteDialog" @confirm="handleDeleteConfirm" @mode="deleteMode" />
<addTaskDialog v-model:dialogVisible="showTaskDialog" @confirm="handleEdit" :mode="editMode" /> <addTaskDialog v-model:dialogVisible="showTaskDialog" @confirm="handleEdit" :mode="editMode" />
</template> </template>
...@@ -141,6 +140,7 @@ const handleDeleteConfirm = () => { ...@@ -141,6 +140,7 @@ const handleDeleteConfirm = () => {
} }
} }
// 去除按钮边框 // 去除按钮边框
.el-button:focus { .el-button:focus {
outline: none; outline: none;
......
src/views/os-taskInformation/index.vue
<template> <template>
<div> <div>
<div class="m-t-7"> <div class="m-t-7" />
</div>
<div class="text-left p-6 toolbarStyle"> <div class="text-left p-6 toolbarStyle">
<div class="formStyle"> <div class="formStyle">
<el-form inline> <el-form inline>
...@@ -11,8 +10,7 @@ ...@@ -11,8 +10,7 @@
<el-form-item> <el-form-item>
<div> <div>
<el-select v-model="taskValue" placeholder="请选择" style="width: 220px"> <el-select v-model="taskValue" placeholder="请选择" style="width: 220px">
<el-option v-for="item in taskOptions" :key="item.value" :label="item.label" <el-option v-for="item in taskOptions" :key="item.value" :label="item.label" :value="item.value" />
:value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
...@@ -91,7 +89,7 @@ const openTaskDialog = () => { ...@@ -91,7 +89,7 @@ const openTaskDialog = () => {
showDialog.value = true showDialog.value = true
} }
onMounted(()=>{ onMounted(() => {
console.log('任务信息'); console.log('任务信息');
}) })
</script> </script>
...@@ -106,16 +104,19 @@ onMounted(()=>{ ...@@ -106,16 +104,19 @@ onMounted(()=>{
padding: 8px; padding: 8px;
height: 26vh; height: 26vh;
} }
/* 文本样式 */ /* 文本样式 */
.el-text { .el-text {
color: #FFFFFF; color: #FFFFFF;
} }
/* 工具栏样式 */ /* 工具栏样式 */
.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;
...@@ -157,6 +158,7 @@ onMounted(()=>{ ...@@ -157,6 +158,7 @@ onMounted(()=>{
.el-select-dropdown__item:hover { .el-select-dropdown__item:hover {
color: #409eff; color: #409eff;
} }
/* 去除按钮边框 */ /* 去除按钮边框 */
.el-button:focus { .el-button:focus {
outline: none; outline: none;
......
src/views/os-taskRecord/index.vue
<template> <template>
<div> <div>
<div class="backStyle" v-if="route.query.jump === 'yes'" @click="goToStatus">
</div>
<div class="m-t-7" /> <div class="m-t-7" />
<div class="text-left p-6 toolbarStyle"> <div class="text-left p-6 toolbarStyle">
<div class="formStyle"> <div class="formStyle">
...@@ -10,8 +12,7 @@ ...@@ -10,8 +12,7 @@
<el-form-item> <el-form-item>
<div> <div>
<el-select v-model="taskValue" placeholder="请选择" style="width: 220px"> <el-select v-model="taskValue" placeholder="请选择" style="width: 220px">
<el-option v-for="item in taskOptions" :key="item.value" :label="item.label" <el-option v-for="item in taskOptions" :key="item.value" :label="item.label" :value="item.value" />
:value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
...@@ -29,8 +30,7 @@ ...@@ -29,8 +30,7 @@
<el-form-item> <el-form-item>
<div> <div>
<el-select v-model="taskValue" placeholder="请选择" style="width: 220px"> <el-select v-model="taskValue" placeholder="请选择" style="width: 220px">
<el-option v-for="item in taskOptions" :key="item.value" :label="item.label" <el-option v-for="item in taskOptions" :key="item.value" :label="item.label" :value="item.value" />
:value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
...@@ -42,9 +42,7 @@ ...@@ -42,9 +42,7 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="m-t-10"> <div class="m-t-10" />
</div>
<div> <div>
<el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }" <el-table :data="tableData" style="width: 100%" border :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }"> :cell-style="{ textAlign: 'center' }">
...@@ -66,15 +64,11 @@ ...@@ -66,15 +64,11 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pagination w-full flex flex-row-reverse pr-4 m-t-4"> <div class="pagination w-full flex flex-row-reverse pr-4 m-t-4">
<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>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
......
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