| | |
| | | <div class="search">
|
| | | <el-input
|
| | | placeholder="搜索"
|
| | | v-model="procName"
|
| | | v-model="fuzzySearch"
|
| | | size="small"
|
| | | class="input-with-select"
|
| | | @keyup.enter.native="getScheduleLog(1)"
|
| | | >
|
| | | <span
|
| | | class="icon iconfont"
|
| | | @click="getOperationLog(1)"
|
| | | class="icon iconfont icon_clear"
|
| | | @click="clearSearch"
|
| | | slot="append"
|
| | | v-if="fuzzySearch"
|
| | | >
|
| | | 
|
| | | </span>
|
| | | <span
|
| | | class="icon iconfont icon_search"
|
| | | @click="getScheduleLog(1)"
|
| | | slot="append"
|
| | | >
|
| | | 
|
| | | </span>
|
| | |
|
| | | <!-- <el-button
|
| | | slot="append"
|
| | | icon="el-icon-search"
|
| | | @click="getScheduleLog"
|
| | | @click="getOperationLog(1)"
|
| | | ></el-button> -->
|
| | | </el-input>
|
| | | </div>
|
| | |
| | | @change="dateChange"
|
| | | end-placeholder="结束日期"
|
| | | :picker-options="pickerOptions"
|
| | | popper-class="pollingLog_timePicker"
|
| | | >
|
| | | </el-date-picker>
|
| | | </div>
|
| | |
| | | <el-table-column
|
| | | :align="'center'"
|
| | | sortable
|
| | | prop="procName"
|
| | | prop="info"
|
| | | label="摄像机"
|
| | | ></el-table-column>
|
| | | <el-table-column
|
| | |
| | | show-checkbox
|
| | | check-on-click-node
|
| | | default-expand-all
|
| | | :default-checked-keys="selectedIDs"
|
| | | ></el-tree>
|
| | |
|
| | | <span slot="footer" class="dialog-footer">
|
| | |
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | png: "",
|
| | | png: require("../../../../public/images/syslog/没数据.png"),
|
| | | loading: false,
|
| | | loadingText: "",
|
| | | tableData: [],
|
| | |
| | | procID: "",
|
| | | procName: "",
|
| | | pickNum: 0,
|
| | | selectedIDs: [],
|
| | | pickerOptions: {
|
| | | shortcuts: [
|
| | | {
|
| | |
| | | methods: {
|
| | | handleSizeChange(val) {
|
| | | this.pageSize = val;
|
| | | this.getOperationLog();
|
| | | this.getScheduleLog();
|
| | | },
|
| | | handleCurrentChange(val) {
|
| | | this.page = val;
|
| | | this.getOperationLog();
|
| | | this.getScheduleLog();
|
| | | },
|
| | | cancelShow() {
|
| | | this.dialogVisible = false;
|
| | |
| | | },
|
| | | confirmCamera() {
|
| | | const selectedIDs = this.$refs.cameraTree.getCheckedKeys();
|
| | | this.selectedIDs = selectedIDs;
|
| | | console.log(selectedIDs);
|
| | | this.pickNum = selectedIDs.length;
|
| | | this.procID = selectedIDs.join(",");
|
| | | this.getScheduleLog();
|
| | |
| | | this.moduleOptions = res.data;
|
| | | });
|
| | | },
|
| | | getScheduleLog() {
|
| | | getScheduleLog(typ) {
|
| | | if (typ == 1) {
|
| | | this.page = 1;
|
| | | }
|
| | |
|
| | | const data = {
|
| | | timeStart: this.timeStart,
|
| | | timeEnd: this.timeEnd,
|
| | | page: this.page,
|
| | | pageSize: this.pageSize,
|
| | | fuzzySearch: this.fuzzySearch,
|
| | | procID: this.procID,
|
| | | procName: this.procName,
|
| | | };
|
| | | queryScheduleLog(data).then((res) => {
|
| | | this.tableData = res.data.logs;
|
| | | this.total = res.data.total;
|
| | | this.png = require("../../../../public/images/syslog/没数据.png");
|
| | | });
|
| | | },
|
| | | dateChange(val) {
|
| | |
| | | },
|
| | | handleSelectionChange() {},
|
| | | handleClose() {},
|
| | | clearSearch() {
|
| | | this.fuzzySearch = "";
|
| | | this.getScheduleLog(1);
|
| | | },
|
| | | },
|
| | | };
|
| | | </script>
|
| | |
| | | }
|
| | |
|
| | | tr {
|
| | | td:first-child {
|
| | | border-radius: 4px 0 0 4px;
|
| | | }
|
| | | td:last-child {
|
| | | border-radius: 0 4px 4px 0;
|
| | | }
|
| | |
|
| | | &.current-row td {
|
| | | background-color: #4e94ff !important;
|
| | | color: #fff;
|
| | |
| | | background-color: white;
|
| | | }
|
| | | }
|
| | |
|
| | | .pollingLog_timePicker {
|
| | | width: 520px !important;
|
| | | * {
|
| | | font-size: 12px !important;
|
| | | min-width: 0px !important;
|
| | | }
|
| | |
|
| | | .el-date-range-picker__time-header {
|
| | | border: none;
|
| | | }
|
| | |
|
| | | .el-date-range-picker__content {
|
| | | padding: 2px 9px;
|
| | | }
|
| | |
|
| | | .el-date-table th {
|
| | | pad: 0 5px;
|
| | | }
|
| | |
|
| | | .el-picker-panel__shortcut {
|
| | | padding-left: 20px;
|
| | | padding-bottom: 10px;
|
| | | }
|
| | |
|
| | | .el-picker-panel__footer {
|
| | | padding: 0 20px 10px 0;
|
| | | background-color: none;
|
| | | display: flex;
|
| | | justify-content: end;
|
| | | border: none;
|
| | | button {
|
| | | display: block;
|
| | | width: 54px;
|
| | | height: 24px;
|
| | | border: 1px solid #e0e0e0;
|
| | | border-radius: 25px;
|
| | | line-height: 9px;
|
| | |
|
| | | &:first-child {
|
| | | color: #4f4f4f !important;
|
| | | }
|
| | |
|
| | | &:last-child {
|
| | | color: #fff !important;
|
| | | background-color: #4e94ff !important;
|
| | | border-color: #4e94ff !important;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | </style>
|