| 
					
				 | 
			
			
				@@ -0,0 +1,111 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="common-box"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-tabs v-model="activeName" @tab-click="handleClick"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :model="listQuery" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ref="queryForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :inline="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        style="display: flex; height: 33px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="primary" @click="getorderData('search')">标为已读</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button @click="getorderData('search')">全部删除</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div style="margin-left: 100px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-radio-group v-model="radio1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-radio-button label="资质管理"></el-radio-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-radio-button label="业务"></el-radio-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-radio-button label="审核"></el-radio-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-radio-button label="对账"></el-radio-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-radio-button label="库存管理"></el-radio-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-radio-group> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <div  class="checkInput"> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div style="margin-left: 100px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input v-model="listQuery.content" placeholder="请输入内容"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-button type="primary" @click="getorderData('search')">查询</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-tab-pane label="全部" name="first"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-loading="listLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          element-loading-text="加载中" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :data="list" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          fit 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          stripe 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          border 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          height="500px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          style="margin-top: 20px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @selection-change="handleSelectionChange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          row-key="hiCode" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ref="multipleTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot="empty"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <img src="@/assets/nopage.png" alt /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <p>暂无数据</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="selection" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            width="60" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :reserve-selection="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :selectable="selected" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-table-column label="id" prop="id" width="80px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-table-column label="" prop="status"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <early-warning :info="scope.row"></early-warning> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!--分页--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <yl-pagination 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-show="total > 0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :total="total" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :page.sync="listQuery.current" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :limit.sync="listQuery.size" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @pagination="getorderData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-tab-pane label="预警消息" name="second"> </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-tab-pane label="通知消息" name="third"> </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-tab-pane label="通告消息" name="fourth"> </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-tabs> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import earlyWarning from "@/views/components/early-warning.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import ylPagination from "@/components/yl-pagination"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ylPagination, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    earlyWarning, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      activeName: "first", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      listQuery: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        content: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      radio1: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      list: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { status: "A", id: "1",title:"业务提醒-退回" ,date:"2024-2-19 23:34:00"}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { status: "B", id: "2" ,title:"资质到期提醒",date:"2024-2-19 23:34:00"}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { status: "C", id: "3" ,title:"目录审核提醒",date:"2024-2-19 23:34:00"}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.common-box ::v-deep .el-input__inner { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  width: 150px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.common-box ::v-deep .checkInput { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  left: 70%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |