| | |
| | | <template> |
| | | <div class="sub-account" v-if="!isShowAdd"> |
| | | <div class="search"> |
| | | <div class="left"> |
| | | <div class="id"> |
| | | 点位名称 |
| | | <el-input v-model="inputText" placeholder="请输入" clearable></el-input> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="right"> |
| | | <div class="button searchBtn" @click="checkCamerasList(1)">搜索</div> |
| | | <!-- <div class="button resetBtn" @click="reset">重置</div> --> |
| | | </div> |
| | | </div> |
| | | <div class="btns"> |
| | | <div class="button add" @click="addPoint"> |
| | | <span class="iconfont"></span> |
| | |
| | | <el-table-column prop="channelCode" label="报警通道编码" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="companyCode" label="企业编码" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="scenes" label="推送场景" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="updatedAt" label="推动时间" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="updatedAt" label="推送时间" show-overflow-tooltip> |
| | | <template slot-scope="scope">{{ scope.row.startTime }}-{{ scope.row.endTime }}</template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="100px"> |
| | | <template slot-scope="scope"> |
| | |
| | | class="add-ruleForm" |
| | | > |
| | | <el-form-item label="点位名称" prop="CameraName"> |
| | | <!-- <el-input v-model="ruleForm.CameraName" placeholder="请输入点位名称" style="width: 350px"></el-input> --> |
| | | <el-select style="width: 350px" v-model="ruleForm.CameraName" placeholder="请选择"> |
| | | <el-option v-for="item in cameraOptions" :key="item.id" :label="item.name" :value="item.name"> </el-option> |
| | | </el-select> |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="推动时间"> |
| | | <el-form-item label="推送时间"> |
| | | <el-col :span="12" style="width: 175px"> |
| | | <el-form-item prop="StartTime"> |
| | | <el-time-select |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | query: {}, |
| | | inputText: "", //输入框内容 |
| | | cameraOptions: [], |
| | | scene_nameOptions: [ |
| | | { |
| | |
| | | { |
| | | value: "区域入侵", |
| | | label: "区域入侵" |
| | | }, |
| | | { |
| | | value: "人员撤离", |
| | | label: "人员撤离" |
| | | }, |
| | | { |
| | | value: "人员离岗", |
| | |
| | | |
| | | dataList: [], |
| | | |
| | | tip: 1, |
| | | tip: 1, // 区分保存还是编辑 但是现在没有编辑 |
| | | rules: { |
| | | CameraName: [{ required: true, message: "请选择设备名称", trigger: "change" }], |
| | | ChannelCode: [{ required: true, message: "请输入报警通道编码", trigger: "blur" }], |
| | | CompanyCode: [{ required: true, message: "请输入企业编码", trigger: "blur" }], |
| | | Sceneslist: [{ type: "array", required: true, message: "请选择推送场景", trigger: "change" }] |
| | | // StartTime: [{ required: true, message: "请选择开始时间", trigger: "change" }], |
| | | // EndTime: [{ required: true, message: "请选择结束时间", trigger: "change" }] |
| | | Sceneslist: [{ type: "array", required: true, message: "请选择推送场景", trigger: "change" }], |
| | | StartTime: [{ type: "string", required: true, message: "请选择开始时间", trigger: "change" }], |
| | | EndTime: [{ type: "string", required: true, message: "请选择结束时间", trigger: "change" }] |
| | | }, |
| | | page: 1, |
| | | size: 10, //分页相关 |
| | | total: 0 //总数, |
| | | } |
| | | }, |
| | | created() { |
| | | this.checkCamerasList() |
| | | async created() { |
| | | let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText } |
| | | this.query = query |
| | | let res = await camerasList(query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | this.aaaaa() |
| | | }, |
| | | |
| | |
| | | this.checkCamerasList() |
| | | }) |
| | | }, |
| | | async checkCamerasList() { |
| | | let res = await camerasList({ pageIndex: this.page, pageSize: this.size }) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | async checkCamerasList(val) { |
| | | if (val === 1) { |
| | | let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText } |
| | | this.query = query |
| | | let res = await camerasList(query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | } else { |
| | | let res = await camerasList(this.query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | } |
| | | }, |
| | | resetUser() { |
| | | this.ruleForm = { |