地图管理

龚焕茏

2024-03-07 8cffe3b961224f59d8b6a8fc59d8cae1c6d9de2f

 src/views/dg/danger/total.vue

@@ -86,8 +86,8 @@
        <el-form-item label="镇街名称" prop="townStreetName" label-width="100">
          <!-- <el-input v-model="form.townStreetName" placeholder="请输入镇街名称" /> -->
          <el-select v-model="form.townStreetName" placeholder="请选择" clearable style="width: 240px" >
              <el-option v-for="item in townStreetNames" :key="item.townStreetName" :label="item.townStreetName" :value="item.townStreetName"/>
            </el-select>
            <el-option v-for="item in townStreetNames" :key="item.name" :label="item.name" :value="item.name"/>
          </el-select>
        </el-form-item>
        <el-form-item label="统计周期" prop="periodDate" label-width="100">
          <el-select v-model="form.period" placeholder="请选择" style="width: 100px;" @change="clearPeriod">
@@ -159,6 +159,7 @@
<script setup name="DangerTotal" lang="ts">
import { listDangerTotal, getDangerTotal, delDangerTotal, addDangerTotal, updateDangerTotal } from '@/api/dg/dangerTotal';
import { DangerTotalVO, DangerTotalQuery, DangerTotalForm } from '@/api/dg/dangerTotal/types';
import { RegionVO } from '@/api/region/types';

const { proxy } = getCurrentInstance() as ComponentInternalInstance;

@@ -178,14 +179,6 @@
  visible: false,
  title: ''
});

const townStreetNames = [
{
  townStreetName: '幸福街道',
},
{
  townStreetName: '银杏街道'
}];

const initFormData: DangerTotalForm = {
  id: undefined,
@@ -335,6 +328,7 @@

onMounted(() => {
  getList();
  getTownStreetNames();
});

/** 周期年或月 */
@@ -401,5 +395,18 @@
  uploadRef.value?.submit();
}

// 调用后端API获取镇街名称列表
import { listRegion} from '@/api/region';
const townStreetNames = ref<RegionVO[]>([]);

const regionQueryParams = {
  parentCode: 510181
}

/** 查询镇街 */
const getTownStreetNames = async () => {
  const res = await listRegion(regionQueryParams);
  townStreetNames.value = res.rows;
}

</script>