wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

后台管理—能力统计，导出 按钮样式更改

This commit is contained in:
guoyue 2022-10-26 10:26:36 +08:00
parent d8a08c6470
commit 02925c3282
1 changed files with 51 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
back/src/views/modules/abilityStatistics/index.vue
View File

@ -45,28 +45,27 @@
<el-form-item> <el-form-item>
<span v-if="this.departmentId === 1 || this.departmentId === 3">上架部门：</span> <span v-if="this.departmentId === 1 || this.departmentId === 3">上架部门：</span>
<span v-else>申请部门：</span> <span v-else>申请部门：</span>
<el-select <el-select v-model="abilityDepartment" placeholder="请选择部门" filterable clearable>
v-model="abilityDepartment"
placeholder="请选择部门"
filterable
clearable
>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option v-for="item in departmentSelects" :key="item.label" :label="item.label" :value="item.value" v-bind="item"></el-option> <el-option v-for="item in departmentSelects" :key="item.label" :label="item.label" :value="item.value"
v-bind="item"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!--类型--> <!--类型-->
<el-form-item> <el-form-item>
<span>类型：</span> <span>类型：</span>
<el-select v-if="this.departmentId === 2 || this.departmentId === 4" v-model="abilityType" placeholder="请选择类型" clearable> <el-select v-if="this.departmentId === 2 || this.departmentId === 4" v-model="abilityType" placeholder="请选择类型"
clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option v-for="(item, i) in typeOptions" :key="`${item.name}${i}`" :label="item.name" :value="item.name" v-bind="item"> <el-option v-for="(item, i) in typeOptions" :key="`${item.name}${i}`" :label="item.name" :value="item.name"
v-bind="item">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-else v-model="abilityType" placeholder="请选择类型" clearable> <el-select v-else v-model="abilityType" placeholder="请选择类型" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option v-for="(item, i) in typeOptions1" :key="`${item.name}${i}`" :label="item.name" :value="item.name" v-bind="item"> <el-option v-for="(item, i) in typeOptions1" :key="`${item.name}${i}`" :label="item.name" :value="item.name"
v-bind="item">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -78,11 +77,12 @@
<!--操作按钮重置--> <!--操作按钮重置-->
<el-form-item> <el-form-item>
<el-button type="primary" @click="resetDataList()">{{ <el-button type="primary" @click="resetDataList()">{{
$t('reset') $t('reset')
}}</el-button> }}</el-button>
</el-form-item> </el-form-item>
<!-- 导出 --> <!-- 导出 -->
<a class='export' :href="exportExcel+exportExcelType+'?'+exportExcelCondition+'&token='+token">导出全部</a> <a class='export'
:href="exportExcel + exportExcelType + '?' + exportExcelCondition + '&token=' + token">导出全部</a>
</el-form> </el-form>
<el-card shadow="never" class="aui-card--fill" v-if="homeIsShow"> <el-card shadow="never" class="aui-card--fill" v-if="homeIsShow">
<div class="mod-demand__bsdemand"> <div class="mod-demand__bsdemand">
@ -117,7 +117,8 @@
能力使用明细 能力使用明细
</span> --> </span> -->
<template v-if="detailFlag"> <template v-if="detailFlag">
<el-checkbox v-model="checked" @change='chagneCheckbox' style="position: absolute;right: 150px;margin-top: -15px;">隐藏空数据</el-checkbox> <el-checkbox v-model="checked" @change='chagneCheckbox'
style="position: absolute;right: 150px;margin-top: -15px;">隐藏空数据</el-checkbox>
<span class="detail-button" @click="goToDetail()"> <span class="detail-button" @click="goToDetail()">
明细 明细
</span> </span>
@ -168,14 +169,10 @@
</el-table> </el-table>
<!--明细表--> <!--明细表-->
<el-table <el-table :data="tableData" :header-cell-style="{ textAlign: 'center', height: '96px' }"
:data="tableData" :cell-style="{ textAlign: 'center' }" style="width: 100%"
:header-cell-style="{ textAlign: 'center',height:'96px' }" v-show="this.departmentId === 3 || this.departmentId === 4">
:cell-style="{ textAlign: 'center' }" <el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
style="width: 100%"
v-show="this.departmentId === 3 || this.departmentId === 4"
>
<el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%"> <el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%">
</el-table-column> </el-table-column>
@ -233,7 +230,7 @@ import Template from '../devtools/template.vue'
// }) // })
export default { export default {
components: { componentServices, applicationResources, ComponentUsed, AbilityDetail, Template }, components: { componentServices, applicationResources, ComponentUsed, AbilityDetail, Template },
data () { data() {
return { return {
checked: false, checked: false,
departmentSelects: [], departmentSelects: [],
@ -366,7 +363,7 @@ export default {
endDate: '' // 结束时间 endDate: '' // 结束时间
} }
}, },
created () { created() {
this.$http.get('/sys/dept/all').then(res => { this.$http.get('/sys/dept/all').then(res => {
// console.log('获取部门=========>', res) // console.log('获取部门=========>', res)
this.departmentSelects = [] this.departmentSelects = []
@ -387,7 +384,7 @@ export default {
// const date2 = new Date(year2, month2, day2, 7) // const date2 = new Date(year2, month2, day2, 7)
// this.value1.unshift(date2) // this.value1.unshift(date2)
}, },
mounted () { mounted() {
// this.getFirstTree() // this.getFirstTree()
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.handleChose(3) this.handleChose(3)
@ -402,7 +399,7 @@ export default {
// ...mapState(['departmentSelects']) // ...mapState(['departmentSelects'])
}, },
methods: { methods: {
chagneCheckbox () { chagneCheckbox() {
if (this.checked) { if (this.checked) {
this.tableData = this.tableDataClone.filter(val => val.count !== 0) this.tableData = this.tableDataClone.filter(val => val.count !== 0)
this.total = this.tableData.length this.total = this.tableData.length
@ -411,10 +408,10 @@ export default {
this.total = this.tableData.length this.total = this.tableData.length
} }
}, },
closeModal () { closeModal() {
this.detailsVisible = false this.detailsVisible = false
}, },
handleCurrentChange (val) { handleCurrentChange(val) {
console.log('val------------>', val) console.log('val------------>', val)
this.currentPage = val this.currentPage = val
// todo // todo
@ -431,7 +428,7 @@ export default {
// this.getReleaseTree(val) // this.getReleaseTree(val)
// } // }
}, },
getTreeName (data) { getTreeName(data) {
this.$http this.$http
.get('/census/center/v3/treeList/', { .get('/census/center/v3/treeList/', {
params: { params: {
@ -461,7 +458,7 @@ export default {
// }, // },
// 组件服务部门发布情况--改为能力上架统计 // 组件服务部门发布情况--改为能力上架统计
getFirstTree (page) { getFirstTree(page) {
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
} else if (this.examineStatus == '0') { } else if (this.examineStatus == '0') {
@ -527,7 +524,7 @@ export default {
}) })
}, },
// 组件服务部门使用情况列表-改为能力使用统计 // 组件服务部门使用情况列表-改为能力使用统计
getSecondTree (page) { getSecondTree(page) {
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
} else if (this.examineStatus == '0') { } else if (this.examineStatus == '0') {
@ -593,7 +590,7 @@ export default {
}) })
}, },
// 点击查看详情 // 点击查看详情
detailClick (row) { detailClick(row) {
this.detailParamss = {} this.detailParamss = {}
const applyNumber = row.applyNumber const applyNumber = row.applyNumber
if (this.departmentId == 3) { // 能力上架 if (this.departmentId == 3) { // 能力上架
@ -635,7 +632,7 @@ export default {
} }
}, },
// 能力上架明细 能力上架统计 // 能力上架明细 能力上架统计
getOneDetail (page) { getOneDetail(page) {
var passAndReview = '' // 转变"通过"字段为通过 var passAndReview = '' // 转变"通过"字段为通过
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
@ -674,7 +671,7 @@ export default {
}) })
}, },
// 能力使用明细 能力使用统计 // 能力使用明细 能力使用统计
getTwoDetail (page) { getTwoDetail(page) {
var passAndReview = '' // 转变"通过"字段为通过 var passAndReview = '' // 转变"通过"字段为通过
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
@ -711,7 +708,7 @@ export default {
}) })
}) })
}, },
getReleaseTree (page) { getReleaseTree(page) {
this.$http this.$http
.get('/census/center/selectApplyDeptDetailTypeCountList/', { .get('/census/center/selectApplyDeptDetailTypeCountList/', {
params: { params: {
@ -758,7 +755,7 @@ export default {
}) })
}, },
// 应用资源部门使用情况列表 // 应用资源部门使用情况列表
getUsedTree () { getUsedTree() {
this.$http this.$http
.get('/census/center/v3/resourceReleaseDetails/', { .get('/census/center/v3/resourceReleaseDetails/', {
params: { params: {
@ -772,7 +769,7 @@ export default {
this.tableData = res.data.data.list this.tableData = res.data.data.list
}) })
}, },
handleClick (row) { handleClick(row) {
if (this.choseId === 0) { if (this.choseId === 0) {
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.homeIsShow = false this.homeIsShow = false
@ -793,7 +790,7 @@ export default {
} }
}, },
// 选择组件 // 选择组件
choseBtn (index) { choseBtn(index) {
this.choseId = index this.choseId = index
this.handleChose(1) this.handleChose(1)
}, },
@ -809,7 +806,7 @@ export default {
// } // }
// }, // },
// 选择发布or使用表格 // 选择发布or使用表格
handleChose (index) { handleChose(index) {
this.checked = false this.checked = false
this.departmentId = index this.departmentId = index
if (index === 1) { if (index === 1) {
@ -851,26 +848,26 @@ export default {
} }
}, },
// 翻页 // 翻页
handleSizeChange (val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`)
}, },
closeChild () { closeChild() {
this.homeIsShow = true this.homeIsShow = true
this.servicesIsShow = false this.servicesIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
closeChild2 () { closeChild2() {
this.homeIsShow = true this.homeIsShow = true
this.UsedIsShow = false this.UsedIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
closeApplication () { closeApplication() {
this.homeIsShow = true this.homeIsShow = true
this.resourcesIsShow = false this.resourcesIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
// 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数 // 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
goToDetail () { goToDetail() {
this.detailFlag = !this.detailFlag this.detailFlag = !this.detailFlag
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.handleChose(3) this.handleChose(3)
@ -882,7 +879,7 @@ export default {
} }
}, },
// 返回按钮 // 返回按钮
goToBack () { goToBack() {
this.checked = false this.checked = false
// departmentId 1，3 2，4 两个值共同判断 // departmentId 1，3 2，4 两个值共同判断
this.detailFlag = !this.detailFlag this.detailFlag = !this.detailFlag
@ -896,7 +893,7 @@ export default {
} }
}, },
// 点击查询按钮查询数据 // 点击查询按钮查询数据
getDataList () { getDataList() {
if (this.value1 && this.value1.length > 0) { if (this.value1 && this.value1.length > 0) {
this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd') this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd')
this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd') this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd')
@ -927,7 +924,7 @@ export default {
} }
}, },
// 重置按钮查询数据 // 重置按钮查询数据
resetDataList () { resetDataList() {
this.value1 = [] this.value1 = []
this.startDate = '' this.startDate = ''
this.endDate = '' this.endDate = ''
@ -965,7 +962,7 @@ export default {
} }
}, },
// 定义格式化函数： // 定义格式化函数：
handleTime (time, format) { handleTime(time, format) {
if (time == null || time == undefined || time == '') { if (time == null || time == undefined || time == '') {
return '' return ''
} }
@ -1159,24 +1156,16 @@ input::placeholder {
background: #fff; background: #fff;
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
color: #000; color: #000;
color: #FFF;
background-color: #0058e1;
border-color: #0058e1;
text-decoration: none;
} }
.export:hover { .export:hover {
border-color: #c5ddfd; background: #65a5f9;
background-color: #ecf4fe; border-color: #65a5f9;
color: #0058e1; color: #FFF;
text-decoration: none;
} }
.export:active {
border-color: #c5ddfd;
background-color: #ecf4fe;
color: #0058e1;
text-decoration: none;
}
.export:visited {
color: #fff;
text-decoration: none;
}
</style> </style>