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