40 lines
916 B
Vue
40 lines
916 B
Vue
<template>
|
||
<div class="mobile-common-query card-item">
|
||
<div class="query-item">
|
||
<span>分类：</span>
|
||
<el-segmented v-model="assetStore.queryInfo.category"
|
||
:options="queryCategoryList"
|
||
@change="assetStore.refreshInfo()"/>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { onMounted, ref } from 'vue'
|
||
import { useAssetStore } from '@/store/asset.ts'
|
||
import { ICategory } from '@/types'
|
||
|
||
const assetStore = useAssetStore()
|
||
|
||
const queryCategoryList = ref([] as ICategory[])
|
||
|
||
onMounted(async () => {
|
||
await assetStore.queryAssetCategory()
|
||
initCategoryList()
|
||
})
|
||
|
||
const initCategoryList = () => {
|
||
queryCategoryList.value = []
|
||
queryCategoryList.value.push({
|
||
label: '全部',
|
||
value: ''
|
||
})
|
||
assetStore.categoryList.forEach((item) => {
|
||
queryCategoryList.value.push({
|
||
label: item,
|
||
value: item
|
||
})
|
||
})
|
||
}
|
||
</script>
|