分页修改

quanyawei

2024-01-25 a4831debee63c7071a261c5f6ecfa62fd535b2ab

 src/views/device/govMonitorPoint.vue

@@ -5,14 +5,28 @@
        <a-form-model layout="horizontal">

          <a-row :gutter="15">

            <a-col :span="5">

              <a-button icon="plus" type="primary" @click="() => this.handleModalVisible(true)"

                style="margin-left: 25px;">新建</a-button>

              <a-button

                icon="plus"

                type="primary"

                @click="() => this.handleModalVisible(true)"

                style="margin-left: 25px;"

                >新建</a-button

              >

            </a-col>

            <a-col :span="5" style="margin-left: 37%">

              <a-form-model-item :wrapperCol="wrapperCol">

                <a-select placeholder="选择站点类型" style="width: 240px;margin-top:4px" @change="handleChange" allow-clear

                  show-search>

                  <a-select-option v-for="(item, index) in stationLevel" :key="index" :value="index">

                <a-select

                  placeholder="选择站点类型"

                  style="width: 240px;margin-top:4px"

                  @change="handleChange"

                  allow-clear

                  show-search

                >

                  <a-select-option

                    v-for="(item, index) in stationLevel"

                    :key="index"

                    :value="index"

                  >

                    {{ item }}

                  </a-select-option>

                </a-select>

