页面设计优化：首页5个统计展示模块要让用户能明显的清楚可“点击进入”（比如字下面加下划线或者鼠标移入时“小手“图标要明显等）
This commit is contained in:
851673013@qq.com
parent
3f4e27177c
commit
7918e07b6c
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class='container'>
|
||||
<div class="container">
|
||||
<!-- <div class='container-left' v-if='homeIsShow'>
|
||||
<div class='left-search'>
|
||||
<div>
|
||||
|
|
@ -31,8 +31,8 @@
|
|||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
format='yyyy-MM-dd HH:mm:ss'
|
||||
value-format='yyyy-MM-dd HH:mm:ss'
|
||||
format="yyyy-MM-dd HH:mm:ss"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
|
@ -43,14 +43,8 @@
|
|||
placeholder="请选审核状态"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
label="审核完成"
|
||||
value="1"
|
||||
></el-option>
|
||||
<el-option
|
||||
label="审核中"
|
||||
value="0"
|
||||
></el-option>
|
||||
<el-option label="审核完成" value="1"></el-option>
|
||||
<el-option label="审核中" value="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
|
@ -62,19 +56,25 @@
|
|||
clearable
|
||||
>
|
||||
<el-option label="全部" value=""></el-option>
|
||||
<el-option v-for="item in departmentSelects" :key="item.label" v-bind="item"></el-option>
|
||||
<el-option
|
||||
v-for="item in departmentSelects"
|
||||
:key="item.label"
|
||||
v-bind="item"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--类型-->
|
||||
<el-form-item>
|
||||
<el-select
|
||||
v-model="abilityType"
|
||||
placeholder="请选择类型"
|
||||
clearable
|
||||
>
|
||||
<el-select v-model="abilityType" placeholder="请选择类型" clearable>
|
||||
<el-option label="全部" value=""></el-option>
|
||||
<el-option v-for="item in typeOptions" :key="item.name" :label="item.name" :value="item.name" v-bind="item"></el-option>
|
||||
<el-option
|
||||
v-for="item in typeOptions"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
v-bind="item"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
|
@ -84,10 +84,12 @@
|
|||
</el-form-item>
|
||||
<!--操作按钮重置-->
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetDataList()">{{ $t('reset') }}</el-button>
|
||||
<el-button type="primary" @click="resetDataList()">{{
|
||||
$t('reset')
|
||||
}}</el-button>
|
||||
</el-form-item>
|
||||
</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='top-box'>
|
||||
<span class='title'>能力统计</span>
|
||||
|
|
@ -98,11 +100,26 @@
|
|||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class='second-title'>
|
||||
<span style='margin-right:30px' :class="[(departmentId===1 || departmentId===3)?'departmentStyle':'']" @click="handleChose(1)">
|
||||
<div class="second-title">
|
||||
<span
|
||||
style="margin-right: 30px"
|
||||
:class="[
|
||||
departmentId === 1 || departmentId === 3
|
||||
? 'departmentStyle'
|
||||
: ''
|
||||
]"
|
||||
@click="handleChose(1)"
|
||||
>
|
||||
能力上架统计
|
||||
</span>
|
||||
<span :class="[(departmentId===2 || departmentId===4)?'departmentStyle':'']" @click="handleChose(2)">
|
||||
<span
|
||||
:class="[
|
||||
departmentId === 2 || departmentId === 4
|
||||
? 'departmentStyle'
|
||||
: ''
|
||||
]"
|
||||
@click="handleChose(2)"
|
||||
>
|
||||
能力使用统计
|
||||
</span>
|
||||
<!-- <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']" @click="handleChose(3)">
|
||||
|
|
@ -114,54 +131,41 @@
|
|||
<span v-if="detailFlag" class="detail-button" @click="goToDetail()">
|
||||
明细
|
||||
</span>
|
||||
<span v-else class="detail-button" @click="goToBack()">
|
||||
返回
|
||||
</span>
|
||||
<span v-else class="detail-button" @click="goToBack()"> 返回 </span>
|
||||
</div>
|
||||
<div class='line-style'></div>
|
||||
<div class="line-style"></div>
|
||||
<!--统计表-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
:header-cell-style="{ textAlign: 'center' }"
|
||||
:cell-style="{ textAlign: 'center' }"
|
||||
border
|
||||
style="width: 100%" v-show='this.departmentId===1 ||this.departmentId===2'>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="部门名称"
|
||||
min-width="100%">
|
||||
style="width: 100%"
|
||||
v-show="this.departmentId === 1 || this.departmentId === 2"
|
||||
>
|
||||
<el-table-column prop="name" label="部门名称" min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column label="组件">
|
||||
<el-table-column
|
||||
prop="znsf"
|
||||
label="智能算法"
|
||||
min-width="100%">
|
||||
<el-table-column prop="znsf" label="智能算法" min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tcfw"
|
||||
label="图层服务"
|
||||
min-width="100%">
|
||||
<el-table-column prop="tcfw" label="图层服务" min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="kfzj"
|
||||
label="通用开发组件"
|
||||
min-width="100%">
|
||||
min-width="100%"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ywzj"
|
||||
label="业务能力组件"
|
||||
min-width="100%">
|
||||
min-width="100%"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="yyzy"
|
||||
label="应用资源"
|
||||
min-width="100%">
|
||||
<el-table-column prop="yyzy" label="应用资源" min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zj"
|
||||
label="总计"
|
||||
min-width="100%">
|
||||
<el-table-column prop="zj" label="总计" min-width="100%">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--明细表-->
|
||||
|
|
@ -169,29 +173,15 @@
|
|||
<el-table
|
||||
:data="tableData"
|
||||
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="部门"
|
||||
width="180">
|
||||
<el-table-column prop="deptName" label="部门" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="resourceName"
|
||||
label="资源名称"
|
||||
width="180">
|
||||
<el-table-column prop="resourceName" label="资源名称" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="type"
|
||||
label="类型">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createDate"
|
||||
label="日期">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="approveStatus"
|
||||
label="状态">
|
||||
<el-table-column prop="type" label="类型"> </el-table-column>
|
||||
<el-table-column prop="createDate" label="日期"> </el-table-column>
|
||||
<el-table-column prop="approveStatus" label="状态">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
|
|
@ -207,9 +197,24 @@
|
|||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
<component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild2='closeChild2'></component-used>
|
||||
<component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
|
||||
<application-resources v-if='resourcesIsShow' :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
|
||||
<component-used
|
||||
v-if="UsedIsShow"
|
||||
:tableId="tableId"
|
||||
:fatherId="fatherId"
|
||||
@closeChild2="closeChild2"
|
||||
></component-used>
|
||||
<component-services
|
||||
v-if="servicesIsShow"
|
||||
:tableId="tableId"
|
||||
:fatherId="fatherId"
|
||||
@closeChild="closeChild"
|
||||
></component-services>
|
||||
<application-resources
|
||||
v-if="resourcesIsShow"
|
||||
:tableId="tableId"
|
||||
:fatherId="fatherId"
|
||||
@closeApplication="closeApplication"
|
||||
></application-resources>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
|
@ -224,41 +229,63 @@ export default {
|
|||
inputTxt: '',
|
||||
tableId: '',
|
||||
fatherId: '',
|
||||
treeData: [{
|
||||
treeData: [
|
||||
{
|
||||
label: '一级 1',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '二级 1-1',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '三级 1-1-1'
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '一级 2',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '二级 2-1',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '三级 2-1-1'
|
||||
}]
|
||||
}, {
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '二级 2-2',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '三级 2-2-1'
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '一级 3',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '二级 3-1',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '三级 3-1-1'
|
||||
}]
|
||||
}, {
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '二级 3-2',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
label: '三级 3-2-1'
|
||||
}]
|
||||
}]
|
||||
}],
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
total: null,
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
|
|
@ -272,14 +299,26 @@ export default {
|
|||
resourcesIsShow: false,
|
||||
UsedIsShow: false,
|
||||
titleList: [
|
||||
{ name: '组件服务', key: 1 }, { name: '应用资源', key: 2 }, { name: '基础设施', key: 3 }, { name: '数据资源', key: 3 }, { name: '知识库', key: 3 }
|
||||
{ name: '组件服务', key: 1 },
|
||||
{ name: '应用资源', key: 2 },
|
||||
{ name: '基础设施', key: 3 },
|
||||
{ name: '数据资源', key: 3 },
|
||||
{ name: '知识库', key: 3 }
|
||||
],
|
||||
tableData: [{ deptName: '部门', resourceNum: 222 }],
|
||||
tableData2: [{ approveStatus: '', createDate: '' ,deptName:'',resourceName:'',type:''}],
|
||||
tableData2: [
|
||||
{
|
||||
approveStatus: '',
|
||||
createDate: '',
|
||||
deptName: '',
|
||||
resourceName: '',
|
||||
type: ''
|
||||
}
|
||||
],
|
||||
examineStatus: '0', // 审核状态
|
||||
value1: [], // 起始时间
|
||||
abilityDepartment:"",//部门
|
||||
abilityType:"",//能力
|
||||
abilityDepartment: '', // 部门
|
||||
abilityType: '', // 能力
|
||||
beginTime: '', // 开始时间
|
||||
endTime: '', // 结束时间
|
||||
typeOptions: [
|
||||
|
|
@ -287,24 +326,25 @@ export default {
|
|||
{ name: '图层服务', value: 2 },
|
||||
{ name: '通用开发组件', value: 3 },
|
||||
{ name: '页面开发组件', value: 4 },
|
||||
{ name: '应用资源', value: 5 }],//类型备选列表
|
||||
{ name: '应用资源', value: 5 }
|
||||
], // 类型备选列表
|
||||
detailFlag: true, // 明细返回按钮显示标志位
|
||||
startDate:"",//开始时间
|
||||
endDate:"" // 结束时间
|
||||
startDate: '', // 开始时间
|
||||
endDate: '' // 结束时间
|
||||
}
|
||||
},
|
||||
created () {
|
||||
// 当前设定的日期时间
|
||||
let d = new Date
|
||||
let year1,month1,day1;
|
||||
[year1,month1,day1] = [d.getFullYear(),d.getMonth(),d.getDate()]
|
||||
let date1 = new Date(year1, month1, day1,7)
|
||||
const d = new Date()
|
||||
let year1, month1, day1
|
||||
;[year1, month1, day1] = [d.getFullYear(), d.getMonth(), d.getDate()]
|
||||
const date1 = new Date(year1, month1, day1, 7)
|
||||
this.value1.push(date1)
|
||||
// 前一天设定的日期时间
|
||||
let year2, month2, day2
|
||||
d.setTime(d.getTime()-24*60*60*1000);
|
||||
[year2,month2,day2] = [d.getFullYear(),d.getMonth(),d.getDate()]
|
||||
let date2 = new Date(year2,month2,day2,7)
|
||||
d.setTime(d.getTime() - 24 * 60 * 60 * 1000)
|
||||
;[year2, month2, day2] = [d.getFullYear(), d.getMonth(), d.getDate()]
|
||||
const date2 = new Date(year2, month2, day2, 7)
|
||||
this.value1.unshift(date2)
|
||||
},
|
||||
mounted () {
|
||||
|
|
@ -332,14 +372,16 @@ export default {
|
|||
}
|
||||
},
|
||||
getTreeName (data) {
|
||||
this.$http.get('/census/center/v3/treeList/', {
|
||||
this.$http
|
||||
.get('/census/center/v3/treeList/', {
|
||||
params: {
|
||||
keywords: data.name,
|
||||
deptId: '1067246875800000066'
|
||||
// pageNo: pageNo || 1,
|
||||
// pageSize: 20
|
||||
}
|
||||
}).then(res => {
|
||||
})
|
||||
.then((res) => {
|
||||
this.tableData = res.data.data
|
||||
})
|
||||
},
|
||||
|
|
@ -360,7 +402,8 @@ export default {
|
|||
|
||||
// 组件服务部门发布情况--改为能力上架统计
|
||||
getFirstTree (page) {
|
||||
this.$http.get('/census/center/selectDeptDetailTypeCountList/', {
|
||||
this.$http
|
||||
.get('/census/center/selectDeptDetailTypeCountList/', {
|
||||
params: {
|
||||
page: page || 1,
|
||||
limit: 5,
|
||||
|
|
@ -370,8 +413,9 @@ export default {
|
|||
startDate: this.startDate,
|
||||
endDate: this.endDate
|
||||
}
|
||||
}).then(res => {
|
||||
let result= res.data.data
|
||||
})
|
||||
.then((res) => {
|
||||
const result = res.data.data
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
if (!result[i].hasOwnProperty('yyzy')) {
|
||||
result[i].yyzy = 0
|
||||
|
|
@ -388,7 +432,12 @@ export default {
|
|||
if (!result[i].hasOwnProperty('ywzj')) {
|
||||
result[i].ywzj = 0
|
||||
}
|
||||
result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
|
||||
result[i].zj =
|
||||
parseInt(result[i].yyzy) +
|
||||
parseInt(result[i].kfzj) +
|
||||
parseInt(result[i].znsf) +
|
||||
parseInt(result[i].ywzj) +
|
||||
parseInt(result[i].tcfw)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
|
|
@ -396,18 +445,20 @@ export default {
|
|||
},
|
||||
// 组件服务部门使用情况列表-改为能力使用统计
|
||||
getSecondTree () {
|
||||
this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
|
||||
this.$http
|
||||
.get('/census/center/selectApplyDeptDetailTypeCountList', {
|
||||
params: {
|
||||
// page: page || 1,
|
||||
limit: 5,
|
||||
// limit: 5,
|
||||
approveStatus: this.examineStatus,
|
||||
deptId: this.abilityDepartment,
|
||||
params: '',
|
||||
startDate: this.startDate,
|
||||
endDate: this.endDate
|
||||
}
|
||||
}).then(res => {
|
||||
let result= res.data.data
|
||||
})
|
||||
.then((res) => {
|
||||
const result = res.data.data
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
if (!result[i].hasOwnProperty('yyzy')) {
|
||||
result[i].yyzy = 0
|
||||
|
|
@ -424,7 +475,12 @@ export default {
|
|||
if (!result[i].hasOwnProperty('ywzj')) {
|
||||
result[i].ywzj = 0
|
||||
}
|
||||
result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
|
||||
result[i].zj =
|
||||
parseInt(result[i].yyzy) +
|
||||
parseInt(result[i].kfzj) +
|
||||
parseInt(result[i].znsf) +
|
||||
parseInt(result[i].ywzj) +
|
||||
parseInt(result[i].tcfw)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
|
|
@ -432,17 +488,25 @@ export default {
|
|||
},
|
||||
// 能力上架明细
|
||||
getOneDetail (page) {
|
||||
this.$http.get('/census/center/selectCensusResourceTable/', {
|
||||
var passAndReview = '' // 转变"审核完成"字段为通过
|
||||
if (this.examineStatus === '审核完成') {
|
||||
passAndReview = '通过'
|
||||
} else {
|
||||
passAndReview = this.examineStatus
|
||||
}
|
||||
this.$http
|
||||
.get('/census/center/selectCensusResourceTable', {
|
||||
params: {
|
||||
limit: 5,
|
||||
// limit: 5,
|
||||
// page: page || 1,
|
||||
approveStatus: this.examineStatus,
|
||||
approveStatus: passAndReview,
|
||||
deptId: this.abilityDepartment,
|
||||
params: '',
|
||||
type: '',
|
||||
startDate: this.startDate,
|
||||
endDate: this.endDate
|
||||
}
|
||||
}).then(res => {
|
||||
})
|
||||
.then((res) => {
|
||||
console.log('111111', this.tableData, res.data.data)
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
|
|
@ -450,23 +514,32 @@ export default {
|
|||
},
|
||||
// 能力使用明细
|
||||
getTwoDetail (page) {
|
||||
this.$http.get('/census/center/selectCensusApplyTable/', {
|
||||
var passAndReview = '' // 转变"审核完成"字段为通过
|
||||
if (this.examineStatus === '审核完成') {
|
||||
passAndReview = '通过'
|
||||
} else {
|
||||
passAndReview = this.examineStatus
|
||||
}
|
||||
this.$http
|
||||
.get('/census/center/selectCensusApplyTable', {
|
||||
params: {
|
||||
limit: 5,
|
||||
// limit: 5,
|
||||
// page: page || 1,
|
||||
approveStatus: this.examineStatus,
|
||||
deptId: this.abilityDepartment,
|
||||
params: '',
|
||||
type: '',
|
||||
startDate: this.startDate,
|
||||
endDate: this.endDate
|
||||
}
|
||||
}).then(res => {
|
||||
})
|
||||
.then((res) => {
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
getReleaseTree (page) {
|
||||
this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
|
||||
this.$http
|
||||
.get('/census/center/selectApplyDeptDetailTypeCountList/', {
|
||||
params: {
|
||||
limit: 5,
|
||||
// page: page || 1,
|
||||
|
|
@ -475,8 +548,9 @@ export default {
|
|||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
let result= res.data.data
|
||||
})
|
||||
.then((res) => {
|
||||
const result = res.data.data
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
if (!result[i].hasOwnProperty('yyzy')) {
|
||||
result[i].yyzy = 0
|
||||
|
|
@ -493,7 +567,12 @@ export default {
|
|||
if (!result[i].hasOwnProperty('ywzj')) {
|
||||
result[i].ywzj = 0
|
||||
}
|
||||
result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
|
||||
result[i].zj =
|
||||
parseInt(result[i].yyzy) +
|
||||
parseInt(result[i].kfzj) +
|
||||
parseInt(result[i].znsf) +
|
||||
parseInt(result[i].ywzj) +
|
||||
parseInt(result[i].tcfw)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
|
|
@ -501,14 +580,16 @@ export default {
|
|||
},
|
||||
// 应用资源部门使用情况列表
|
||||
getUsedTree () {
|
||||
this.$http.get('/census/center/v3/resourceReleaseDetails/', {
|
||||
this.$http
|
||||
.get('/census/center/v3/resourceReleaseDetails/', {
|
||||
params: {
|
||||
limit: 5,
|
||||
page: 1,
|
||||
// id:'1067246875800000066',
|
||||
resourceType: '应用资源'
|
||||
}
|
||||
}).then(res => {
|
||||
})
|
||||
.then((res) => {
|
||||
this.tableData = res.data.data.list
|
||||
})
|
||||
},
|
||||
|
|
@ -554,7 +635,7 @@ export default {
|
|||
if (index === 1) {
|
||||
if (this.choseId === 0) {
|
||||
if (!this.detailFlag) {
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
this.getFirstTree()
|
||||
} else if (this.choseId === 1) {
|
||||
|
|
@ -563,14 +644,13 @@ export default {
|
|||
} else if (index === 2) {
|
||||
if (this.choseId === 0) {
|
||||
if (!this.detailFlag) {
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
this.getSecondTree()
|
||||
} else {
|
||||
// this.getUsedTree()
|
||||
}
|
||||
}
|
||||
else if (index === 3) {
|
||||
} else if (index === 3) {
|
||||
if (this.choseId === 0) {
|
||||
this.getOneDetail()
|
||||
} else {
|
||||
|
|
@ -605,113 +685,109 @@ export default {
|
|||
},
|
||||
// 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
|
||||
goToDetail () {
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.detailFlag = !this.detailFlag
|
||||
if (this.departmentId === 1) {
|
||||
this.handleChose(3);
|
||||
this.handleChose(3)
|
||||
// this.departmentId = 1;
|
||||
} else if (this.departmentId === 2) {
|
||||
this.handleChose(4);
|
||||
this.handleChose(4)
|
||||
// this.departmentId = 2;
|
||||
} else {
|
||||
|
||||
}
|
||||
},
|
||||
// 返回按钮
|
||||
goToBack () {
|
||||
// departmentId 1，3 2，4 两个值共同判断
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.detailFlag = !this.detailFlag
|
||||
if (this.departmentId === 3) {
|
||||
this.handleChose(1);
|
||||
this.handleChose(1)
|
||||
// this.departmentId = 1;
|
||||
} else if (this.departmentId === 4) {
|
||||
this.handleChose(2);
|
||||
this.handleChose(2)
|
||||
// this.departmentId = 2;
|
||||
} else {
|
||||
|
||||
}
|
||||
},
|
||||
// 点击查询按钮查询数据
|
||||
getDataList () {
|
||||
if (this.value1.length > 0) {
|
||||
this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss');
|
||||
this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss');
|
||||
this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss')
|
||||
this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss')
|
||||
}
|
||||
if (this.examineStatus == 0) {
|
||||
this.examineStatus = "审核中";
|
||||
this.examineStatus = '审核中'
|
||||
} else {
|
||||
this.examineStatus = "审核完成";
|
||||
this.examineStatus = '审核完成'
|
||||
}
|
||||
|
||||
if (this.abilityDepartment) {
|
||||
this.abilityDepartment = this.abilityDepartment
|
||||
} else {
|
||||
this.abilityDepartment = "全部";
|
||||
this.abilityDepartment = ''
|
||||
}
|
||||
|
||||
if (this.abilityType) {
|
||||
this.abilityType = this.abilityType;
|
||||
this.abilityType = this.abilityType
|
||||
} else {
|
||||
this.abilityType = "全部";
|
||||
this.abilityType = ''
|
||||
}
|
||||
console.log('查询参数开始时间1',this.startDate);
|
||||
console.log('查询参数结束时间2',this.endDate);
|
||||
console.log('查询参数审核状态',this.examineStatus);
|
||||
console.log('查询参数部门',this.abilityDepartment);
|
||||
console.log('查询参数类型',this.abilityType);
|
||||
console.log('查询参数开始时间1', this.startDate)
|
||||
console.log('查询参数结束时间2', this.endDate)
|
||||
console.log('查询参数审核状态', this.examineStatus)
|
||||
console.log('查询参数部门', this.abilityDepartment)
|
||||
console.log('查询参数类型', this.abilityType)
|
||||
if (this.departmentId === 1) {
|
||||
if (this.detailFlag) {
|
||||
this.handleChose(3);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(3)
|
||||
this.detailFlag = !this.detailFlag
|
||||
} else {
|
||||
this.handleChose(1);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(1)
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
// this.departmentId = 1;
|
||||
} else if (this.departmentId === 2) {
|
||||
if (this.detailFlag) {
|
||||
this.handleChose(4);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(4)
|
||||
this.detailFlag = !this.detailFlag
|
||||
} else {
|
||||
this.handleChose(2);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(2)
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
} else if (this.departmentId === 3) {
|
||||
this.handleChose(3);
|
||||
this.handleChose(3)
|
||||
} else {
|
||||
this.handleChose(4);
|
||||
this.handleChose(4)
|
||||
}
|
||||
|
||||
},
|
||||
// 重置按钮查询数据
|
||||
resetDataList () {
|
||||
this.startDate = "";
|
||||
this.endDate="";
|
||||
this.examineStatus = "审核中";
|
||||
this.abilityDepartment = "全部";
|
||||
this.abilityType ="全部";
|
||||
this.startDate = ''
|
||||
this.endDate = ''
|
||||
this.examineStatus = '审核中'
|
||||
this.abilityDepartment = ''
|
||||
this.abilityType = ''
|
||||
if (this.departmentId === 1) {
|
||||
if (this.detailFlag) {
|
||||
this.handleChose(3);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(3)
|
||||
this.detailFlag = !this.detailFlag
|
||||
} else {
|
||||
this.handleChose(1);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(1)
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
// this.departmentId = 1;
|
||||
} else if (this.departmentId === 2) {
|
||||
if (this.detailFlag) {
|
||||
this.handleChose(4);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(4)
|
||||
this.detailFlag = !this.detailFlag
|
||||
} else {
|
||||
this.handleChose(2);
|
||||
this.detailFlag = !this.detailFlag;
|
||||
this.handleChose(2)
|
||||
this.detailFlag = !this.detailFlag
|
||||
}
|
||||
} else if (this.departmentId === 3) {
|
||||
this.handleChose(3);
|
||||
this.handleChose(3)
|
||||
} else {
|
||||
this.handleChose(4);
|
||||
this.handleChose(4)
|
||||
}
|
||||
|
||||
},
|
||||
// 定义格式化函数：
|
||||
handleTime (time, format) {
|
||||
|
|
@ -746,7 +822,6 @@ export default {
|
|||
})
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -2,46 +2,71 @@
|
|||
<div class="capability-convergence">
|
||||
<div class="main">
|
||||
<div class="top">
|
||||
能力汇聚
|
||||
能力分类
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="item">
|
||||
<div class="zj">组件服务</div>
|
||||
<div class="name" v-for="(item, index) in zjList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne(item.id)">
|
||||
<div
|
||||
class="name"
|
||||
v-for="(item, index) in zjList"
|
||||
:key="item.id"
|
||||
:class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne(item.id)"
|
||||
>
|
||||
{{ index + 1 }}-{{ item.name }}
|
||||
</div>
|
||||
<div class="btn" @click="jumpPage('组件服务')">查看更多</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="yy">应用资源</div>
|
||||
<div class="name" v-for="(item, index) in yyList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne(item.id)">
|
||||
<div
|
||||
class="name"
|
||||
v-for="(item, index) in yyList"
|
||||
:key="item.id"
|
||||
:class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne(item.id)"
|
||||
>
|
||||
{{ index + 1 }}-{{ item.name }}
|
||||
</div>
|
||||
<div class="btn" @click="jumpPage('应用资源')">查看更多</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="jc">基础设施</div>
|
||||
<div class="name" v-for="(item, index) in jcList" :key="item.name" :class="index == 2 ? 'name-last' : ''"
|
||||
@click="selectOne2(item.name)">
|
||||
<div
|
||||
class="name"
|
||||
v-for="(item, index) in jcList"
|
||||
:key="item.name"
|
||||
:class="index == 2 ? 'name-last' : ''"
|
||||
@click="selectOne2(item.name)"
|
||||
>
|
||||
{{ item.name + '-' + item.num + '项' }}
|
||||
</div>
|
||||
<div class="btn" @click="jumpPage('基础设施')">查看更多</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="sj">数据资源</div>
|
||||
<div class="name" v-for="(item, index) in sjList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne3(item.name)">
|
||||
<div
|
||||
class="name"
|
||||
v-for="(item, index) in sjList"
|
||||
:key="item.id"
|
||||
:class="index == 4 ? 'name-last' : ''"
|
||||
@click="selectOne3(item.name)"
|
||||
>
|
||||
{{ index + 1 }}-{{ item.name }}
|
||||
</div>
|
||||
<div class="btn" @click="jumpPage('数据资源')">查看更多</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="zs">知识库</div>
|
||||
<div class="name" v-for="(item, index) in zsList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
|
||||
@click="openHref(item)">
|
||||
<div
|
||||
class="name"
|
||||
v-for="(item, index) in zsList"
|
||||
:key="item.id"
|
||||
:class="index == 4 ? 'name-last' : ''"
|
||||
@click="openHref(item)"
|
||||
>
|
||||
{{ index + 1 }}-{{ item.name }}
|
||||
</div>
|
||||
<div class="btn" @click="jumpPage('知识库')">查看更多</div>
|
||||
|
|
@ -160,25 +185,27 @@ const getAppResources = (type, obj) => {
|
|||
}
|
||||
// 西海岸-单兵设备、无人机 获取数量
|
||||
if (whoShow1.value.itShowXiHaiAn) {
|
||||
getSoldierData('无人机').then(res => {
|
||||
let { total = 0 } = res.data.data;
|
||||
getSoldierData('无人机')
|
||||
.then((res) => {
|
||||
let { total = 0 } = res.data.data
|
||||
jcList.value.push({
|
||||
name: '无人机',
|
||||
num: total,
|
||||
})
|
||||
}).catch(err => {
|
||||
console.log('err--无人机---------->', err);
|
||||
|
||||
})
|
||||
getSoldierData('单兵设备').then(res => {
|
||||
let { total = 0 } = res.data.data;
|
||||
.catch((err) => {
|
||||
console.log('err--无人机---------->', err)
|
||||
})
|
||||
getSoldierData('单兵设备')
|
||||
.then((res) => {
|
||||
let { total = 0 } = res.data.data
|
||||
jcList.value.push({
|
||||
name: '单兵设备',
|
||||
num: total,
|
||||
})
|
||||
}).catch(err => {
|
||||
console.log('err--单兵设备---------->', err);
|
||||
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log('err--单兵设备---------->', err)
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
@ -213,13 +240,15 @@ const getSoldierData = (name) => {
|
|||
limit: 10,
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
getSoldierList(_params).then(res => {
|
||||
getSoldierList(_params)
|
||||
.then((res) => {
|
||||
resolve(res)
|
||||
console.log('res---获取无人机、单兵设备--------->', res);
|
||||
console.log('res---获取无人机、单兵设备--------->', res)
|
||||
if (res.data.code !== 0) {
|
||||
return message.error(res.data.msg)
|
||||
}
|
||||
}).catch(err => {
|
||||
})
|
||||
.catch((err) => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<template>
|
||||
<div class="navigation2">
|
||||
<a-tooltip>
|
||||
<template #title>点击进入组件服务</template>
|
||||
<div class="item" @click="jumpPage('组件服务')">
|
||||
<div class="img zj"></div>
|
||||
<div class="name">组件服务</div>
|
||||
|
|
@ -8,6 +10,9 @@
|
|||
个
|
||||
</div>
|
||||
</div>
|
||||
</a-tooltip>
|
||||
<a-tooltip>
|
||||
<template #title>点击进入应用资源</template>
|
||||
<div class="item" @click="jumpPage('应用资源')">
|
||||
<div class="img yy"></div>
|
||||
<div class="name">应用资源</div>
|
||||
|
|
@ -16,6 +21,9 @@
|
|||
个
|
||||
</div>
|
||||
</div>
|
||||
</a-tooltip>
|
||||
<a-tooltip>
|
||||
<template #title>点击进入基础设施</template>
|
||||
<div class="item" @click="jumpPage('基础设施')">
|
||||
<div class="img jc"></div>
|
||||
<div class="name">基础设施</div>
|
||||
|
|
@ -24,6 +32,9 @@
|
|||
个
|
||||
</div>
|
||||
</div>
|
||||
</a-tooltip>
|
||||
<a-tooltip>
|
||||
<template #title>点击进入数据资源</template>
|
||||
<div class="item" @click="jumpPage('数据资源')">
|
||||
<div class="img sj"></div>
|
||||
<div class="name">数据资源</div>
|
||||
|
|
@ -32,6 +43,9 @@
|
|||
项
|
||||
</div>
|
||||
</div>
|
||||
</a-tooltip>
|
||||
<a-tooltip>
|
||||
<template #title>点击进入知识库</template>
|
||||
<div class="item" @click="jumpPage('知识库')">
|
||||
<div class="img zs"></div>
|
||||
<div class="name">知识库</div>
|
||||
|
|
@ -40,6 +54,7 @@
|
|||
个
|
||||
</div>
|
||||
</div>
|
||||
</a-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<latest-capabilities></latest-capabilities>
|
||||
<resource-aggregation></resource-aggregation>
|
||||
<recommendation-ability></recommendation-ability>
|
||||
<work-dynamics></work-dynamics>
|
||||
<!-- <work-dynamics></work-dynamics> -->
|
||||
<home-footer></home-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in New Issue