From adae7524c986a758dd61bc5d0c23f6b922e299c7 Mon Sep 17 00:00:00 2001 From: Lius <Lius2225@163.com> Date: 星期四, 25 一月 2024 17:06:35 +0800 Subject: [PATCH] 加班管理添加字段 --- src/views/dashboard/Analysis.vue | 77 +++++++++++++++++++++++++++++++------- 1 files changed, 63 insertions(+), 14 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 577f741..209c1ab 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,26 +1,36 @@ <template> - <div> - <index-chart v-if="indexStyle==1"></index-chart> + <div class="page-container"> + <!--<index-chart v-if="indexStyle==1"></index-chart>--> <!--<index-bdc v-if="indexStyle==2"></index-bdc>--> <!--<index-task v-if="indexStyle==3"></index-task>--> <!--<div style="width: 100%;text-align: right;margin-top: 20px">--> - <!--璇烽�夋嫨棣栭〉鏍峰紡锛�--> - <!--<!–<a-radio-group v-model="indexStyle">–>--> - <!--<!–<a-radio :value="1">缁熻鍥捐〃</a-radio>–>--> - <!--<!–<a-radio :value="2">缁熻鍥捐〃2</a-radio>–>--> - <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>--> - <!--<!–</a-radio-group>–>--> + <!--璇烽�夋嫨棣栭〉鏍峰紡锛�--> + <!--<!–<a-radio-group v-model="indexStyle">–>--> + <!--<!–<a-radio :value="1">缁熻鍥捐〃</a-radio>–>--> + <!--<!–<a-radio :value="2">缁熻鍥捐〃2</a-radio>–>--> + <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>--> + <!--<!–</a-radio-group>–>--> <!--</div>--> + + <a-list + :grid="{ gutter: [{xs: 0, sm: 24, md: 24, lg: 56, xl: 64, xxl: 80},20], xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 4 }" + :data-source="workshopList"> + <a-list-item slot="renderItem" slot-scope="item, index"> + <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div> + </a-list-item> + </a-list> + </div> </template> <script> import IndexChart from './IndexChart' - import IndexTask from "./IndexTask" + import IndexTask from './IndexTask' import IndexBdc from './IndexBdc' + import api from '@/api/mdc' export default { - name: "Analysis", + name: 'Analysis', components: { IndexChart, IndexTask, @@ -28,14 +38,53 @@ }, data() { return { - indexStyle:1 + indexStyle: 1, + workshopList: [] } }, created() { - + this.getWorkshopListByApi() }, methods: { - + /** + * 閫氳繃杞﹂棿Id璺宠浆鑷崇浉搴旇溅闂村ぇ灞忕湅鏉� + * @param id 杞﹂棿Id + */ + navigateToWorkshopSignage(id) { + const url = this.$router.resolve(`/workshopSignage/${id}`).href + window.open(url, '_blank') + }, + /** + * 鑾峰彇杞﹂棿鍒楄〃 + */ + getWorkshopListByApi() { + api.getWorkshopListInHomePageApi().then(res => { + console.log('res', res) + if (res.result && res.result.length > 0) { + this.workshopList = res.result + } + }) + } } } -</script> \ No newline at end of file +</script> + +<style lang="less" scoped> + .page-container { + padding: 30px 30px 0; + + .workshop-name { + width: 100%; + background: #fff; + padding: 55px 0; + border-radius: 20px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 30px; + cursor: pointer; + } + } + +</style> \ No newline at end of file -- Gitblit v1.9.3