添加时间段 删除取消确定按钮

mark

2022-09-28 0f8be5eece9ec8a8a03dc7d4e4b3231e4dc4ebb6

 src/views/dataPush/components/point.vue

@@ -1,5 +1,18 @@
<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">&#xe614;</span>
@@ -19,7 +32,9 @@
        <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">
@@ -52,7 +67,6 @@
      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>
@@ -69,7 +83,7 @@
          </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
@@ -118,6 +132,8 @@
export default {
  data() {
    return {
      query: {},
      inputText: "", //输入框内容
      cameraOptions: [],
      scene_nameOptions: [
        {
@@ -135,10 +151,6 @@
        {
          value: "区域入侵",
          label: "区域入侵"
        },
        {
          value: "人员撤离",
          label: "人员撤离"
        },
        {
          value: "人员离岗",
@@ -186,22 +198,26 @@

      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()
  },

@@ -290,10 +306,18 @@
        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 = {