<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>批后管理待办</title> <script src="/frontweb/common/js/config.js"></script> <link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/> <script src="/frontweb/libs/vue/vue.js"></script> <script src="/frontweb/libs/element/index.js"></script> <script src="/frontweb/libs/axios/axios.min.js"></script> <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> <style> .contanier{ margin:10px 10px 0 10px; height:100%; background: #fff; } .search{ display: flex; justify-content: space-between; height: 37px; } .opt{ display: flex; width:50%; justify-content: space-around; align-items: center; } .optspan{ cursor: pointer; } .optspan:hover{ color:#409EFF } .select{ color:#409EFF; border-bottom:5px solid #409EFF } .el-table{ margin-top: 20px; border: 1px solid #cac8c8; min-height:750px } .el-table__body-wrapper::-webkit-scrollbar { width: 4px; height: 6px; } .el-table__body-wrapper::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .el-table__body-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .el-table th { background:#F2F2F2 !important; } .el-table tbody tr:hover>td { background-color:#EEF9FF!important } .block{ float: right; background: #fff; position: fixed; bottom: 15px; right: 11px; } .el-table__row{ cursor: pointer; } .div-search{ border: 1px solid #cac8c8; border-radius: 2px; margin-right: 0; width: 280px; height: 30px; margin-left: 10px; margin-left: -120px; margin-top: 3px; } .div-search input{ border: none; height: 27px; padding-left: 15px; border-radius: 2px; outline: 0; } </style> </head> <body> <div id="app"> <div class='contanier'> <div class="search"> <div class="opt"> <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> </div> <div style="line-height: 37px;margin-left: -100px"> <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> </div> <div style="float: right" class="div-search"> <!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>--> <!-- <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>--> <input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search" @keyup.enter="SearchInfo" v-focus> <img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;"> </div> </div> <!-- 表格区域--> <el-table v-if="isActive==1" :data="tabaledata" style="width: 100%;" height="100%" border stripe :default-sort = "{prop: 'xh', order: 'ascending'}" size="small" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="xh" label="序号" width="55"> </el-table-column> <el-table-column prop="ajmc" width="600" label="案件名称" align="center" ></el-table-column> <el-table-column prop="anlx" label="案件类型" align="center" width="100" > </el-table-column> <el-table-column prop="zrdw" label="责任单位" align="center" width="200" > </el-table-column> <el-table-column prop="ssqy" label="所属区域" align="center" width="200" > </el-table-column> <el-table-column prop="ljr" label="来件人" align="center" width="100" > </el-table-column> <el-table-column prop="djsh" label="登记时间" align="center" width="200" > </el-table-column> <el-table-column prop="jssi" label="接收时间" align="center" width="200" > </el-table-column> </el-table> <el-table v-if="isActive==2" :data="tabaledata" style="width: 100%;" height="100%" border stripe :default-sort = "{prop: 'xh', order: 'ascending'}" size="small" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="xh" label="序号" width="55"> </el-table-column> <el-table-column prop="ajmc" width="600" label="案件名称" align="center" ></el-table-column> <el-table-column prop="anlx" label="案件类型" align="center" width="100" > </el-table-column> <el-table-column prop="zrdw" label="责任单位" align="center" width="200" > </el-table-column> <el-table-column prop="ssqy" label="所属区域" align="center" width="200" > </el-table-column> <el-table-column prop="ljr" label="来件人" align="center" width="100" > </el-table-column> <el-table-column prop="djsh" label="登记时间" align="center" width="200" > </el-table-column> <el-table-column prop="jssi" label="接收时间" align="center" width="200" > </el-table-column> </el-table> <el-table v-if="isActive==3" :data="tabaledata" style="width: 100%;" height="100%" border stripe :default-sort = "{prop: 'xh', order: 'ascending'}" size="small" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="xh" label="序号" width="55"> </el-table-column> <el-table-column prop="ajmc" width="600" label="案件名称" align="center" ></el-table-column> <el-table-column prop="anlx" label="案件类型" align="center" width="100" > </el-table-column> <el-table-column prop="zrdw" label="责任单位" align="center" width="200" > </el-table-column> <el-table-column prop="ssqy" label="所属区域" align="center" width="200" > </el-table-column> <el-table-column prop="ljr" label="来件人" align="center" width="100" > </el-table-column> <el-table-column prop="djsh" label="登记时间" align="center" width="200" > </el-table-column> <el-table-column prop="jssi" label="接收时间" align="center" width="200" > </el-table-column> </el-table> <el-table v-if="isActive==5" :data="tabaledata" style="width: 100%;" height="100%" border stripe :default-sort = "{prop: 'xh', order: 'ascending'}" size="small" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="xh" label="序号" width="55"> </el-table-column> <el-table-column prop="ajmc" width="600" label="案件名称" align="center" ></el-table-column> <el-table-column prop="anlx" label="案件类型" align="center" width="100" > </el-table-column> <el-table-column prop="zrdw" label="责任单位" align="center" width="200" > </el-table-column> <el-table-column prop="ssqy" label="所属区域" align="center" width="200" > </el-table-column> <el-table-column prop="ljr" label="来件人" align="center" width="100" > </el-table-column> <el-table-column prop="djsh" label="登记时间" align="center" width="200" > </el-table-column> <el-table-column prop="jssi" label="接收时间" align="center" width="200" > </el-table-column> </el-table> <!-- 分页区域--> <div class="block"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum" :page-sizes="[5, 10, 15]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> </div> </div> </div> <script src="./js/widget.js"></script> </body> </html>