@@ -20,84 +34,281 @@
            </a-col>

            <a-col :span="5">

              <a-form-model-item :wrapperCol="wrapperCol">

                <a-input v-model="searchName" placeholder="请输入站点名称" allow-clear />

                <a-input

                  v-model="searchName"

                  placeholder="请输入站点名称"

                  allow-clear

                />

              </a-form-model-item>

            </a-col>

          </a-row>

        </a-form-model>

      </div>

      <av-standard-table :dataSource="dataSource" :columns="columns" :loading="tableLoading" :paginationProps="pagination"

        @tableChange="handlerTableChange"></av-standard-table>

      <av-standard-table

        :dataSource="dataSource"

        :columns="columns"

        :loading="tableLoading"

        :paginationProps="pagination"

        @tableChange="handlerTableChange"

      ></av-standard-table>

    </div>

    <a-modal title="政府站点添加" destroyOnClose :visible="addShowOrHiddenFlag" @ok="addOK" @cancel="addCancel" okText="保存">

      <a-form-model style="margin-top: 8px" :model="addForm" :rules="rules" ref="addRulesForm">

        <a-form-model-item has-feedback :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="站点编号" prop="guid">

          <a-input placeholder="请输入站点编号" type="string" v-model="addForm.guid" />

    <a-modal

      title="政府站点添加"

      destroyOnClose

      :visible="addShowOrHiddenFlag"

      @ok="addOK"

      @cancel="addCancel"

      okText="保存"

    >

      <a-form-model

        style="margin-top: 8px"

        :model="addForm"

        :rules="rules"

        ref="addRulesForm"

      >

        <a-form-model-item

          has-feedback

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="站点编号"

          prop="guid"

        >

          <a-input

            placeholder="请输入站点编号"

            type="string"

            v-model="addForm.guid"

          />

        </a-form-model-item>

        <a-form-model-item has-feedback :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="名称" prop="name">

          <a-input placeholder="设备名称" type="string" v-model="addForm.name" />

        <a-form-model-item

          has-feedback

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="名称"

          prop="name"

        >

          <a-input

            placeholder="设备名称"

            type="string"

            v-model="addForm.name"

          />

        </a-form-model-item>



        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="经度" prop="longitude">

          <a-input placeholder="请输入经度" type="string" v-model="addForm.longitude" />

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="经度"

          prop="longitude"

        >

          <a-input

            placeholder="请输入经度"

            type="string"

            v-model="addForm.longitude"

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="纬度" prop="latitude">

          <a-input placeholder="请输入纬度" type="string" v-model="addForm.latitude" />

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="纬度"

          prop="latitude"

        >

          <a-input

            placeholder="请输入纬度"

            type="string"

            v-model="addForm.latitude"

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="位置" has-feedback prop="position">

        <a-form-model-item

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="位置"

          has-feedback

          prop="position"

        >

          <!--            v-decorator="['position', { rules: [{ required: true, message: '定位级别不能为空'  }] }]"-->

          <a-cascader :options="areaData" placeholder="选择城市" @change="positionLevel" labelInValue />

          <a-cascader

            :options="areaData"

            placeholder="选择城市"

            @change="positionLevel"

            labelInValue

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="站点类型"

          prop="stationLevel">

          <a-select placeholder="选择站点类型" type="string" allow-clear show-search v-model="addForm.stationLevel">

            <a-select-option v-for="(item, index) in stationLevel" :key="index" :value='index'>{{ item

            }}</a-select-option>

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="站点类型"

          prop="stationLevel"

        >

          <a-select

            placeholder="选择站点类型"

            type="string"

            allow-clear

            show-search

            v-model="addForm.stationLevel"

          >

            <a-select-option

              v-for="(item, index) in stationLevel"

              :key="index"

              :value="index"

              >{{ item }}</a-select-option

            >

          </a-select>

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="描述" prop="desc">

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="描述"

          prop="desc"

        >

          <a-input placeholder="描述" type="string" v-model="addForm.desc" />

        </a-form-model-item>

      </a-form-model>

    </a-modal>

    <a-modal title="政府站点编辑" destroyOnClose :visible="editShowOrHiddenFlag" @ok="editSave" @cancel="editCancel"

      okText="保存">

      <a-form-model style="margin-top: 8px" :model="editForm" :rules="rules" ref="editRulesForm">

        <a-form-model-item has-feedback :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="站点编号" prop="guid">

          <a-input placeholder="请输入站点编号" type="string" v-model="editForm.guid" />

    <a-modal

      title="政府站点编辑"

      destroyOnClose

      :visible="editShowOrHiddenFlag"

      @ok="editSave"

      @cancel="editCancel"

      okText="保存"

    >

      <a-form-model

        style="margin-top: 8px"

        :model="editForm"

        :rules="rules"

        ref="editRulesForm"

      >

        <a-form-model-item

          has-feedback

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="站点编号"

          prop="guid"

        >

          <a-input

            placeholder="请输入站点编号"

            type="string"

            v-model="editForm.guid"

          />

        </a-form-model-item>

        <a-form-model-item has-feedback :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="名称" prop="name">

          <a-input placeholder="设备名称" type="string" v-model="editForm.name" />

        <a-form-model-item

          has-feedback

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="名称"

          prop="name"

        >

          <a-input

            placeholder="设备名称"

            type="string"

            v-model="editForm.name"

          />

        </a-form-model-item>



        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="经度" prop="longitude">

          <a-input placeholder="请输入经度" type="string" v-model="editForm.longitude" />

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="经度"

          prop="longitude"

        >

          <a-input

            placeholder="请输入经度"

            type="string"

            v-model="editForm.longitude"

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="纬度" prop="latitude">

          <a-input placeholder="请输入纬度" type="string" v-model="editForm.latitude" />

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="纬度"

          prop="latitude"

        >

          <a-input

            placeholder="请输入纬度"

            type="string"

            v-model="editForm.latitude"

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="位置" has-feedback prop="position">

        <a-form-model-item

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="位置"

          has-feedback

          prop="position"

        >

          <!--            v-decorator="['position', { rules: [{ required: true, message: '定位级别不能为空'  }] }]"-->

          <a-cascader v-model="editForm.position" :options="areaData" placeholder="双击选择城市" @change="positionLevel"

            labelInValue />

          <a-cascader

            v-model="editForm.position"

            :options="areaData"

            placeholder="双击选择城市"

            @change="positionLevel"

            labelInValue

          />

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="站点类型"

          prop="stationLevel">

          <a-select placeholder="选择站点类型" type="string" allow-clear show-search v-model="editForm.stationLevel">

            <a-select-option v-for="(item, index) in stationLevel" :key="index" :value='index'>{{ item

            }}</a-select-option>

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="站点类型"

          prop="stationLevel"

        >

          <a-select

            placeholder="选择站点类型"

            type="string"

            allow-clear

            show-search

            v-model="editForm.stationLevel"

          >

            <a-select-option

              v-for="(item, index) in stationLevel"

              :key="index"

              :value="index"

              >{{ item }}</a-select-option

            >

          </a-select>

        </a-form-model-item>

        <a-form-model-item :labelCol="{ span: 5 }" has-feedback :wrapperCol="{ span: 15 }" label="描述" prop="desc">

        <a-form-model-item

          :labelCol="{ span: 5 }"

          has-feedback

          :wrapperCol="{ span: 15 }"

          label="描述"

          prop="desc"

        >

          <a-input placeholder="描述" type="string" v-model="editForm.desc" />

        </a-form-model-item>

      </a-form-model>

    </a-modal>

    <a-modal title="政府站点编辑" destroyOnClose :visible="editSiteShowOrHiddenFlag" :rules="siteRules" @ok="editSiteSave"

      @cancel="editSiteCancel" okText="保存">

      <a-form-model style="margin-top: 8px" :model="editSiteForm" ref="editSiteRulesForm">

        <a-form-model-item has-feedback :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" label="站点编号" prop="guid">

          <a-input placeholder="请输入站点编号" type="string" v-model="editSiteForm.guid" />

    <a-modal

      title="政府站点编辑"

      destroyOnClose

      :visible="editSiteShowOrHiddenFlag"

      :rules="siteRules"

      @ok="editSiteSave"

      @cancel="editSiteCancel"

      okText="保存"

    >

      <a-form-model

        style="margin-top: 8px"

        :model="editSiteForm"

        ref="editSiteRulesForm"

      >

        <a-form-model-item

          has-feedback

          :labelCol="{ span: 5 }"

          :wrapperCol="{ span: 15 }"

          label="站点编号"

          prop="guid"

        >

          <a-input

            placeholder="请输入站点编号"

            type="string"

            v-model="editSiteForm.guid"

          />

        </a-form-model-item>

        <p class="errInfor">要求：更换站点编号时间为每小时45-50分之间!</p>

      </a-form-model>

