|
@@ -1,6 +1,11 @@
|
|
<template>
|
|
<template>
|
|
- <div class="y-container">
|
|
|
|
- <listTemp :columns="columns" :param="param" :tableName="'reportcenterTable'">
|
|
|
|
|
|
+ <div class="y-container flex">
|
|
|
|
+ <div>
|
|
|
|
+ <ul class="typeMenu">
|
|
|
|
+ <li :class="item.type == onType ? 'on':''" v-for="item in data" :key="item.index" @click="typeClick(item.type)">{{item.type}}</li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ <listTemp ref="list" :columns="columns" :param="param" :tableName="'reportcenterTable'" :searchType="searchType" :noAutoQuery="true" style="flex:1">
|
|
<template #operation>
|
|
<template #operation>
|
|
报表中心
|
|
报表中心
|
|
</template>
|
|
</template>
|
|
@@ -17,20 +22,24 @@
|
|
import listTemp from '@/components/listTemplate/index.vue';
|
|
import listTemp from '@/components/listTemplate/index.vue';
|
|
import Api from '@/api/api'
|
|
import Api from '@/api/api'
|
|
import { ref } from 'vue'
|
|
import { ref } from 'vue'
|
|
- import { useRouter } from "vue-router";
|
|
|
|
import { onMounted } from "vue";
|
|
import { onMounted } from "vue";
|
|
import { useAuthStore } from '@/stores/modules/auth'
|
|
import { useAuthStore } from '@/stores/modules/auth'
|
|
import { storeToRefs } from 'pinia'
|
|
import { storeToRefs } from 'pinia'
|
|
const store = useAuthStore()
|
|
const store = useAuthStore()
|
|
let { app } = storeToRefs(store)
|
|
let { app } = storeToRefs(store)
|
|
- const router = useRouter()
|
|
|
|
let columns = ref([])
|
|
let columns = ref([])
|
|
- let dataSource = ref([])
|
|
|
|
|
|
+ let searchType = ref([
|
|
|
|
+ {label:'搜索',key:'condition',type:'input'}
|
|
|
|
+ ])
|
|
let param = ref({
|
|
let param = ref({
|
|
"content": {
|
|
"content": {
|
|
"pageNumber":1,
|
|
"pageNumber":1,
|
|
"pageSize":20,
|
|
"pageSize":20,
|
|
- "systemappid":app.value.systemappid
|
|
|
|
|
|
+ "systemappid":app.value.systemappid,
|
|
|
|
+ "where": {
|
|
|
|
+ "condition": "",
|
|
|
|
+ "type": "",
|
|
|
|
+ },
|
|
},
|
|
},
|
|
"id": 20221213094401,
|
|
"id": 20221213094401,
|
|
})
|
|
})
|
|
@@ -58,9 +67,48 @@
|
|
})
|
|
})
|
|
window.open(getBaseUrl() + res.data)
|
|
window.open(getBaseUrl() + res.data)
|
|
}
|
|
}
|
|
|
|
+ const list = ref()
|
|
|
|
+ const data = ref([])
|
|
|
|
+ const typeList = async ()=> {
|
|
|
|
+ const res = await Api.requested({
|
|
|
|
+ "id": 20240407094804,
|
|
|
|
+ "content": {
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ data.value = res.data
|
|
|
|
+ onType.value = param.value.content.where.type = res.data[0].type
|
|
|
|
+ list.value.tableData()
|
|
|
|
+ }
|
|
|
|
+ const onType = ref('')
|
|
|
|
+ const typeClick = (value)=>{
|
|
|
|
+ onType.value = param.value.content.where.type = value
|
|
|
|
+ list.value.tableData()
|
|
|
|
+ }
|
|
|
|
+ onMounted(()=>{
|
|
|
|
+ typeList()
|
|
|
|
+ })
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
+.flex{
|
|
|
|
+ display: flex;
|
|
|
|
+}
|
|
.btn-link{
|
|
.btn-link{
|
|
text-decoration: underline;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
+.typeMenu{
|
|
|
|
+ padding: 0;
|
|
|
|
+ list-style: none;
|
|
|
|
+ width: 150px;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+}
|
|
|
|
+.typeMenu li{
|
|
|
|
+ padding:5px 10px;
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
|
|
+.on{
|
|
|
|
+ border-radius: 3px;
|
|
|
|
+ background-color: #1677ff;
|
|
|
|
+ color: #fff;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|