| | |
| | | <main> |
| | | <div class="mainContent"> |
| | | <!-- 数据展示 --> |
| | | <el-table |
| | | ref="multipleTable" |
| | | :header-cell-style="{ |
| | | 'font-weight': '650', |
| | | 'line-height': '45px', |
| | | }" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | :row-class-name="tableRowClassName" |
| | | @selection-change="tableChange" |
| | | > |
| | | <el-table ref="multipleTable" :header-cell-style="{ |
| | | 'font-weight': '650', |
| | | 'line-height': '45px', |
| | | }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange"> |
| | | <el-table-column type="selection" min-width="5"> </el-table-column> |
| | | <el-table-column prop="code" label="事件编号" min-width="10"> |
| | | </el-table-column> |
| | |
| | | <el-table-column min-width="10"> </el-table-column> |
| | | </el-table> |
| | | <!-- 查看修改页面 --> |
| | | <el-dialog |
| | | :visible.sync="dialogUpdate" |
| | | width="60%" |
| | | :title="title" |
| | | :destroy-on-close="true" |
| | | :key="updateFlag" |
| | | :before-close="handleClose" |
| | | > |
| | | <component |
| | | v-if="dialogUpdate" |
| | | @closeDialog="changeDialog" |
| | | @changeDialog="changeDialog" |
| | | v-bind:is="currentTabComponent" |
| | | :caseId="caseId" |
| | | :id="caseId" |
| | | :mycode="caseCode" |
| | | :info="info" |
| | | :vioData="vioData" |
| | | ></component> |
| | | <el-dialog :visible.sync="dialogUpdate" width="60%" :title="title" :destroy-on-close="true" :key="updateFlag" |
| | | :before-close="handleClose"> |
| | | <component v-if="dialogUpdate" @closeDialog="changeDialog" @changeDialog="changeDialog" |
| | | v-bind:is="currentTabComponent" :caseId="caseId" :id="caseId" :mycode="caseCode" :info="info" |
| | | :vioData="vioData"></component> |
| | | <!-- <updateUser |
| | | v-if="dialogUpdate" |
| | | :updateFlag="updateFlag" |
| | |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="all" @change="selectAll()" |
| | | >全选</el-checkbox |
| | | > |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)" |
| | | >反选</el-checkbox |
| | | > |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-select |
| | | v-model="myIdx" |
| | | placeholder="批量操作" |
| | | @change="selectChange" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | :disabled="item.disabled" |
| | | > |
| | | <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" |
| | | :disabled="item.disabled"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | background |
| | | :current-page="currentPage" |
| | | layout="prev, pager, next" |
| | | :total="totalNum" |
| | | :page-size="pageSize" |
| | | @current-change="changeCurrentPage" |
| | | > |
| | | <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum" |
| | | :page-size="pageSize" @current-change="changeCurrentPage"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | |
| | | // 批量删除 |
| | | mulDelete(idArr) {}, |
| | | mulDelete(idArr) { }, |
| | | // 执行下拉框操作 |
| | | selectChange(val) { |
| | | let ids = []; |
| | |
| | | }); |
| | | }, |
| | | // 删除单条数据 |
| | | handleDelete({ number }) {}, |
| | | handleDelete({ number }) { }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | |
| | | this.dialogUpdate = false; |
| | | done(); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | // 计算时间 |
| | | getRestTime(time2) { |
| | |
| | | justify-content: center; |
| | | |
| | | .el-pagination { |
| | | |
| | | &::v-deep li, |
| | | &::v-deep .btn-prev, |
| | | &::v-deep .btn-next { |