Compare commits
28 Commits
hi-ucs-dev
...
master
Author | SHA1 | Date |
---|---|---|
wuhongjian | 4a6416de51 | |
wuhongjian | 8e53d92898 | |
gongjiale | 82a188251a | |
gongjiale | 1f44d96460 | |
unknown | 43b36362c0 | |
unknown | 7438e98f19 | |
unknown | 479b96ee06 | |
wuhongjian | ff971b798b | |
wuhongjian | 754b6ebdec | |
wuhongjian | 0c78639afa | |
wuhongjian | 48097bdd54 | |
wuhongjian | cd832f3f90 | |
wuhongjian | 931e3a0e0a | |
wuhongjian | 31e81a258c | |
wuhongjian | 307bd6c020 | |
wuhongjian | 8a58e70fc6 | |
wuhongjian | 9601541628 | |
wuhongjian | 0a16dd5e84 | |
wuhongjian | ff44fd4691 | |
wuhongjian | dbb6d55bce | |
wuhongjian | c9a5bf9f69 | |
wuhongjian | bab0689c4c | |
wuhongjian | 13622255f8 | |
wuhongjian | e8dc08504c | |
a0049873 | ba195e1758 | |
wuhongjian | a53121649a | |
wuhongjian | 676a738518 | |
wuhongjian | 36b8fec5a0 |
|
@ -1,4 +1,4 @@
|
|||
back/dist-西海岸-后台管理.zip
|
||||
back/*.zip
|
||||
back/public/index.html
|
||||
back/dist-西海岸-后台管理-带配置文件.zip
|
||||
back/dist-市局-后台管理-带配置文件.zip
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2022-08-25 14:37:49
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-27 14:25:39
|
||||
* @LastEditTime: 2022-08-29 09:57:52
|
||||
* @Description: 告诉大家这是什么
|
||||
*/
|
||||
var _global = {}
|
||||
var CONFIGITEM = {
|
||||
version: 'qingdao', // 青岛
|
||||
// version: 'qingdao', // 青岛
|
||||
// version: 'xihaian', // 西海岸
|
||||
// version: 'test', // 测试
|
||||
version: 'test', // 测试
|
||||
// version: 'frp', // 内网穿透
|
||||
// version: 'dev', // 开发
|
||||
vNum: 'v0.8.7.2',
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2022-04-11 10:11:40
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-25 14:51:36
|
||||
* @LastEditTime: 2022-08-29 09:54:59
|
||||
* @Description: 告诉大家这是什么
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
|
|
|
@ -22,92 +22,181 @@
|
|||
</span>
|
||||
</el-tree>
|
||||
</div> -->
|
||||
<el-form :inline="true">
|
||||
<!--起始日期 @keyup.enter.native="getDataList()"-->
|
||||
<el-form-item>
|
||||
<el-date-picker
|
||||
v-model="value1"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
format='yyyy-MM-dd HH:mm:ss'
|
||||
value-format='yyyy-MM-dd HH:mm:ss'
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<!--审核状态-->
|
||||
<el-form-item>
|
||||
<el-select
|
||||
v-model="examineStatus"
|
||||
placeholder="请选审核状态"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
label="审核完成"
|
||||
value="1"
|
||||
></el-option>
|
||||
<el-option
|
||||
label="审核中"
|
||||
value="0"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--部门-->
|
||||
<el-form-item>
|
||||
<el-select
|
||||
v-model="abilityDepartment"
|
||||
placeholder="请选择部门"
|
||||
clearable
|
||||
>
|
||||
<el-option label="全部" value=""></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-option label="全部" value=""></el-option>
|
||||
<el-option v-for="item in typeOptions" :key="item.value" :label="item.name" v-bind="item"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--操作按钮查询-->
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
|
||||
</el-form-item>
|
||||
<!--操作按钮重置-->
|
||||
<el-form-item>
|
||||
<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'>
|
||||
<div class="mod-demand__bsdemand">
|
||||
<div class='top-box'>
|
||||
<!-- <div class='top-box'>
|
||||
<span class='title'>能力统计</span>
|
||||
<div class='title-list-style'>
|
||||
<div v-for="(item,index) in titleList" :key='index' class='title-single' :class="{'choseStyle':choseId=== index}" @click="choseBtn(index)">
|
||||
<span class='box-style'>{{item.name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class='second-title'>
|
||||
<span style='margin-right:30px' :class="[departmentId===1?'departmentStyle':'']" @click="handleChose(1)">
|
||||
部门发布情况
|
||||
能力上架统计
|
||||
</span>
|
||||
<span v-if='this.choseId===0' :class="[departmentId===2?'departmentStyle':'']" @click="handleChose(2)">
|
||||
部门使用情况
|
||||
<span :class="[departmentId===2?'departmentStyle':'']" @click="handleChose(2)">
|
||||
能力使用统计
|
||||
</span>
|
||||
<!-- <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']" @click="handleChose(3)">
|
||||
能力上架明细
|
||||
</span>
|
||||
<span v-if='this.choseId===0' :class="[departmentId===4?'departmentStyle':'']" @click="handleChose(4)">
|
||||
能力使用明细
|
||||
</span> -->
|
||||
<span v-if="detailFlag" class="detail-button" @click="goToDetail()">
|
||||
明细
|
||||
</span>
|
||||
<span v-else class="detail-button" @click="goToBack()">
|
||||
返回
|
||||
</span>
|
||||
</div>
|
||||
<div class='line-style'></div>
|
||||
<!--统计表-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
:header-cell-style="{textAlign:'center'}"
|
||||
:cell-style="{textAlign:'center'}"
|
||||
border
|
||||
style="width: 100%">
|
||||
style="width: 100%" v-if='this.departmentId===1 ||this.departmentId===2'>
|
||||
<el-table-column
|
||||
prop="deptName"
|
||||
prop="name"
|
||||
label="部门名称"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if='this.departmentId===1'
|
||||
prop="resourceNum"
|
||||
label="发布总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceCarNum"
|
||||
label="被申请总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===1"
|
||||
prop="resourceBrowseNum"
|
||||
label="浏览总量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===1"
|
||||
prop="resourceCollectionNum"
|
||||
label="收藏量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceVisits"
|
||||
label="被调用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceRelNum"
|
||||
label="被应用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceShareNum"
|
||||
label="需申请数量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||
prop="resourceShareNonNum"
|
||||
label="免批数量"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===2"
|
||||
prop="resourceUseNum"
|
||||
label="使用总数"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="this.departmentId===2"
|
||||
prop="resourceCallNum"
|
||||
label="申请总数"
|
||||
<el-table-column label="组件">
|
||||
<el-table-column
|
||||
prop="znsf"
|
||||
label="智能算法"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tcfw"
|
||||
label="图层服务"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="kfzj"
|
||||
label="通用开发组件"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ywzj"
|
||||
label="业务能力组件"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="yyzy"
|
||||
label="应用资源"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zj"
|
||||
label="总计"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--明细表-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
:header-cell-style="{textAlign:'center'}"
|
||||
:cell-style="{textAlign:'center'}"
|
||||
border
|
||||
style="width: 100%" v-if='this.departmentId===3 ||this.departmentId===4'>
|
||||
<el-table-column
|
||||
prop="deptName"
|
||||
label="部门"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
min-width="92%">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>
|
||||
</template>
|
||||
prop="resourceName"
|
||||
label="资源名称"
|
||||
min-width="100%">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-table-column
|
||||
prop="type"
|
||||
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>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
@current-change="handleCurrentChange"
|
||||
|
@ -130,6 +219,7 @@
|
|||
import componentServices from './componentServices.vue'
|
||||
import applicationResources from './applicationResources.vue'
|
||||
import ComponentUsed from './componentUsed.vue'
|
||||
import { mapState } from 'vuex'
|
||||
export default {
|
||||
components: { componentServices, applicationResources, ComponentUsed },
|
||||
data () {
|
||||
|
@ -187,14 +277,41 @@ export default {
|
|||
titleList: [
|
||||
{ name: '组件服务', key: 1 }, { name: '应用资源', key: 2 }, { name: '基础设施', key: 3 }, { name: '数据资源', key: 3 }, { name: '知识库', key: 3 }
|
||||
],
|
||||
tableData: [{ deptName: '部门', resourceNum: 222 }]
|
||||
tableData: [{ deptName: '部门', resourceNum: 222 }],
|
||||
examineStatus: '0',//审核状态
|
||||
value1:[],//起始时间
|
||||
abilityDepartment:"",//部门
|
||||
abilityType:"",//能力
|
||||
beginTime: '',//开始时间
|
||||
endTime: '',//结束时间
|
||||
typeOptions:[
|
||||
{ name: '智能算法', value: 1 },
|
||||
{ name: '图层服务', value: 2 },
|
||||
{ name: '通用开发组件', value: 3 },
|
||||
{ name: '页面开发组件', value: 4 },
|
||||
{ name: '应用资源', value: 5 }],//类型备选列表
|
||||
detailFlag:true,//明细返回按钮显示标志位
|
||||
}
|
||||
},
|
||||
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)
|
||||
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)
|
||||
this.value1.unshift(date2)
|
||||
},
|
||||
mounted () {
|
||||
this.getFirstTree()
|
||||
},
|
||||
computed: {
|
||||
...mapState(['departmentSelects'])
|
||||
},
|
||||
methods: {
|
||||
// 搜索框
|
||||
|
@ -241,44 +358,139 @@ export default {
|
|||
// })
|
||||
// },
|
||||
|
||||
// 组件服务部门发布情况
|
||||
// 组件服务部门发布情况--改为能力上架统计
|
||||
getFirstTree (page) {
|
||||
this.$http.get('/census/center/v3/resourceReleaseDetails/', {
|
||||
this.$http.get('/census/center/selectDeptDetailTypeCountList/', {
|
||||
params: {
|
||||
page: page || 1,
|
||||
limit: 5,
|
||||
// id:'1067246875800000066',
|
||||
resourceType: '组件服务'
|
||||
approveStatus: '',
|
||||
deptId: '',
|
||||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.data.list
|
||||
let result= res.data.data
|
||||
for(let i=0;i<result.length;i++){
|
||||
if(!result[i].hasOwnProperty('yyzy') ){
|
||||
result[i].yyzy= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('kfzj') ){
|
||||
result[i].kfzj= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('znsf') ){
|
||||
result[i].znsf= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('tcfw') ){
|
||||
result[i].tcfw= 0
|
||||
}
|
||||
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)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
// 组件服务部门使用情况列表
|
||||
// 组件服务部门使用情况列表-改为能力使用统计
|
||||
getSecondTree () {
|
||||
this.$http.get('/census/center/v3/resourceUsedDetails/', {
|
||||
this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
|
||||
params: {
|
||||
// page: page || 1,
|
||||
limit: 5,
|
||||
page: 1,
|
||||
// id:'1067246875800000064',
|
||||
resourceType: '组件服务'
|
||||
approveStatus: '',
|
||||
deptId: '',
|
||||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.data.list
|
||||
let result= res.data.data
|
||||
for(let i=0;i<result.length;i++){
|
||||
if(!result[i].hasOwnProperty('yyzy') ){
|
||||
result[i].yyzy= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('kfzj') ){
|
||||
result[i].kfzj= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('znsf') ){
|
||||
result[i].znsf= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('tcfw') ){
|
||||
result[i].tcfw= 0
|
||||
}
|
||||
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)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
// 应用资源部门发布情况列表
|
||||
getReleaseTree (page) {
|
||||
this.$http.get('/census/center/v3/resourceReleaseDetails/', {
|
||||
// 能力上架明细
|
||||
getOneDetail (page) {
|
||||
this.$http.get('/census/center/selectCensusResourceTable/', {
|
||||
params: {
|
||||
limit: 5,
|
||||
page: page || 1,
|
||||
// id:'1067246875800000066',
|
||||
resourceType: '应用资源'
|
||||
// page: page || 1,
|
||||
approveStatus: '',
|
||||
deptId: '',
|
||||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.data.list
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
// 能力使用明细
|
||||
getTwoDetail (page) {
|
||||
this.$http.get('/census/center/selectCensusApplyTable/', {
|
||||
params: {
|
||||
limit: 5,
|
||||
// page: page || 1,
|
||||
approveStatus: '',
|
||||
deptId: '',
|
||||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
getReleaseTree (page) {
|
||||
this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
|
||||
params: {
|
||||
limit: 5,
|
||||
// page: page || 1,
|
||||
approveStatus: '',
|
||||
deptId: '',
|
||||
params: '',
|
||||
startDate: ''
|
||||
}
|
||||
}).then(res => {
|
||||
let result= res.data.data
|
||||
for(let i=0;i<result.length;i++){
|
||||
if(!result[i].hasOwnProperty('yyzy') ){
|
||||
result[i].yyzy= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('kfzj') ){
|
||||
result[i].kfzj= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('znsf') ){
|
||||
result[i].znsf= 0
|
||||
}
|
||||
if(!result[i].hasOwnProperty('tcfw') ){
|
||||
result[i].tcfw= 0
|
||||
}
|
||||
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)
|
||||
}
|
||||
this.tableData = res.data.data
|
||||
this.total = res.data.data.total
|
||||
})
|
||||
},
|
||||
|
@ -338,13 +550,26 @@ export default {
|
|||
if (this.choseId === 0) {
|
||||
this.getFirstTree()
|
||||
} else if (this.choseId === 1) {
|
||||
this.getReleaseTree()
|
||||
//this.getReleaseTree()
|
||||
}
|
||||
} else if (index === 2) {
|
||||
if (this.choseId === 0) {
|
||||
this.getSecondTree()
|
||||
} else {
|
||||
this.getUsedTree()
|
||||
//this.getUsedTree()
|
||||
}
|
||||
}
|
||||
else if (index === 3) {
|
||||
if (this.choseId === 0) {
|
||||
this.getOneDetail()
|
||||
} else {
|
||||
//this.getUsedTree()
|
||||
}
|
||||
} else if (index === 4) {
|
||||
if (this.choseId === 0) {
|
||||
this.getTwoDetail()
|
||||
} else {
|
||||
// this.getUsedTree()
|
||||
}
|
||||
}
|
||||
},
|
||||
|
@ -366,6 +591,24 @@ export default {
|
|||
this.homeIsShow = true
|
||||
this.resourcesIsShow = false
|
||||
this.handleCurrentChange(1)
|
||||
},
|
||||
//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
|
||||
goToDetail(){
|
||||
this.detailFlag = !this.detailFlag;
|
||||
if(this.departmentId===1){
|
||||
this.handleChose(3);
|
||||
//this.departmentId = 1;
|
||||
}else if(this.departmentId===2){
|
||||
this.handleChose(4);
|
||||
//this.departmentId = 2;
|
||||
}else{
|
||||
|
||||
}
|
||||
},
|
||||
//返回按钮
|
||||
goToBack(){
|
||||
//departmentId 1,3 2,4 两个值共同判断
|
||||
this.detailFlag = !this.detailFlag;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -374,6 +617,7 @@ export default {
|
|||
<style lang="scss" scoped>
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.container-left {
|
||||
width: 250px;
|
||||
|
@ -464,6 +708,18 @@ input::placeholder {
|
|||
font-size: 14px;
|
||||
color: #979eb9;
|
||||
cursor: pointer;
|
||||
.detail-button{
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
right: 60px;
|
||||
background-color: #0058e1;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
margin-top: -20px;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.line-style {
|
||||
width: 100%;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2022-03-29 16:45:25
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-25 11:18:05
|
||||
* @LastEditTime: 2022-11-21 20:17:38
|
||||
* @Description: 告诉大家这是什么
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
|
@ -85,7 +85,7 @@
|
|||
properly without JavaScript enabled. Please enable it to continue.
|
||||
</strong>
|
||||
</noscript>
|
||||
<div id="app">
|
||||
<div id="app" style="background: #010519">
|
||||
<div class="first-loading-wrp">
|
||||
<div class="loading-wrp">
|
||||
<span class="dot dot-spin">
|
||||
|
|
|
@ -2,15 +2,15 @@
|
|||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2020-07-07 16:03:23
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-27 14:25:54
|
||||
* @LastEditTime: 2022-11-21 19:37:54
|
||||
* @Description: 系统静态参数配置
|
||||
*/
|
||||
var _global = {}
|
||||
var CONFIGITEM = {
|
||||
version: 'qingdao', //青岛
|
||||
//version: 'qingdao', //青岛
|
||||
//version: 'xihaian', // 西海岸
|
||||
//version: 'dev', // 开发
|
||||
//version: 'test', // 测试
|
||||
version: 'test', // 测试
|
||||
//version: 'frp', // 内网穿透
|
||||
vNum: 'v0.8.7.2',
|
||||
configData: {
|
||||
|
@ -72,7 +72,7 @@ var CONFIGITEM = {
|
|||
},
|
||||
backUrl: 'http://192.168.124.243:9797',
|
||||
previewUrl: 'http://192.168.124.243:9796/',
|
||||
websocketURL: '192.168.124.243:8888/renren-admin',
|
||||
websocketURL: '221.0.232.149:7082/renren-admin',
|
||||
POI_URL:
|
||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||
},
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2020-07-07 16:03:23
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-08-25 18:47:08
|
||||
* @LastEditTime: 2022-08-29 09:55:56
|
||||
* @Description: 数据资源参数配置
|
||||
*/
|
||||
// eslint-disable-next-line no-undef
|
||||
|
@ -34,7 +34,7 @@ if (newLocation !== 'baotou' && newLocation !== 'xihaian') {
|
|||
{ name: '能力云图', key: 'capabilityCloud' },
|
||||
{ name: '能力统计', key: 'abilityStatistics' },
|
||||
// { name: '开发指南', key: 'developmentGuide' },
|
||||
{ name: '技术文档', key: 'instructionManual' },
|
||||
{ name: '新手指南', key: 'instructionManual' },
|
||||
{ name: '需求中心', key: 'demandCenter' },
|
||||
// { name: '个人中心', key: 'personalCenter' },
|
||||
{ name: '区市站点', key: 'mapTest' },
|
||||
|
|
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 293 B |
|
@ -495,7 +495,7 @@ export const constantRoutes = [
|
|||
name: 'instructionManual',
|
||||
component: () => import('@/views/instructionManual/index'),
|
||||
meta: {
|
||||
title: '技术文档',
|
||||
title: '新手指南',
|
||||
icon: 'error-warning-line',
|
||||
},
|
||||
},
|
||||
|
|
|
@ -146,7 +146,7 @@ instance.interceptors.response.use(
|
|||
// }
|
||||
},
|
||||
(error) => {
|
||||
// debugger
|
||||
debugger
|
||||
console.log('接口error', error)
|
||||
if (loadingInstance) loadingInstance.close()
|
||||
|
||||
|
@ -159,6 +159,14 @@ instance.interceptors.response.use(
|
|||
setAccessToken(response.headers.token)
|
||||
}
|
||||
if (response.headers.redirect) {
|
||||
if (response.headers.redirect === '/#/login') {
|
||||
setAccessToken('')
|
||||
window.location.replace('/ucs/#/login')
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 1000)
|
||||
return Promise.resolve()
|
||||
}
|
||||
window.location.replace(response.headers.redirect)
|
||||
return Promise.resolve()
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<template>
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
:action="`${apiURL}/upload`"
|
||||
:action="`${window.SITE_CONFIG.apiURL}/upload`"
|
||||
list-type="picture"
|
||||
class="upload-list-inline"
|
||||
:maxCount="props.maxCount"
|
||||
|
@ -38,6 +38,7 @@
|
|||
// import { baseURL } from '@/config'
|
||||
import { message, Upload } from 'ant-design-vue'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
|
||||
const props = defineProps({
|
||||
btnName: { type: String, default: '' },
|
||||
type: { type: String, default: '' },
|
||||
|
|
|
@ -1337,33 +1337,18 @@
|
|||
pageSize: paramsGetResources.pageSize, //分页大小
|
||||
}
|
||||
getDataResource(dataResourceParams).then((res) => {
|
||||
if (whoShow1.value.itShowQingDao) {
|
||||
res.data.data.data.forEach((val) => {
|
||||
val.id = val.guid // id
|
||||
val.name = val.zyname // 名字
|
||||
val.sjlCount = val.sjcczl // 数据量
|
||||
val.applyCount = val.syqk // 申请量
|
||||
val.deptName = val.TGBM // 部门
|
||||
val.createDate = val.fbrq // 发布时间
|
||||
val.description = val.xgxt // 描述
|
||||
})
|
||||
resourceList.data = res.data.data.data || []
|
||||
resourceTotal.value = res.data.data.rows || ''
|
||||
loading.value = false
|
||||
} else if (whoShow1.value.itShowXiHaiAn) {
|
||||
res.data.data.list.forEach((val) => {
|
||||
val.id = val.serviceId // id
|
||||
val.name = val.serviceName // 名字
|
||||
val.sjlCount = val.requestQuantity // 数据量
|
||||
val.applyCount = val.requestCount // 申请量
|
||||
val.deptName = val.departmentName // 部门
|
||||
val.createTime = val.createTime.split('.')[0]
|
||||
val.createDate = val.createTime // 发布时间
|
||||
})
|
||||
resourceList.data = res.data.data.list || []
|
||||
resourceTotal.value = res.data.data.total || ''
|
||||
loading.value = false
|
||||
}
|
||||
res.data.data.list.forEach((val) => {
|
||||
val.id = val.serviceId // id
|
||||
val.name = val.serviceName // 名字
|
||||
val.sjlCount = val.requestQuantity // 数据量
|
||||
val.applyCount = val.requestCount // 申请量
|
||||
val.deptName = val.departmentName // 部门
|
||||
val.createTime = val.createTime.split('.')[0]
|
||||
val.createDate = val.createTime // 发布时间
|
||||
})
|
||||
resourceList.data = res.data.data.list || []
|
||||
resourceTotal.value = res.data.data.total || ''
|
||||
loading.value = false
|
||||
})
|
||||
} else if (
|
||||
paramsGetResources.type !== '数据资源' &&
|
||||
|
@ -2095,7 +2080,7 @@
|
|||
.talk-monitor {
|
||||
position: fixed;
|
||||
bottom: 0.5rem;
|
||||
right: 0.1rem;
|
||||
right: calc(100% - 19rem);
|
||||
z-index: 9999;
|
||||
cursor: pointer;
|
||||
|
||||
|
@ -2120,7 +2105,7 @@
|
|||
position: fixed;
|
||||
z-index: 10;
|
||||
bottom: 1.56rem;
|
||||
right: 0.1rem;
|
||||
right: calc(100% - 19rem);
|
||||
cursor: pointer;
|
||||
background: #e3edfc;
|
||||
p {
|
||||
|
|
|
@ -147,7 +147,7 @@
|
|||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
:action="`${baseURL}/upload`"
|
||||
:action="`${window.SITE_CONFIG.apiURL}/upload`"
|
||||
:headers="headers"
|
||||
@change="handleChange"
|
||||
:before-upload="beforeUpload"
|
||||
|
@ -882,7 +882,7 @@
|
|||
handleChange,
|
||||
applySuccess,
|
||||
disabled,
|
||||
baseURL,
|
||||
// baseURL,
|
||||
beforeUpload,
|
||||
dataList,
|
||||
systemHandleChange,
|
||||
|
|
|
@ -222,7 +222,7 @@
|
|||
// path: '/developmentGuide',
|
||||
// })
|
||||
// break
|
||||
case '技术文档':
|
||||
case '新手指南':
|
||||
router.push({
|
||||
path: '/instructionManual',
|
||||
})
|
||||
|
|
|
@ -532,11 +532,11 @@
|
|||
name: '发布时间',
|
||||
orderType: 'DESC',
|
||||
},
|
||||
{
|
||||
value: 'update_date',
|
||||
name: '更新时间',
|
||||
orderType: 'DESC',
|
||||
},
|
||||
// {
|
||||
// value: 'update_date',
|
||||
// name: '更新时间',
|
||||
// orderType: 'DESC',
|
||||
// },
|
||||
])
|
||||
// 购物车id列表
|
||||
const selList = ref([
|
||||
|
@ -604,7 +604,6 @@
|
|||
console.log('or use this.value', searchValue.value)
|
||||
}
|
||||
function toView(type, item) {
|
||||
debugger
|
||||
if (props.selectCardsname == '数据资源') {
|
||||
if (whoShow1.itShowQingDao) {
|
||||
window.open(
|
||||
|
|
|
@ -451,18 +451,22 @@
|
|||
type="primary"
|
||||
@click="batchPicturePreview"
|
||||
class="buttonAdd"
|
||||
v-else
|
||||
v-if="!cloudResourcesFlag"
|
||||
>
|
||||
批量预览
|
||||
</a-button>
|
||||
<!-- 添加至申购车 -->
|
||||
<a-button type="primary" @click="addShoppingCart" class="buttonAdd">
|
||||
<a-button type="primary" @click="addShoppingCart" class="buttonAdd" v-if="!cloudResourcesFlag">
|
||||
添加至申购车
|
||||
</a-button>
|
||||
<!-- 一键申请 -->
|
||||
<a-button type="primary" @click="apply" class="buttonAdd">
|
||||
<a-button type="primary" @click="apply" class="buttonAdd" v-if="!cloudResourcesFlag">
|
||||
一键申请
|
||||
</a-button>
|
||||
<!-- 申请政务云资源 -->
|
||||
<a-button type="primary" @click="applyCloudResources" class="buttonAdd" v-if="cloudResourcesFlag">
|
||||
我要申请政务云资源
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
|
@ -894,7 +898,7 @@
|
|||
getCamera()
|
||||
}
|
||||
} else {
|
||||
tabClick(0, '视频资源')
|
||||
tabClick(0, '政务云资源')
|
||||
getCamera()
|
||||
}
|
||||
|
||||
|
@ -916,7 +920,7 @@
|
|||
const tabList = ref([
|
||||
{
|
||||
title: '设施类型',
|
||||
content: ['视频资源', '云资源', '感知资源', '城市云脑会客厅'],
|
||||
content: ['政务云资源','视频资源', '感知资源', '城市云脑会客厅'],
|
||||
},
|
||||
{
|
||||
title: '视频标签',
|
||||
|
@ -991,7 +995,7 @@
|
|||
// const dataTypeList = () => {
|
||||
// if (tabList.value[0].content.indexOf('视频资源') != -1) {
|
||||
// tabList.value[1].content = ['123344', '213124']
|
||||
// }else if(tabList.value[0].content.indexOf('云资源') != -1){
|
||||
// }else if(tabList.value[0].content.indexOf('政务云资源') != -1){
|
||||
// tabList.value[1].content = ['5555', '666']
|
||||
|
||||
// }
|
||||
|
@ -1336,19 +1340,22 @@
|
|||
selectedList.value = []
|
||||
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
||||
if (name == '视频资源') {
|
||||
cloudResourcesFlag.value = false;
|
||||
room.value = true
|
||||
tableHeight.value = 330
|
||||
showMap.value = true
|
||||
tabList.value[1].title = '视频标签'
|
||||
} else if (name == '云资源') {
|
||||
} else if (name == '政务云资源') {
|
||||
cloudResourcesFlag.value = true;
|
||||
room.value = true
|
||||
tableHeight.value = 600
|
||||
showMap.value = false
|
||||
dataSource.value = []
|
||||
dataSource2.value = []
|
||||
pagination.value.total = 0
|
||||
tabList.value[1].title = '云资源分类'
|
||||
tabList.value[1].title = '政务云资源分类'
|
||||
} else if (name == '感知资源') {
|
||||
cloudResourcesFlag.value = false;
|
||||
room.value = true
|
||||
tableHeight.value = 330
|
||||
showMap.value = true
|
||||
|
@ -1356,6 +1363,7 @@
|
|||
dataSource2.value = []
|
||||
pagination.value.total = 0
|
||||
} else if (name == '城市云脑会客厅') {
|
||||
cloudResourcesFlag.value = false;
|
||||
// room.value = false
|
||||
// wrjFlag.value = true
|
||||
// showMap.value = false
|
||||
|
@ -1372,6 +1380,7 @@
|
|||
} else {
|
||||
if (name == '视频资源') {
|
||||
wrjFlag.value = false
|
||||
cloudResourcesFlag.value = false;
|
||||
tableHeight.value = 330
|
||||
showMap.value = true
|
||||
tabList.value[1].content = []
|
||||
|
@ -1398,14 +1407,15 @@
|
|||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||
emits('add', 1)
|
||||
getCamera()
|
||||
} else if (name == '云资源') {
|
||||
} else if (name == '政务云资源') {
|
||||
cloudResourcesFlag.value = true;
|
||||
tableHeight.value = 600
|
||||
showMap.value = false
|
||||
dataSource.value = []
|
||||
dataSource2.value = []
|
||||
pagination.value.total = 0
|
||||
clickList.value[1].content = []
|
||||
tabList.value[1].title = '云资源分类'
|
||||
tabList.value[1].title = '政务云资源分类'
|
||||
clickList.value[indexFather].content[0] = name
|
||||
tabList.value[1].content = [
|
||||
'云主机',
|
||||
|
@ -1421,6 +1431,7 @@
|
|||
wrjFlag.value = false
|
||||
emits('add', 2)
|
||||
} else if (name == '感知资源') {
|
||||
cloudResourcesFlag.value = false;
|
||||
tableHeight.value = 330
|
||||
showMap.value = true
|
||||
clickList.value[1].content = []
|
||||
|
@ -1434,6 +1445,7 @@
|
|||
wrjFlag.value = false
|
||||
emits('add', 3)
|
||||
} else if (name == '无人机') {
|
||||
cloudResourcesFlag.value = false;
|
||||
room.value = true
|
||||
tableHeight.value = 600
|
||||
showMap.value = false
|
||||
|
@ -1454,6 +1466,7 @@
|
|||
})
|
||||
wrjFlag.value = true
|
||||
} else if (name == '单兵设备') {
|
||||
cloudResourcesFlag.value = false;
|
||||
room.value = true
|
||||
tableHeight.value = 600
|
||||
showMap.value = false
|
||||
|
@ -1474,6 +1487,7 @@
|
|||
})
|
||||
wrjFlag.value = true
|
||||
} else if (name == '城市云脑会客厅') {
|
||||
cloudResourcesFlag.value = false;
|
||||
showMap.value = false
|
||||
dataSource.value = []
|
||||
dataSource2.value = []
|
||||
|
@ -1503,7 +1517,7 @@
|
|||
console.log('选中的标签code', mapSearchParam.value)
|
||||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||
// let fatherName = ref('视频资源')
|
||||
// if (name == '视频资源' || name == '云资源' || name == '感知资源') {
|
||||
// if (name == '视频资源' || name == '政务云资源' || name == '感知资源') {
|
||||
// fatherName.value == name
|
||||
// }
|
||||
// if (fatherName.value == '视频资源') {
|
||||
|
@ -1512,7 +1526,7 @@
|
|||
// dataSource.value = []
|
||||
// pagination.value.total = 0
|
||||
// }
|
||||
if (name == '云资源' || name == '感知资源') {
|
||||
if (name == '政务云资源' || name == '感知资源') {
|
||||
dataSource.value = []
|
||||
dataSource2.value = []
|
||||
pagination.value.total = 0
|
||||
|
@ -1679,6 +1693,7 @@
|
|||
// console.log('添加至购物车')
|
||||
// }
|
||||
const wrjFlag = ref(false)
|
||||
const cloudResourcesFlag = ref(false)
|
||||
const getCamera = (flag, str) => {
|
||||
if (flag) {
|
||||
mapSearchParam.value.cameraName = str
|
||||
|
@ -1753,6 +1768,10 @@
|
|||
message.error('请选择需要添加申购车的数据')
|
||||
}
|
||||
}
|
||||
// 申请政务云资源
|
||||
const applyCloudResources = () => {
|
||||
window.open("http://15.72.183.88:8760/yzy/login")
|
||||
}
|
||||
// 表格
|
||||
const dataSource = ref([])
|
||||
const dataSource2 = ref([])
|
||||
|
|
|
@ -92,7 +92,7 @@
|
|||
// 分页
|
||||
const loading = ref(true)
|
||||
const currentPage = ref(1)
|
||||
const currentPageSize = ref(5)
|
||||
const currentPageSize = ref(10)
|
||||
const pageSizeOptions = ref(['5', '10', '20', '50'])
|
||||
const router = useRouter()
|
||||
const select = router.currentRoute.value.query.select
|
||||
|
@ -146,10 +146,10 @@
|
|||
searchValue.value = ''
|
||||
// 分页
|
||||
currentPage.value = 1
|
||||
currentPageSize.value = 5
|
||||
currentPageSize.value = 10
|
||||
// 重置查询条件
|
||||
paramsGetResources.pageNum = 1
|
||||
paramsGetResources.pageSize = 5
|
||||
paramsGetResources.pageSize = 10
|
||||
paramsGetResources.orderField = 'create_date'
|
||||
paramsGetResources.orderType = 'DESC'
|
||||
mybus.emit('chongzhi', {
|
||||
|
|
|
@ -2,18 +2,19 @@
|
|||
<home-header></home-header>
|
||||
<div class="menu-container">
|
||||
<div id="container" class="content-menu">
|
||||
<div class="left">
|
||||
<!-- <div class="left">
|
||||
<div class="first-title-text doc" :style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
|
||||
@click="changeName({ name: '技术文档' })">
|
||||
技术文档
|
||||
</div>
|
||||
<abilityDocTree style="max-height:320px;overflow-y:auto" :dataList="treeArray" @treeClick="treeClick"
|
||||
:clickData="clickData"></abilityDocTree>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
|
||||
@click="changeName({ name: '使用手册' })">
|
||||
<div class="guide-text">使用手册</div>
|
||||
<img src="@/assets/developmentGuide/download.png" @click="downloadDoc('/static/doc/userbook.docx', '通用能力服务平台USC用户手册')" alt="" />
|
||||
</div>
|
||||
|
||||
<!-- 技术文档 -->
|
||||
|
@ -133,7 +134,12 @@ const getFirstData = (firstObj = {}) => {
|
|||
clickData.value = firstObj
|
||||
}
|
||||
}
|
||||
|
||||
const downloadDoc = (path, name) => {
|
||||
const a = document.createElement('a')
|
||||
a.href = path
|
||||
a.download =name
|
||||
a.click()
|
||||
}
|
||||
onMounted(() => {
|
||||
getTreeData()
|
||||
})
|
||||
|
@ -192,7 +198,7 @@ onMounted(() => {
|
|||
top: 300px;
|
||||
right: 205px;
|
||||
width: 74px;
|
||||
height: 136px;
|
||||
height: 150px;
|
||||
background: url('~@/assets/menu/new-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -226,8 +226,13 @@
|
|||
// })
|
||||
if (item) {
|
||||
mynoticeRead(item.id).then((res) => {
|
||||
if (res.data.code == 0) {
|
||||
message.success('操作成功!')
|
||||
if (res.data.code == 0 ) {
|
||||
message.success('通知已读!')
|
||||
// if(item.readStatus == 1){
|
||||
// message.success('通知已读!')
|
||||
// } if(item.readStatus == 0){
|
||||
// message.success('通知已设为已读!')
|
||||
// }
|
||||
mybus.emit('getMynotice')
|
||||
init()
|
||||
} else {
|
||||
|
|
|
@ -127,39 +127,21 @@
|
|||
pageSize: paramsGetResources.pageSize, //分页大小
|
||||
}).then((res) => {
|
||||
console.log('数据资源==================>', res.data.data)
|
||||
if (whoShow1.value.itShowQingDao) {
|
||||
res.data.data.data.forEach((val) => {
|
||||
val.id = val.guid // id
|
||||
val.name = val.zyname // 名字
|
||||
val.sjlCount = val.sjcczl // 数据量
|
||||
val.applyCount = val.syqk // 申请量
|
||||
val.deptName = val.TGBM // 部门
|
||||
val.createDate = val.fbrq // 发布时间
|
||||
val.description = val.xgxt // 描述
|
||||
})
|
||||
obj.value = res.data.data.data || []
|
||||
object.sjNum = res.data.data.rows
|
||||
// interfaceSuccess.value++
|
||||
// if (interfaceSuccess.value == 5) {
|
||||
// mybus.emit('chagneNum', object)
|
||||
// }
|
||||
} else if (whoShow1.value.itShowXiHaiAn) {
|
||||
res.data.data.list.forEach((val) => {
|
||||
val.id = val.serviceId // id
|
||||
val.name = val.serviceName // 名字
|
||||
val.sjlCount = val.requestQuantity // 数据量
|
||||
val.applyCount = val.requestCount // 申请量
|
||||
val.deptName = val.departmentName // 部门
|
||||
val.createTime = val.createTime.split('.')[0]
|
||||
val.createDate = val.createTime // 发布时间
|
||||
})
|
||||
obj.value = res.data.data.list || []
|
||||
object.sjNum = res.data.data.total
|
||||
// interfaceSuccess.value++
|
||||
// if (interfaceSuccess.value == 5) {
|
||||
// mybus.emit('chagneNum', object)
|
||||
// }
|
||||
}
|
||||
res.data.data.list.forEach((val) => {
|
||||
val.id = val.serviceId // id
|
||||
val.name = val.serviceName // 名字
|
||||
val.sjlCount = val.requestQuantity // 数据量
|
||||
val.applyCount = val.requestCount // 申请量
|
||||
val.deptName = val.departmentName // 部门
|
||||
val.createTime = val.createTime.split('.')[0]
|
||||
val.createDate = val.createTime // 发布时间
|
||||
})
|
||||
obj.value = res.data.data.list || []
|
||||
object.sjNum = res.data.data.total
|
||||
// interfaceSuccess.value++
|
||||
// if (interfaceSuccess.value == 5) {
|
||||
// mybus.emit('chagneNum', object)
|
||||
// }
|
||||
})
|
||||
} else {
|
||||
let type = paramsGetResources.type
|
||||
|
@ -292,113 +274,113 @@
|
|||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.capability-convergence {
|
||||
height: 7.2rem;
|
||||
background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
|
||||
background-size: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.main {
|
||||
width: 13rem;
|
||||
margin-top: 1.8rem;
|
||||
.capability-convergence {
|
||||
height: 7.2rem;
|
||||
background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
|
||||
background-size: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
.top {
|
||||
font-size: 0.3rem;
|
||||
color: #212121;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
.main {
|
||||
width: 13rem;
|
||||
margin-top: 1.8rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 0.34rem;
|
||||
height: 0.03rem;
|
||||
background-color: #0058e1;
|
||||
margin-top: 0.08rem;
|
||||
.top {
|
||||
font-size: 0.3rem;
|
||||
color: #212121;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 0.34rem;
|
||||
height: 0.03rem;
|
||||
background-color: #0058e1;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4rem;
|
||||
.item {
|
||||
width: 2.44rem;
|
||||
height: 3.91rem;
|
||||
font-size: 0.16rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.02rem;
|
||||
box-shadow: 0 0.05rem 0.2rem #ccc;
|
||||
position: relative;
|
||||
div:nth-of-type(1) {
|
||||
height: 1.02rem;
|
||||
line-height: 1.02rem;
|
||||
font-size: 0.2rem;
|
||||
color: #fff;
|
||||
padding-left: 0.15rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
.jc {
|
||||
background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
|
||||
}
|
||||
.sj {
|
||||
background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
|
||||
}
|
||||
.zj {
|
||||
background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
|
||||
}
|
||||
.yy {
|
||||
background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
|
||||
}
|
||||
.zs {
|
||||
background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
|
||||
}
|
||||
.name {
|
||||
height: 0.47rem;
|
||||
line-height: 0.47rem;
|
||||
margin: 0 0.16rem;
|
||||
border-bottom: 0.01rem solid #e9e9e9;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
.name:hover {
|
||||
color: #0058e1;
|
||||
cursor: pointer;
|
||||
}
|
||||
.name-last {
|
||||
border-bottom: none;
|
||||
}
|
||||
.btn {
|
||||
cursor: pointer;
|
||||
width: 0.8rem;
|
||||
height: 0.24rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
font-size: 0.14rem;
|
||||
color: #0058e1;
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.4rem;
|
||||
.item {
|
||||
width: 2.44rem;
|
||||
height: 3.91rem;
|
||||
font-size: 0.16rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.02rem;
|
||||
text-align: center;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.85rem;
|
||||
position: absolute;
|
||||
bottom: 0.2rem;
|
||||
box-shadow: 0 0.05rem 0.2rem #ccc;
|
||||
position: relative;
|
||||
div:nth-of-type(1) {
|
||||
height: 1.02rem;
|
||||
line-height: 1.02rem;
|
||||
font-size: 0.2rem;
|
||||
color: #fff;
|
||||
padding-left: 0.15rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
.jc {
|
||||
background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
|
||||
}
|
||||
.sj {
|
||||
background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
|
||||
}
|
||||
.zj {
|
||||
background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
|
||||
}
|
||||
.yy {
|
||||
background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
|
||||
}
|
||||
.zs {
|
||||
background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
|
||||
}
|
||||
.name {
|
||||
height: 0.47rem;
|
||||
line-height: 0.47rem;
|
||||
margin: 0 0.16rem;
|
||||
border-bottom: 0.01rem solid #e9e9e9;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
.name:hover {
|
||||
color: #0058e1;
|
||||
cursor: pointer;
|
||||
}
|
||||
.name-last {
|
||||
border-bottom: none;
|
||||
}
|
||||
.btn {
|
||||
cursor: pointer;
|
||||
width: 0.8rem;
|
||||
height: 0.24rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
font-size: 0.14rem;
|
||||
color: #0058e1;
|
||||
border-radius: 0.02rem;
|
||||
text-align: center;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.85rem;
|
||||
position: absolute;
|
||||
bottom: 0.2rem;
|
||||
}
|
||||
.btn:hover {
|
||||
background: rgba(0, 88, 225, 0.3);
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.btn:hover {
|
||||
background: rgba(0, 88, 225, 0.3);
|
||||
color: #000;
|
||||
.item:hover {
|
||||
border-radius: 0.02rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
||||
}
|
||||
}
|
||||
.item:hover {
|
||||
border-radius: 0.02rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -53,6 +53,10 @@
|
|||
<span class="gengduo"></span>
|
||||
</div>
|
||||
<div class="fixedmount">
|
||||
<div @click="applyResource()">
|
||||
<p></p>
|
||||
<p>资源申请</p>
|
||||
</div>
|
||||
<div @click="toView()">
|
||||
<p></p>
|
||||
<p>需求申请</p>
|
||||
|
@ -311,6 +315,15 @@
|
|||
function handlecancelAbilitySquare() {
|
||||
abilitySquareFunctionData.value = '智能算法'
|
||||
}
|
||||
const applyResource = () => {
|
||||
console.log('点击===============》')
|
||||
router.push({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
select: '基础设施',
|
||||
},
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style lang="less">
|
||||
.shangjia-class {
|
||||
|
@ -579,11 +592,11 @@
|
|||
}
|
||||
|
||||
.fixedmount {
|
||||
height: 1.5rem;
|
||||
height: 2.4rem;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 2.56rem;
|
||||
right: 1.9rem;
|
||||
bottom: 1.56rem;
|
||||
right: calc(100% - 19rem);
|
||||
z-index: 10;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
@ -618,7 +631,8 @@
|
|||
.fixedmount div:nth-child(1) p:nth-child(1) {
|
||||
height: 0.24rem;
|
||||
width: 0.24rem;
|
||||
background: url('~@/assets/home/shenqing.png') no-repeat;
|
||||
//background: url('~@/assets/home/shenqing.png') no-repeat;
|
||||
background: url('~@/assets/newHome/banner-yy.png') no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue