客户需求更新

This commit is contained in:
wuhongjian 2022-10-13 14:47:53 +08:00
parent 75299e8648
commit 54aa64de64
3 changed files with 73 additions and 17 deletions

View File

@ -25,6 +25,7 @@
<el-form :inline="true"> <el-form :inline="true">
<!--起始日期 @keyup.enter.native="getDataList()"--> <!--起始日期 @keyup.enter.native="getDataList()"-->
<el-form-item> <el-form-item>
<span>日期</span>
<el-date-picker <el-date-picker
v-model="value1" v-model="value1"
type="datetimerange" type="datetimerange"
@ -38,6 +39,7 @@
</el-form-item> </el-form-item>
<!--审核状态--> <!--审核状态-->
<el-form-item> <el-form-item>
<span>审核状态</span>
<el-select <el-select
v-model="examineStatus" v-model="examineStatus"
placeholder="请选审核状态" placeholder="请选审核状态"
@ -51,6 +53,7 @@
<!--部门--> <!--部门-->
<el-form-item> <el-form-item>
<span>部门名称</span>
<el-select <el-select
v-model="abilityDepartment" v-model="abilityDepartment"
placeholder="请选择部门" placeholder="请选择部门"
@ -67,6 +70,7 @@
<!--类型--> <!--类型-->
<el-form-item> <el-form-item>
<span>类型</span>
<el-select v-model="abilityType" placeholder="请选择类型" clearable> <el-select v-model="abilityType" placeholder="请选择类型" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option <el-option
@ -109,7 +113,7 @@
? 'departmentStyle' ? 'departmentStyle'
: '' : ''
]" ]"
@click="handleChose(1)" @click="handleChose(3)"
> >
能力上架统计 能力上架统计
</span> </span>
@ -119,7 +123,7 @@
? 'departmentStyle' ? 'departmentStyle'
: '' : ''
]" ]"
@click="handleChose(2)" @click="handleChose(4)"
> >
能力使用统计 能力使用统计
</span> </span>
@ -144,7 +148,7 @@
style="width: 100%" style="width: 100%"
v-show="this.departmentId === 1" v-show="this.departmentId === 1"
> >
<el-table-column prop="name" label="部门名称" min-width="100%"> <el-table-column prop="name" label="上架部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column label="组件"> <el-table-column label="组件">
<el-table-column prop="znsf" label="智能算法" min-width="100%"> <el-table-column prop="znsf" label="智能算法" min-width="100%">
@ -177,7 +181,7 @@
style="width: 100%" style="width: 100%"
v-show="this.departmentId === 2" v-show="this.departmentId === 2"
> >
<el-table-column prop="name" label="部门名称" min-width="100%"> <el-table-column prop="name" label="申请部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column label="组件"> <el-table-column label="组件">
<el-table-column prop="znsf" label="智能算法" min-width="100%"> <el-table-column prop="znsf" label="智能算法" min-width="100%">
@ -211,11 +215,15 @@
style="width: 100%" style="width: 100%"
v-show="this.departmentId === 3 || this.departmentId === 4" v-show="this.departmentId === 3 || this.departmentId === 4"
> >
<el-table-column prop="deptName" label="部门" min-width="100%"> <el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
</el-table-column>
<el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column prop="resourceName" label="资源名称" min-width="100%"> <el-table-column prop="resourceName" label="资源名称" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column prop="type" label="类型" min-width="100%"> </el-table-column> <el-table-column prop="type" label="类型" min-width="100%"> </el-table-column>
<el-table-column v-if="this.departmentId === 4" prop="resourceDeptName" label="提供部门" min-width="100%">
</el-table-column>
<el-table-column prop="createDate" label="日期" min-width="100%"> </el-table-column> <el-table-column prop="createDate" label="日期" min-width="100%"> </el-table-column>
<el-table-column prop="approveStatus" label="状态" min-width="100%"> <el-table-column prop="approveStatus" label="状态" min-width="100%">
</el-table-column> </el-table-column>
@ -390,7 +398,7 @@ export default {
{ name: '页面开发组件', value: 4 }, { name: '页面开发组件', value: 4 },
{ name: '应用资源', value: 5 } { name: '应用资源', value: 5 }
], // ], //
detailFlag: true, // detailFlag: false, //
startDate: '', // startDate: '', //
endDate: '' // endDate: '' //
} }
@ -410,7 +418,15 @@ export default {
// this.value1.unshift(date2) // this.value1.unshift(date2)
}, },
mounted () { mounted () {
this.getFirstTree() // this.getFirstTree()
if (this.departmentId === 1) {
this.handleChose(3)
// this.departmentId = 1;
} else if (this.departmentId === 2) {
this.handleChose(4)
// this.departmentId = 2;
} else {
}
}, },
computed: { computed: {
...mapState(['departmentSelects']) ...mapState(['departmentSelects'])
@ -786,12 +802,14 @@ export default {
// this.getUsedTree() // this.getUsedTree()
} }
} else if (index === 3) { } else if (index === 3) {
this.detailFlag = false
if (this.choseId === 0) { if (this.choseId === 0) {
this.getOneDetail() this.getOneDetail()
} else { } else {
// this.getUsedTree() // this.getUsedTree()
} }
} else if (index === 4) { } else if (index === 4) {
this.detailFlag = false
if (this.choseId === 0) { if (this.choseId === 0) {
this.getTwoDetail() this.getTwoDetail()
} else { } else {
@ -879,7 +897,7 @@ export default {
this.value1 = [] this.value1 = []
this.startDate = '' this.startDate = ''
this.endDate = '' this.endDate = ''
this.examineStatus = '全部' this.examineStatus = ''
this.abilityDepartment = '' this.abilityDepartment = ''
this.abilityType = '' this.abilityType = ''
if (this.departmentId === 1) { if (this.departmentId === 1) {

View File

@ -2,16 +2,16 @@
* @Author: hisense.wuhongjian * @Author: hisense.wuhongjian
* @Date: 2020-07-07 16:03:23 * @Date: 2020-07-07 16:03:23
* @LastEditors: hisense.wuhongjian * @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-10-12 15:29:29 * @LastEditTime: 2022-10-13 13:50:44
* @Description: 系统静态参数配置 * @Description: 系统静态参数配置
*/ */
var _global = {} var _global = {}
var CONFIGITEM = { var CONFIGITEM = {
// version: 'qingdao', // // version: 'qingdao', //
// version: 'xihaian', // 西 // version: 'xihaian', // 西
version: 'dev', // // version: 'dev', //
// version: 'zhanTingDev', // dev (2022-09-13:) // version: 'zhanTingDev', // dev (2022-09-13:)
//version: 'test', // version: 'test', //
//version: 'frp', // 穿 //version: 'frp', // 穿
vNum: 'v0.8.7.2', vNum: 'v0.8.7.2',
configData: { configData: {

View File

@ -15,11 +15,26 @@
></div> ></div>
<div class="name">{{ item.type }}</div> <div class="name">{{ item.type }}</div>
<div class="organization-value"> <div class="organization-value">
<span class="num">{{ item.amount }}</span> <a-tooltip
placement="top"
v-if="
useName === 'admin' &&
(item.type === '已上架部门数' ||
item.type === '用户量' ||
item.type === '资源申请量')
"
>
<template #title>点击查看详情</template>
<span class="hover-click num" @click="showDetail(item.type)">
{{ item.amount }}
</span>
</a-tooltip>
<span v-else class="num">
{{ item.amount }}
</span>
<span class="organization">{{ item.organization }}</span> <span class="organization">{{ item.organization }}</span>
</div> </div>
</div> </div>
<div class="shuxian"></div> <div class="shuxian"></div>
</div> </div>
</div> </div>
@ -27,20 +42,24 @@
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import { useStore } from 'vuex'
import { totalResourceAggregation } from '@/api/abilityStatistics.js' import { totalResourceAggregation } from '@/api/abilityStatistics.js'
let photo = ref([ let photo = ref([
require('../../../assets/abilityStatistics/Volume-of-covered-sectors.png'),
require('../../../assets/abilityStatistics/pingtaifangwenliang.png'), require('../../../assets/abilityStatistics/pingtaifangwenliang.png'),
require('../../../assets/abilityStatistics/yonghuliang.png'), require('../../../assets/abilityStatistics/yonghuliang.png'),
require('../../../assets/abilityStatistics/Volume-of-covered-sectors.png'),
require('../../../assets/abilityStatistics/ziyuanhuijusnum.png'), require('../../../assets/abilityStatistics/ziyuanhuijusnum.png'),
require('../../../assets/abilityStatistics/ziyuanshenqingliang.png'), require('../../../assets/abilityStatistics/ziyuanshenqingliang.png'),
]) ])
let dataList = ref([]) let dataList = ref([])
const store = useStore()
//
const useName = ref(store.getters['user/username'])
///whole_amount ///whole_amount
function snum() { function snum() {
totalResourceAggregation().then((res) => { totalResourceAggregation().then((res) => {
dataList.value = res.data.data; dataList.value = res.data.data
console.log('res.data.data------------>', res.data.data); console.log('res.data.data------------>', res.data.data)
res.data.data.map((item, index) => { res.data.data.map((item, index) => {
console.log('dataList', dataList.value) console.log('dataList', dataList.value)
@ -68,6 +87,22 @@
}) })
} }
snum() snum()
const showDetail = function (type) {
switch (type) {
case '已上架部门数':
window.open(window.SITE_CONFIG.backUrl + '/#/sys-dept', '_blank')
break
case '用户量':
window.open(window.SITE_CONFIG.backUrl + '/#/sys-user', '_blank')
break
case '资源申请量':
window.open(
window.SITE_CONFIG.backUrl + '/#/abilityStatistics-index',
'_blank'
)
break
}
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@font-face { @font-face {
@ -84,6 +119,9 @@
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
} }
.hover-click {
cursor: pointer;
}
.ability-total { .ability-total {
background: #f1f4fb; background: #f1f4fb;
font-size: 18px; font-size: 18px;