@@ -107,215 +318,245 @@


<script lang="tsx">

import { Component, Vue, Watch } from "vue-property-decorator";

import org from '@/util/org'

import org from "@/util/org";

import { get, post } from "@/util/request";

@Component({

  components: {

  }

  components: {},

})

export default class govMonitorPoint extends Vue {

  // 定义样式

  private wrapperCol: any = {

    sm: { span: 16 }//控制文本框的长度

  }

    sm: { span: 16 }, //控制文本框的长度

  };

  // 站点id查询条件

  private stationLevelId: any = ''

  private stationLevelId: any = "";

  // 列头

  private columns: any[] = [

    {

      title: "序号",

      dataIndex: "key",

      key: "key",

      align: "center",

      customRender: (text: any, record: any, index: any) => `${index + 1}`,

      width: 60,

    },

    {

      title: "站点编号",

      dataIndex: "guid"

      dataIndex: "guid",

    },



    {

      title: "名称",

      dataIndex: "name"

      dataIndex: "name",

    },

    {

      title: "经度",

      dataIndex: "longitude"

      dataIndex: "longitude",

    },

    {

      title: "纬度",

      dataIndex: "latitude"

      dataIndex: "latitude",

    },

    {

      title: "定位",

      dataIndex: "position"

      dataIndex: "position",

    },

    {

      title: "站点类型",

      dataIndex: "stationLevelName"

      dataIndex: "stationLevelName",

    },

    {

      title: "描述",

      dataIndex: "desc"

      dataIndex: "desc",

    },

    {

      title: "操作",

      customRender: this.opRender

    }

      customRender: this.opRender,

    },

  ];

  // 用于查询站点模糊查询

  private searchName: string = ''

  private searchName: string = "";

  // 用于检验是否有数据

  private tableLoading: boolean = false

  private tableLoading: boolean = false;

  // 数据

  private dataSource: any[] = []

  private dataSource: any[] = [];

  // 显示新增隐藏标识

  private addShowOrHiddenFlag: boolean = false

  private addShowOrHiddenFlag: boolean = false;

  // 显示编辑隐藏标识

  private editShowOrHiddenFlag: boolean = false

  private editShowOrHiddenFlag: boolean = false;



  private editSiteShowOrHiddenFlag: boolean = false

  private editSiteShowOrHiddenFlag: boolean = false;

  // 存放地理位置信息

  private areaData: any = JSON.parse(JSON.stringify(org))

  private areaData: any = JSON.parse(JSON.stringify(org));

  // 指定新增和编辑规则

  private rules: any = {

    guid: [

      { required: true, message: '设备编号不能为空', trigger: ['change', 'blur'] },

      {

        required: true,

        message: "设备编号不能为空",

        trigger: ["change", "blur"],

      },

    ],

    name: [

      { required: true, message: '名称不能为空', trigger: ['change', 'blur'] },

      { required: true, message: "名称不能为空", trigger: ["change", "blur"] },

    ],

    longitude: [

      { required: true, message: '经度不能为空', trigger: ['change', 'blur'] },

      { required: true, message: "经度不能为空", trigger: ["change", "blur"] },

    ],

    latitude: [

      { required: true, message: '纬度不能为空', trigger: ['change', 'blur'] },

      { required: true, message: "纬度不能为空", trigger: ["change", "blur"] },

    ],

    position: [

      { required: true, message: '请选择定位级别', trigger: ['change', 'blur'] },

      {

        required: true,

        message: "请选择定位级别",

        trigger: ["change", "blur"],

      },

    ],

    stationLevel: [

      { required: true, message: '请选择站点类型', trigger: ['change', 'blur'] },

    ]

  }

      {

        required: true,

        message: "请选择站点类型",

        trigger: ["change", "blur"],

      },

    ],

  };

  private siteRules: any = {

    guid: [

      { required: true, message: '设备编号不能为空', trigger: ['change', 'blur'] },

    ]

  }

      {

        required: true,

        message: "设备编号不能为空",

        trigger: ["change", "blur"],

      },

    ],

  };

  // 政府站点类型

  private stationLevel: any = {}

  private stationLevel: any = {};

  // 存放编辑前的数据record

  private editBeforeRecord: any = null

  private editBeforeSiteRecord: any = null

  private editBeforeRecord: any = null;

  private editBeforeSiteRecord: any = null;

  // 新增表单数据

  private addForm: any = {

    guid: '',

    name: '',

    longitude: '',

    latitude: '',

    guid: "",

    name: "",

    longitude: "",

    latitude: "",

    position: [],

    stationLevel: undefined,

    desc: ''

  }

    desc: "",

  };

  // 编辑表单数据

  private editForm: any = {

    id: -1,

    guid: '',

    name: '',

    longitude: '',

    latitude: '',

    guid: "",

    name: "",

    longitude: "",

    latitude: "",

    position: [],

    stationLevel: undefined,

    desc: ''

  }

    desc: "",

  };

  // 编辑表单数据

  private editSiteForm: any = {

    id: -1,

    guid: ''

  }

    guid: "",

  };

  // 分页数据

  private pagination: any = {

    total: 0,

    current: 0,

    pageSize: 8,

    showSizeChanger: false,

    showQuickJumper: false

    current: 1,

    pageSize: 10,

    showSizeChanger: true,

    showQuickJumper: true,

    pageSizeOptions: ["10", "30", "60", "100"],

    showTotal: (total: number) => `共有 ${this.pagination.total} 条数据`, //分页中显示总的数据

  };

  // 监听站点名称变化

  @Watch('searchName', {

  @Watch("searchName", {

    deep: true,

    immediate: true

    immediate: true,

  })

  private watchName(newVal: string, oldVal: string) {

    this.searchName = newVal

    this.pagination.current = 1

    this.queryGovDatas()

    this.searchName = newVal;

    this.pagination.current = 1;

    this.queryGovDatas();

  }

  // 生命周期函数

  private created() {

    this.selectDatas()

    this.queryGovDatas()

    this.selectDatas();

    this.queryGovDatas();

  }

  // 监听分页数据下标变化

  private handlerTableChange(pagination: any, filter: any, sorter: any): void {

    this.pagination.current = pagination.current

    this.queryGovDatas()

    this.pagination.current = pagination.current;

    this.pagination.pageSize = pagination.pageSize;

    this.pagination.total = pagination.total;

    this.queryGovDatas();

  }

  //下拉查询框方法

  private handleChange(selectedItems: any) {

    if (selectedItems) {

      this.stationLevelId = selectedItems

      this.stationLevelId = selectedItems;

    } else {

      this.stationLevelId = ''

      this.stationLevelId = "";

    }

    this.pagination.current = 1

    this.queryGovDatas()

    this.pagination.current = 1;

    this.queryGovDatas();

  }

  // 定位级别数据

  private positionLevel(val: any, selectedOptions: any) {

    if (selectedOptions && selectedOptions.length > 0) {

      this.addForm.position = selectedOptions

      this.addForm.position = selectedOptions;

    } else {

      this.addForm.position = undefined

      this.addForm.position = undefined;

    }

  }

  // 获取下拉框数据

  private selectDatas() {

    get("dict/data/query?type=stationLevel ", {}).then(res => {

    get("dict/data/query?type=stationLevel ", {})

      .then((res) => {

      if (res.data.code === 0) {

        this.stationLevel = res.data.data

          this.stationLevel = res.data.data;

      }

    })

      .catch(err => {

      .catch((err) => {

        console.log(err);

      });

  }

  // 查询所有站点信息

  private queryGovDatas() {

    get('govMonitorPoint/getGovMonitorPointByCondition', {

    get("govMonitorPoint/getGovMonitorPointByCondition", {

      current: this.pagination.current,

      size: this.pagination.pageSize,

      name: this.searchName,

      stationLevel: this.stationLevelId

      stationLevel: this.stationLevelId,

    }).then((res: any) => {

      if (res.data.code === 0) {

        this.pagination.total = res.data.data.totalNumber;

        this.pagination.current = res.data.data.current;

        const govDatas = res.data.data.govMonitorPointList

        const govDatas = res.data.data.govMonitorPointList;

        if (govDatas.length > 0) {

          for (let i = 0; i < govDatas.length; i++) {

            for (let j = 0; j < govDatas[i].position.length; j++) {

              govDatas[i].stationLevelName = this.stationLevel[govDatas[i].stationLevel]

              govDatas[i].stationLevelName = this.stationLevel[

                govDatas[i].stationLevel

              ];

            }

          }

        }

        this.dataSource = govDatas

        this.dataSource = govDatas;

      }

    })

    });

  }

  // 新增显示

  private handleModalVisible(flag: boolean) {

    this.addShowOrHiddenFlag = flag

    this.addShowOrHiddenFlag = flag;

  }

  // 新增成功

  private addOK() {

    this.$refs.addRulesForm.validate((valid: any) => {

      if (valid) {

        post('govMonitorPoint/insert', {

        post("govMonitorPoint/insert", {

          guid: this.addForm.guid, //政府站点编码

          name: this.addForm.name, //名称

          longitude: this.addForm.longitude, //经度

@@ -324,51 +565,51 @@
          cityCode: this.addForm.position[1].value,

          areaCode: this.addForm.position[2].value,

          stationLevel: this.addForm.stationLevel,

          desc: this.addForm.desc //备注

          desc: this.addForm.desc, //备注

        }).then((res: any) => {

          if (res.data.code === 0) {

            this.pagination.current = 1

            this.$message.success(res.data.message)

            this.queryGovDatas()

            this.pagination.current = 1;

            this.$message.success(res.data.message);

            this.queryGovDatas();

          } else {

            this.$message.warning(res.data.message)

            this.$message.warning(res.data.message);

          }

        })

        this.addShowOrHiddenFlag = false

        });

        this.addShowOrHiddenFlag = false;

        this.addForm = {

          guid: '',

          name: '',

          longitude: '',

          latitude: '',

          guid: "",

          name: "",

          longitude: "",

          latitude: "",

          position: [],

          stationLevel: undefined,

          desc: ''

          desc: "",

        };

        this.addShowOrHiddenFlag = false;

        }

        this.addShowOrHiddenFlag = false

      }

    })

    });

  }

  // 新增取消

  private addCancel() {

    this.addForm = {

      guid: '',

      name: '',

      longitude: '',

      latitude: '',

      guid: "",

      name: "",

      longitude: "",

      latitude: "",

      position: [],

      stationLevel: undefined,

      desc: ''

    }

    this.addShowOrHiddenFlag = false

      desc: "",

    };

    this.addShowOrHiddenFlag = false;

  }

  // 编辑显示

  private editShow(flag: boolean, record: any) {

    this.editShowOrHiddenFlag = flag

    this.editBeforeRecord = record

    const positon = []

    positon.push(record.provinceCode)

    positon.push(record.cityCode)

    positon.push(record.areaCode)

    this.editShowOrHiddenFlag = flag;

    this.editBeforeRecord = record;

    const positon = [];

    positon.push(record.provinceCode);

    positon.push(record.cityCode);

    positon.push(record.areaCode);

    this.editForm = {

      id: record.id,

      guid: record.guid,

@@ -377,75 +618,112 @@
      latitude: record.latitude,

      position: positon,

      stationLevel: record.stationLevel,

      desc: record.desc === undefined ? '' : record.desc

    }

      desc: record.desc === undefined ? "" : record.desc,

    };

  }

  // 编辑显示

  private editSiteShow(flag: boolean, record: any) {

    this.editSiteShowOrHiddenFlag = flag

    this.editBeforeSiteRecord = record

    const positon = []

    positon.push(record.provinceCode)

    positon.push(record.cityCode)

    positon.push(record.areaCode)

    this.editSiteShowOrHiddenFlag = flag;

    this.editBeforeSiteRecord = record;

    const positon = [];

    positon.push(record.provinceCode);

    positon.push(record.cityCode);

    positon.push(record.areaCode);

    this.editSiteForm = {

      id: record.id,

      guid: record.guid

    }

      guid: record.guid,

    };

  }

  // 编辑站点保存

  private editSiteSave() {

    this.$refs.editSiteRulesForm.validate((valid: any) => {

      if (valid) {

        const guid = this.editSiteForm.guid === this.editBeforeSiteRecord.guid ? null : this.editSiteForm.guid

        if (!(guid)) {

          this.$message.warning('未修改！')

        const guid =

          this.editSiteForm.guid === this.editBeforeSiteRecord.guid

            ? null

            : this.editSiteForm.guid;

        if (!guid) {

          this.$message.warning("未修改！");

        } else {

          get('govMonitorPoint/updateGuid', {

          get("govMonitorPoint/updateGuid", {

            id: this.editSiteForm.id,

            guid

            guid,

          }).then((res: any) => {

            if (res.data.code === 0) {

              this.$message.success(res.data.message)

              this.$message.success(res.data.message);

              this.editSiteForm = {

                id: -1,

                guid: ''

              }

              this.editSiteShowOrHiddenFlag = false

              this.queryGovDatas()

                guid: "",

              };

              this.editSiteShowOrHiddenFlag = false;

              this.queryGovDatas();

            } else {

              this.$message.warning(res.data.message)

              this.$message.warning(res.data.message);

            }

          })

          });

        }

      }

    })

    });

  }

  private editSiteCancel() {

    this.editForm = {

      id: -1,

      guid: ''

    }

    this.editSiteShowOrHiddenFlag = false

      guid: "",

    };

    this.editSiteShowOrHiddenFlag = false;

  }

  // 编辑保存

  private editSave() {

    this.$refs.editRulesForm.validate((valid: any) => {

      if (valid) {

        const name = this.editForm.name === this.editBeforeRecord.name ? null : this.editForm.name

        const guid = this.editForm.guid === this.editBeforeRecord.guid ? null : this.editForm.guid

        const longitude = this.editForm.longitude === this.editBeforeRecord.longitude ? null : this.editForm.longitude

        const latitude = this.editForm.latitude === this.editBeforeRecord.latitude ? null : this.editForm.latitude

        const position = (this.editForm.position[0] === this.editBeforeRecord.provinceCode &&

        const name =

          this.editForm.name === this.editBeforeRecord.name

            ? null

            : this.editForm.name;

        const guid =

          this.editForm.guid === this.editBeforeRecord.guid

            ? null

            : this.editForm.guid;

        const longitude =

          this.editForm.longitude === this.editBeforeRecord.longitude

            ? null

            : this.editForm.longitude;

        const latitude =

          this.editForm.latitude === this.editBeforeRecord.latitude

            ? null

            : this.editForm.latitude;

        const position =

          this.editForm.position[0] === this.editBeforeRecord.provinceCode &&

          this.editForm.position[1] === this.editBeforeRecord.cityCode &&

          this.editForm.position[2] === this.editBeforeRecord.areaCode) ? null : this.editForm.position

        const stationLevel = this.editForm.stationLevel === this.editBeforeRecord.stationLevel ? null : this.editForm.stationLevel

        const desc = this.editBeforeRecord.desc === undefined ? (this.editForm.desc === '' ? null : this.editForm.desc) :

          this.editForm.desc === this.editBeforeRecord.desc ? null : this.editForm.desc

        if (!(name || guid || longitude || latitude || position || stationLevel || desc)) {

          this.$message.warning('未修改！')

          this.editForm.position[2] === this.editBeforeRecord.areaCode

            ? null

            : this.editForm.position;

        const stationLevel =

          this.editForm.stationLevel === this.editBeforeRecord.stationLevel

            ? null

            : this.editForm.stationLevel;

        const desc =

          this.editBeforeRecord.desc === undefined

            ? this.editForm.desc === ""

              ? null

              : this.editForm.desc

            : this.editForm.desc === this.editBeforeRecord.desc

            ? null

            : this.editForm.desc;

        if (

          !(

            name ||

            guid ||

            longitude ||

            latitude ||

            position ||

            stationLevel ||

            desc

          )

        ) {

          this.$message.warning("未修改！");

        } else {

          post('govMonitorPoint/update', {

          post("govMonitorPoint/update", {

            id: this.editForm.id,

            guid,

            name,

@@ -455,66 +733,63 @@
            cityCode: position === null ? null : position[1],

            areaCode: position === null ? null : position[2],

            stationLevel,

            desc

            desc,

          }).then((res: any) => {

            if (res.data.code === 0) {

              this.$message.success(res.data.message)

              this.$message.success(res.data.message);

              this.editForm = {

                id: -1,

                guid: '',

                name: '',

                longitude: '',

                latitude: '',

                guid: "",

                name: "",

                longitude: "",

                latitude: "",

                position: [],

                stationLevel: undefined,

                desc: ''

              }

              this.editShowOrHiddenFlag = false

              this.queryGovDatas()

                desc: "",

              };

              this.editShowOrHiddenFlag = false;

              this.queryGovDatas();

            } else {

              this.$message.warning(res.data.message)

              this.$message.warning(res.data.message);

            }

          })

          });

        }

      }

    })

    });

  }

  // 编辑取消

  private editCancel() {

    this.editForm = {

      id: -1,

      guid: '',

      name: '',

      longitude: '',

      latitude: '',

      guid: "",

      name: "",

      longitude: "",

      latitude: "",

      position: [],

      stationLevel: undefined,

      desc: ''

    }

    this.editShowOrHiddenFlag = false

      desc: "",

    };

    this.editShowOrHiddenFlag = false;

  }

  // 删除

  private delete(record: any) {

    post('govMonitorPoint/delete', {

      id: record.id

    post("govMonitorPoint/delete", {

      id: record.id,

    }).then((res: any) => {

      if (res.data.code === 0) {

        this.$message.success(res.data.message)

        this.pagination.current = 1

        this.queryGovDatas()

        this.$message.success(res.data.message);

        this.pagination.current = 1;

        this.queryGovDatas();

      } else {

        this.$message.warning(res.data.message)

        this.$message.warning(res.data.message);

      }

    })

    });

  }

  // 数据操作方法

  private opRender(text: string, record: any, index: number) {

    return (

      <div>

        <a onClick={() => this.editShow(true, record)}>

          {" "}

          编辑{" "}

        </a>

        <a onClick={() => this.editShow(true, record)}> 编辑 </a>

        <a-divider type="vertical" />

        <a-popconfirm

          title="确认删除吗？"

@@ -525,12 +800,9 @@
          <a href="#">删除</a>

        </a-popconfirm>

        <a-divider type="vertical" />

        <a onClick={() => this.editSiteShow(true, record)}>

          {" "}

          政府站点修改{" "}

        </a>

        <a onClick={() => this.editSiteShow(true, record)}> 政府站点修改 </a>

      </div>

    )

    );

  }

}

</script>