点位完善

xiangpei

2024-04-29 6302914c8e172caded459676482016a9e6cffb8b

点位完善

 src/views/system/point/index.vue

@@ -4,16 +4,6 @@
      <el-form-item label="点位名称" prop="pointName">
        <el-input v-model="queryParams.pointName" placeholder="请输入点位名称" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="点位开始时间" prop="startTime">
        <el-date-picker clearable v-model="queryParams.startTime" type="date" value-format="yyyy-MM-dd"
          placeholder="请选择点位开始时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="点位结束时间" prop="endTime">
        <el-date-picker clearable v-model="queryParams.endTime" type="date" value-format="yyyy-MM-dd"
          placeholder="请选择点位结束时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -57,16 +47,6 @@
          <dict-tag :options="dict.type.point_tag" :value="scope.row.pointTags" />
        </template>
      </el-table-column>
      <el-table-column label="点位开始时间" align="center" prop="startTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="点位结束时间" align="center" prop="endTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="运维单位" align="center" prop="unitName" />
      <el-table-column label="监管部门" align="center" prop="deptName" />
      <el-table-column label="运维类别" align="center" prop="category">
@@ -76,7 +56,6 @@
          <div v-else-if="scope.row.category === 3">人脸识别</div>
        </template>
      </el-table-column>
      <el-table-column label="运维状态" align="center" prop="status" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
        <template slot-scope="scope">
@@ -123,10 +102,8 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="点位时区" prop="timezone">
          <el-date-picker @change="dateChange" v-model="form.timezone" type="daterange" align="right" unlink-panels
            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
        <el-form-item label="点位备注" prop="remark">
          <el-input type="textarea" v-model="form.remark"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -147,11 +124,6 @@
            <el-option v-for="item in unitList" :key="item.id" :label="item.value" :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="运维时间段" prop="timezone">
          <el-date-picker @change="dateChange" v-model="batchEditForm.timezone" type="daterange" align="right"
            unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -180,15 +152,11 @@
        ids: [],
        unitId: null,
        timezone: null,
        startTime: null,
        endTime: null
      },
      // 批量修改弹窗
      batchOpen: false,
      props: { multiple: true },
      regionList: [],
      // 正在修改第几个
      editingIndex: null,
      // 遮罩层
      loading: true,
      // 选中数组
@@ -211,26 +179,17 @@
      editOpen: false,
      // 运维单位
      unitList: [],
      // 运维时区
      timezone: [],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        pointName: null,
        startTime: null,
        endTime: null,
        unitId: null,
        status: null,
      },
      // 表单参数
      form: {},
      // 批量表单内容
      formList: [],
      // 临时表单数据
      tempForm: {},
      // 临时表单数据列表
      tempFormList: [],
      form: {
      },
      // 表单校验
      rules: {
        pointName: [
@@ -284,9 +243,7 @@
    handleEditBatch() {
      this.batchOpen = true;
    },
    removeRegion(item) {
      this.tempFormList = this.tempFormList.filter(data => data !== item)
    },

    // 获取区县级联
    getCascader() {
      getCascader().then(res => {
@@ -299,33 +256,11 @@
        this.deptOptions = res.data;
      })
    },
    // 点位项修改完成
    editFinishItem(index) {
      this.editingIndex = null;
      let form = this.tempFormList[index];
      form.startTime = form.timezone[0];
      form.endTime = form.timezone[1];
      this.formList[index] = form;
    },
    // 点位项修改
    editPointItem(index) {
      if (this.editingIndex !== index && this.editingIndex !== null) {
        this.$modal.msgWarning("请先完成上一个修改");
      } else {
        this.editingIndex = index;
        this.tempFormList[index] = this.formList[index];
      }
    },

    // 时间选择发生变化
    dateChange() {
      this.tempForm.startTime = this.tempForm.timezone[0];
      this.tempForm.endTime = this.tempForm.timezone[1];
    },
    // 继续添加点位
    nextAdd() {
      let item = {}
      // this.formList.push(item);
      this.tempFormList.push(item);
    },
    getUnitSelect() {
      // 运维单位下拉列表
@@ -347,17 +282,11 @@
      this.open = false;
      this.reset();
    },
    updateCancel() {
      this.editOpen = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        pointName: null,
        startTime: null,
        endTime: null,
        unitId: null,
        deptId: [],
        status: null,
@@ -399,7 +328,6 @@
        this.form = response.data;
        this.form.pointTag = response.data.pointTags;
        this.form.deptId = response.data.deptIds
        this.form.timezone = [this.form.startTime, this.form.endTime]
        this.form.category = this.form.category + ''
        this.open = true;
        this.title = "修改运维点位";