修改填表报数管理的样式

src/types/components.d.ts

@@ -24,14 +24,20 @@ declare module 'vue' {
     DistributionMap: typeof import('./../components/Map/YztMap/DistributionMap.vue')['default']
     DrawMap: typeof import('./../components/Map/YztMap/DrawMap.vue')['default']
     Editor: typeof import('./../components/Editor/index.vue')['default']
+    ElAnchor: typeof import('element-plus/es')['ElAnchor']
+    ElAnchorLink: typeof import('element-plus/es')['ElAnchorLink']
     ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
@@ -45,25 +51,30 @@ declare module 'vue' {
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElLink: typeof import('element-plus/es')['ElLink']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSlider: typeof import('element-plus/es')['ElSlider']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
     ElText: typeof import('element-plus/es')['ElText']
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     ExcelEditor: typeof import('./../components/ExcelEditor/index.vue')['default']
     FileUpload: typeof import('./../components/FileUpload/index.vue')['default']
@@ -75,6 +86,8 @@ declare module 'vue' {
     HikvisionPlayer: typeof import('./../components/HKVideo/hikvision-player.vue')['default']
     HKVideo: typeof import('./../components/HKVideo/index.vue')['default']
     IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
+    IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
+    IEpCaretTop: typeof import('~icons/ep/caret-top')['default']
     IFrame: typeof import('./../components/iFrame/index.vue')['default']
     ImagePreview: typeof import('./../components/ImagePreview/index.vue')['default']
     ImageUpload: typeof import('./../components/ImageUpload/index.vue')['default']

src/views/dataFilling/fileManagement.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-show=" !dossierDetailState.show" class="app-container">
+    <div v-show="!dossierDetailState.show" class="app-container">
       <div>
         <transition name="fade">
           <div v-show="showSearch">
@@ -26,9 +26,8 @@
           <el-table-column label="收取时间" align="center" prop="collection_time" />
           <el-table-column label="收取状态" align="center" prop="collection_status">
             <template #default="scope">
-              <div>
-                <span v-if="Number(scope.row.collection_status) === 0">待收取</span>
-                <span v-else>已收取</span>
+              <div :style="{ color: Number(scope.row.collection_status) === 0 ? '#FF2F3C' : '#40C75F' }">
+                {{ Number(scope.row.collection_status) === 0 ? '待收取' : '已收取' }}
               </div>
             </template>
           </el-table-column>
@@ -43,13 +42,18 @@
       </div>
     </div>
     <!--  <WriteForm v-if="writeFormState.show" :event-id="writeFormState.eventId" @close="handleCancel" />-->
-    <dossierDetail v-if="dossierDetailState.show" :event-id="dossierDetailState.eventId" :table-name="dossierDetailState.table_name" @close="handleCancel" />
+    <dossierDetail
+      v-if="dossierDetailState.show"
+      :event-id="dossierDetailState.eventId"
+      :table-name="dossierDetailState.table_name"
+      @close="handleCancel"
+    />
   </div>
 </template>
 <script setup lang="ts">
-import dossierDetail from "@/views/dataFilling/dossierDetail.vue";
-import {onMounted, reactive, ref} from "vue";
-import {collectList, fillList} from "@/api/dataFilling/fileManagement";
+import dossierDetail from '@/views/dataFilling/dossierDetail.vue';
+import { onMounted, reactive, ref } from 'vue';
+import { collectList, fillList } from '@/api/dataFilling/fileManagement';
 
 const loading = ref(true);
 const showSearch = ref(true);
@@ -112,15 +116,17 @@ const handleWrite = (row) => {
       creator_id: 3,
       new_status: 2
     };
-    collectList(data).then(response => {
-      if (response.code === 200) {
-        console.log(response.msg);
-      } else {
-        console.error('更新失败', response.msg);
-      }
-    }).catch(error => {
-      console.error('请求失败', error);
-    });
+    collectList(data)
+      .then((response) => {
+        if (response.code === 200) {
+          console.log(response.msg);
+        } else {
+          console.error('更新失败', response.msg);
+        }
+      })
+      .catch((error) => {
+        console.error('请求失败', error);
+      });
     fetchFillList();
   }
 };
@@ -135,7 +141,7 @@ const handleView = (row) => {
 let dossierDetailState = reactive({
   show: false,
   eventId: '',
-  table_name:''
+  table_name: ''
 });
 onMounted(() => {
   // debugger