信息发布详情的发布明细添加重置功能

src/types/components.d.ts

@@ -28,7 +28,6 @@ declare module 'vue' {
     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']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
@@ -45,7 +44,6 @@ declare module 'vue' {
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
-    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
@@ -57,7 +55,6 @@ declare module 'vue' {
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSegmented: typeof import('element-plus/es')['ElSegmented']
     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']
@@ -79,8 +76,6 @@ 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/informationissue/informationList.vue

@@ -6,8 +6,14 @@
           <el-form ref="queryFormRef" :model="queryParams" label-width="auto">
             <el-row :gutter="20">
               <el-col :span="8">
-                <div style="margin-bottom:10px;">
-                  <el-segmented v-model="queryParams.dispose_status" :options="disposeStatusOptions" size="large" block @change="handleDisposeStatus" />
+                <div style="margin-bottom: 10px">
+                  <el-segmented
+                    v-model="queryParams.dispose_status"
+                    :options="disposeStatusOptions"
+                    size="large"
+                    block
+                    @change="handleDisposeStatus"
+                  />
                 </div>
               </el-col>
             </el-row>
@@ -47,7 +53,7 @@
           </template>
         </el-table-column>
         <el-table-column label="发布单位" align="center" prop="publish_group" />
-        <el-table-column label="信息内容" align="left" prop="content"  width="400"/>
+        <el-table-column label="信息内容" align="left" prop="content" width="400" />
         <el-table-column label="发布时间" align="center" prop="publish_time" />
         <el-table-column label="发布渠道" align="center" prop="publish_channel" />
         <el-table-column label="发布申请人" align="center" prop="nick_name" />

src/views/informationissue/sendDetail.vue

@@ -6,21 +6,21 @@
           <div v-show="showSearch">
             <el-form ref="queryFormRef" :model="queryParams" label-width="100px">
               <el-row :gutter="20">
-                <el-col :span="5">
+                <el-col :span="4">
                   <el-form-item label="渠道：">
                     <el-select v-model="queryParams.channel" placeholder="全部">
                       <el-option v-for="(option, index) in channelOptions" :key="index" :label="option.label" :value="option.value"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
-                <el-col :span="5">
+                <el-col :span="4">
                   <el-form-item label="发布状态：">
                     <el-select v-model="queryParams.publishStatus" placeholder="请选择">
                       <el-option v-for="(option, index) in publishStatusOptions" :key="index" :label="option.label" :value="option.value"></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
-                <el-col :span="5">
+                <el-col :span="4">
                   <el-form-item label="反馈状态：">
                     <el-select v-model="queryParams.feedbackStatus" placeholder="请选择">
                       <el-option
@@ -37,9 +37,10 @@
                     <el-input v-model="queryParams.searchInput" placeholder="请输入内容"></el-input>
                   </el-form-item>
                 </el-col>
-                <el-col :span="4">
+                <el-col :span="5">
                   <el-form-item>
                     <el-button type="primary" @click="handleSearch">搜索</el-button>
+                    <el-button icon="Refresh" @click="resetSearch">重置</el-button>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -114,7 +115,6 @@ const data = reactive({
   queryParams: {
     page: 1,
     page_size: 10,
-    info_id: '',
     channel: '',
     publishStatus: '',
     feedbackStatus: '',
@@ -142,6 +142,12 @@ const fetchTableData = () => {
 
 // 处理搜索
 const handleSearch = () => {
+  queryParams.value.page = 1;
+  fetchTableData();
+};
+const resetSearch = () => {
+  const newQueryParams = { page: 1, page_size: 10, channel: '', publishStatus: '', feedbackStatus: '', searchInput: '' };
+  Object.assign(queryParams.value, newQueryParams);
   fetchTableData();
 };
 // 选择改变时触发