| | |
| | | border: 2px solid #f2f2f7;
|
| | | border-right: none;
|
| | |
|
| | | // &:focus + .el-input-group__append {
|
| | | // border-color: #409eff;
|
| | | // }
|
| | | &:focus,
|
| | | &:focus + .el-input-group__append {
|
| | | border-color: #409eff;
|
| | | }
|
| | | }
|
| | |
|
| | | .el-input-group__append {
|
| | | // transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | background-color: #fff;
|
| | | border: 2px solid #f2f2f7;
|
| | | border-radius: 0 18px 18px 0;
|
| | |
| | | import { queryOperationLog, getOperations, getModules } from "@/api/log";
|
| | |
|
| | | export default {
|
| | | name: "operationLog",
|
| | | data() {
|
| | | return {
|
| | | loading: false,
|
| | |
| | | },
|
| | | getOptions() {
|
| | | getModules().then((res) => {
|
| | | const indexArr = [];
|
| | | res.data.forEach((item, index) => {
|
| | | if (item.proc_name == "") {
|
| | | indexArr.push(index);
|
| | | }
|
| | | });
|
| | | if (indexArr.length != 0) {
|
| | | indexArr.forEach((i) => {
|
| | | res.data.splice(i);
|
| | | });
|
| | | }
|
| | | this.moduleOptions = res.data;
|
| | | console.log(this.moduleOptions);
|
| | | });
|
| | | },
|
| | | choseRange(item, i) {
|
| | |
| | | border: 2px solid #f2f2f7;
|
| | | border-right: none;
|
| | |
|
| | | // &:focus + .el-input-group__append {
|
| | | // border-color: #409eff;
|
| | | // }
|
| | | &:focus,
|
| | | &:focus + .el-input-group__append {
|
| | | border-color: #409eff;
|
| | | }
|
| | | }
|
| | |
|
| | | .el-input-group__append {
|
| | | // transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | background-color: #fff;
|
| | | border: 2px solid #f2f2f7;
|
| | | border-radius: 0 18px 18px 0;
|
| | |
| | | <div class="opts">
|
| | | <div class="opt" @click="openDialog">选择摄像机</div>
|
| | | </div>
|
| | | <div class="pick-num">已选 : {{ pickNum }}</div>
|
| | | <div class="pick-num">已选 : ( {{ pickNum }} )</div>
|
| | | </div>
|
| | | <div class="search">
|
| | | <el-input
|
| | |
| | | }
|
| | | }
|
| | | .top {
|
| | | height: 100px;
|
| | | height: 132px;
|
| | | background: #fff;
|
| | | border-radius: 5px;
|
| | | .first {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | height: 45px;
|
| | | padding: 0 20px;
|
| | | padding: 20px 20px 0 20px;
|
| | | .time-option {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | |
| | | .title,
|
| | | .pick-num {
|
| | | margin-right: 10px;
|
| | | font-size: 14px;
|
| | | min-width: fit-content;
|
| | | font-weight: bold;
|
| | | font-size: 12px;
|
| | | }
|
| | |
|
| | | .opts {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | .opt {
|
| | | width: 70px;
|
| | | height: 32px;
|
| | | width: 100px;
|
| | | height: 36px;
|
| | | padding: 0 15px;
|
| | | border-radius: 4px;
|
| | | cursor: pointer;
|
| | | margin-right: 20px;
|
| | | line-height: 32px;
|
| | | font-size: 14px;
|
| | | line-height: 36px;
|
| | | font-size: 12px;
|
| | | font-weight: 700;
|
| | | color: #fff;
|
| | | background-color: rgba(61, 104, 225, 1);
|
| | | background-color: #4e94ff;
|
| | | }
|
| | | }
|
| | | }
|
| | | .search {
|
| | | width: 280px;
|
| | | height: 36px;
|
| | | display: flex;
|
| | | align-items: center;
|
| | |
|
| | | .input-with-select {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | |
|
| | | input {
|
| | | height: 100%;
|
| | | border-radius: 18px 0 0 18px;
|
| | | border: 2px solid #f2f2f7;
|
| | | border-right: none;
|
| | |
|
| | | &:focus,
|
| | | &:focus + .el-input-group__append {
|
| | | border-color: #409eff;
|
| | | }
|
| | | }
|
| | |
|
| | | .el-input-group__append {
|
| | | transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | background-color: #fff;
|
| | | border: 2px solid #f2f2f7;
|
| | | border-radius: 0 18px 18px 0;
|
| | | border-left: none;
|
| | | }
|
| | | }
|
| | |
|
| | | span {
|
| | | cursor: pointer;
|
| | | color: rgb(47, 45, 61);
|
| | | font-weight: 700;
|
| | | font-size: 19px;
|
| | | }
|
| | | }
|
| | | }
|
| | | .second {
|
| | | display: flex;
|
| | | margin: 10px 0;
|
| | | margin: 15px 0 20px 0;
|
| | | padding: 0 20px;
|
| | | align-items: center;
|
| | | font-size: 14px;
|
| | | .bar {
|
| | | display: flex;
|
| | | align-items: baseline;
|
| | | width: fit-content;
|
| | | padding-left: 20px;
|
| | | margin-right: 30px;
|
| | | min-width: 120px;
|
| | |
|
| | | .name {
|
| | | margin-right: 5px;
|
| | | margin-right: 15px;
|
| | | min-width: fit-content;
|
| | | font-weight: bold;
|
| | | font-size: 12px;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | border: 2px solid #f2f2f7;
|
| | | border-right: none;
|
| | |
|
| | | // &:focus + .el-input-group__append {
|
| | | // border-color: #409eff;
|
| | | // }
|
| | | &:focus,
|
| | | &:focus + .el-input-group__append {
|
| | | border-color: #409eff;
|
| | | }
|
| | | }
|
| | |
|
| | | .el-input-group__append {
|
| | | // transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| | | background-color: #fff;
|
| | | border: 2px solid #f2f2f7;
|
| | | border-radius: 0 18px 18px 0;
|