riku
2025-09-16 5ad61d6ad3a0ce12c7fe0808527069b09a7c9c0d
src/views/fysp/scene/SceneInfo.vue
@@ -6,10 +6,15 @@
        :level="4"
        v-model:value="formSearch._locations"
      ></FYOptionLocation>
      <FYOptionText
        label="场景名称"
        placeholder="输入名称关键字"
        v-model:value="formSearch.searchText"
      ></FYOptionText>
      <FYOptionScene
        :allOption="true"
        :type="2"
        v-model:value="formSearch.scensetype"
        v-model:value="formSearch._scenetype"
      ></FYOptionScene>
      <FYOptionOnlineStatus
        :allOption="true"
@@ -17,18 +22,20 @@
      ></FYOptionOnlineStatus>
    </template>
    <template #buttons>
      <CompSceneImport></CompSceneImport>
    </template>
    <template #table-column>
      <el-table-column fixed="left" prop="name" label="名称" width="400">
        <template #default="scope">
          <el-tooltip
            effect="dark"
            :content="scope.row.name"
            placement="top-start"
            :show-after="500"
          >
            {{ scope.row.name }}
          </el-tooltip>
        </template>
      <el-table-column fixed="left" sortable prop="index" label="编号" width="80">
      </el-table-column>
      <el-table-column
        fixed="left"
        prop="name"
        label="名称"
        :show-overflow-tooltip="true"
        width="400"
      >
      </el-table-column>
      <el-table-column prop="type" label="类型" width="130" />
      <el-table-column prop="provincename" label="省" width="90" />
@@ -65,45 +72,50 @@
import { useLoadingStore } from '@/stores/loadingStore';
import { mapStores } from 'pinia';
import { useMessageBoxTip } from '@/composables/messageBox';
import CompSceneImport from './CompSceneImport.vue';
export default {
  components: {
    CompSceneImport
  },
  data() {
    return {
      formSearch: {
        _locations: {},
        scensetype: {},
        online: {},
      },
        searchText: '',
        _scenetype: {},
        online: {}
      }
    };
  },
  computed: {
    ...mapStores(useLoadingStore),
    ...mapStores(useLoadingStore)
  },
  methods: {
    onSearch(page, func) {
      const f = this.formSearch;
      const area = {};
      // 行政区划
      area.provincecode = f._locations.pCode
      area.citycode = f._locations.cCode
      area.districtcode = f._locations.dCode
      area.towncode = f._locations.tCode
      area.provincecode = f._locations.pCode;
      area.citycode = f._locations.cCode;
      area.districtcode = f._locations.dCode;
      area.towncode = f._locations.tCode;
      // 场景类型
      area.scensetypeid = f.scensetype.value;
      area.scensetypeid = f._scenetype.value;
      if (area.scensetypeid == '0') area.scensetypeid = null;
      // 上下线状态
      area.online = f.online.value;
      // 查询关键字(场景名称)
      area.sceneName = f.searchText;
      return sceneApi
        .searchScene(area, page.currentPage, page.pageSize)
        .then((res) => {
          if (res.success) {
            func({
              data: res.data,
              total: res.head.totalCount,
            });
          }
        });
      return sceneApi.searchScene(area, page.currentPage, page.pageSize).then((res) => {
        if (res.success) {
          func({
            data: res.data,
            total: res.head.totalCount
          });
        }
      });
    },
    itemEdit(scope) {
      scope.row.loading1 = true;
@@ -130,10 +142,10 @@
            .finally(() => {
              scope.row.loading2 = false;
            });
        },
        }
      });
    },
  },
    }
  }
};
</script>