优化驾驶舱

src/views/cockpit/TerminalLog.vue

@@ -1,26 +1,12 @@
 <template>
-    <div >
+    <div>
         <!--终端运维日志 -->
-        <TableHeader datePicker showExport style="display: none">
-            <template v-slot:select>
-                <el-form-item label="日志类型">
-                    <el-select v-model="tableStore.table.params.type" clearable placeholder="请选择日志类型">
-                        <el-option v-for="item in fontdveoption" :key="item.id" :label="item.name" :value="item.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="筛选数据">
-                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable />
-                </el-form-item>
-            </template>
-            <template #operation>
-                <el-button type="primary" icon="el-icon-Sort" @click="changePush">台账变更推送</el-button>
-            </template>
-        </TableHeader>
+
         <Table ref="tableRef"></Table>
     </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, provide, reactive, nextTick } from 'vue'
+import { ref, onMounted, provide, reactive, watch } from 'vue'
 
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
@@ -28,9 +14,11 @@ import TableHeader from '@/components/table/header/index.vue'
 import { useDictData } from '@/stores/dictData'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ledgerChangePush } from '@/api/device-boot/terminalTree'
+import { getTimeOfTheMonth } from '@/utils/formatTime'
 const prop = defineProps({
     width: { type: String },
-    height: { type: String }
+    height: { type: String },
+    timeKey: { type: String }
 })
 const dictData = useDictData()
 const fontdveoption = dictData.getBasicData('Dev_Ops')
@@ -71,25 +59,14 @@ const tableStore = new TableStore({
         { title: '描述', field: 'terminalDescribe' }
     ],
     beforeSearchFun: () => {
-        
+        tableStore.table.params.searchBeginTime = getTimeOfTheMonth(prop.timeKey)[0]
+        tableStore.table.params.searchEndTime = getTimeOfTheMonth(prop.timeKey)[1]
     },
-    loadCallback: () => { 
+    loadCallback: () => {
         tableStore.table.height = `calc(${prop.height} - 80px)`
     }
 })
-// 变更推送
-const changePush = () => {
-    ElMessageBox.confirm('当前操作会把存在变动的装置测点推送至前置，是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-    }).then(() => {
-        ledgerChangePush().then(res => {
-            // ElMessage.success(res.message)
-            tableStore.index()
-        })
-    })
-}
+
 const tableRef = ref()
 provide('tableRef', tableRef)
 tableStore.table.params.type = ''
@@ -99,6 +76,13 @@ provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
 })
+watch(
+    () => prop.timeKey,
+    val => {
+        tableStore.index()
+        console.log(123)
+    }
+)
 
 const addMenu = () => {}
 </script>