新增选项组件，修改组合式函数fetchData

riku

2023-05-19 c9571c465c756deedbfe424b5eab2d7591119f77

 src/views/baseinfo/fysp/scene/SceneInfo.vue

@@ -2,16 +2,26 @@
  <el-row ref="searchRef">
    <el-form :inline="true" :model="formSearch">
      <el-form-item label="省/市/区/镇" prop="_locations">
        <el-cascader
        <!-- <el-cascader
          v-model="formSearch._locations"
          :options="locations"
          placeholder="省/市/区/镇"
          :props="props"
          style="width: 280px"
        />
        /> -->
        <OptionLocation
          :allOption="true"
          :level="4"
          v-model:value="formSearch._locations"
        ></OptionLocation>
      </el-form-item>
      <el-form-item label="场景类型" prop="scensetypeid">
        <el-select
      <el-form-item label="场景类型" prop="scensetype">
        <OptionScene
          :allOption="true"
          :type="2"
          v-model:value="formSearch.scensetype"
        ></OptionScene>
        <!-- <el-select
          v-model="formSearch.scensetypeid"
          placeholder="场景类型"
          style="width: 150px"
@@ -22,10 +32,14 @@
            :label="s.label"
            :value="s.value"
          />
        </el-select>
        </el-select> -->
      </el-form-item>
      <el-form-item label="上线状态" prop="online">
        <el-select
        <OptionOnlineStatus
          :allOption="true"
          v-model:value="formSearch.online"
        ></OptionOnlineStatus>
        <!-- <el-select
          v-model="formSearch.online"
          placeholder="上线状态"
          style="width: 75px"
@@ -36,7 +50,7 @@
            :label="s.label"
            :value="s.value"
          />
        </el-select>
        </el-select> -->
      </el-form-item>
      <el-form-item>
        <el-button icon="Search" type="primary" @click="onSearch"
@@ -106,9 +120,6 @@
</template>

<script>
import { enumScene_2 } from '@/enum/scene';
import { enumLocation } from '@/enum/location';
import { enumOnlineStatus } from '@/enum/onlineStatus';
import sceneApi from '@/api/fysp/sceneApi';
import { useLoadingStore } from '@/stores/loadingStore';
import { mapStores } from 'pinia';
@@ -117,20 +128,10 @@
export default {
  data() {
    return {
      locations: enumLocation(),
      sceneTypes: enumScene_2(),
      onlineStatus: enumOnlineStatus(),
      formSearch: {
        _locations: [],
        provincecode: '',
        citycode: '',
        districtcode: '',
        towncode: '',
        scensetypeid: '',
        online: '',
      },
      props: {
        checkStrictly: true,
        scensetype: {},
        online: {},
      },

      tableData: [],
@@ -177,10 +178,10 @@
        ? (area.towncode = f._locations[3][0])
        : (area.towncode = null);
      // 场景类型
      area.scensetypeid = f.scensetypeid;
      area.scensetypeid = f.scensetype.value;
      if (area.scensetypeid == '0') area.scensetypeid = null;
      // 上下线状态
      area.online = f.online;
      area.online = f.online.value;

      sceneApi
        .searchScene(area, this.currentPage, this.pageSize)
@@ -234,9 +235,6 @@
    },
  },
  mounted() {
    this.formSearch.scensetypeid = this.sceneTypes[0].value;
    this.formSearch._locations = [this.locations[0].value];
    this.formSearch.online = this.onlineStatus[0].value;
    this.tableHeight = this.calcTableHeight();
    this.onSearch();
  },