Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
# Conflicts: # front/src/views/home/infrastructurePage.vue
This commit is contained in:
a0049873
commit
cfe88605cc
|
|
@ -2,16 +2,16 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-08-25 14:37:49
|
* @Date: 2022-08-25 14:37:49
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-10-12 15:25:01
|
* @LastEditTime: 2022-10-13 14:49:32
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
var _global = {}
|
var _global = {}
|
||||||
var CONFIGITEM = {
|
var CONFIGITEM = {
|
||||||
// version: 'qingdao', // 青岛
|
// version: 'qingdao', // 青岛
|
||||||
// version: 'xihaian', // 西海岸
|
// version: 'xihaian', // 西海岸
|
||||||
// version: 'test', // 测试
|
version: 'test', // 测试
|
||||||
// version: 'frp', // 内网穿透
|
// version: 'frp', // 内网穿透
|
||||||
version: 'xihaian', // 开发
|
// version: 'xihaian', // 开发
|
||||||
vNum: 'v0.8.7.2',
|
vNum: 'v0.8.7.2',
|
||||||
configData: {
|
configData: {
|
||||||
// 青岛市大数据局
|
// 青岛市大数据局
|
||||||
|
|
|
||||||
|
|
@ -67,10 +67,19 @@
|
||||||
</div>
|
</div>
|
||||||
<InfrastructureModal v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施"
|
<InfrastructureModal v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="基础设施"
|
||||||
:modalType="modalType" ref="jcssDom"></InfrastructureModal>
|
:modalType="modalType" ref="jcssDom"></InfrastructureModal>
|
||||||
|
<el-form-item label="基础设施总数" >
|
||||||
|
<el-input v-model="dataForm.infrastructureCount" onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
|
||||||
|
</el-form-item>
|
||||||
<combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
|
<combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="数据资源" ref="sjzyDom"
|
||||||
:getDataParams="getListParams['数据资源']"></combine-ability>
|
:getDataParams="getListParams['数据资源']"></combine-ability>
|
||||||
|
<el-form-item label="数据资源总数" >
|
||||||
|
<el-input v-model="dataForm.dataSourceCount" onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
|
||||||
|
</el-form-item>
|
||||||
<combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
|
<combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm" type="组件服务" ref="zjfwDom"
|
||||||
:getDataParams="getListParams['组件服务']"></combine-ability>
|
:getDataParams="getListParams['组件服务']"></combine-ability>
|
||||||
|
<el-form-item label="组件服务总数" >
|
||||||
|
<el-input v-model="dataForm.componentCount" onkeyup="value=value.replace(/[^\d]/g,0)" placeholder="请输入基础设施总数"></el-input>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 更多能力 -->
|
<!-- 更多能力 -->
|
||||||
|
|
@ -195,6 +204,9 @@ export default {
|
||||||
painKeyTextObj: getDescJson('痛点'),
|
painKeyTextObj: getDescJson('痛点'),
|
||||||
solutionKeyTextObj: getDescJson('方案'),
|
solutionKeyTextObj: getDescJson('方案'),
|
||||||
dataForm: {
|
dataForm: {
|
||||||
|
infrastructureCount:null,
|
||||||
|
dataSourceCount:null,
|
||||||
|
componentCount:null,
|
||||||
name: '',
|
name: '',
|
||||||
applicationArea: '',
|
applicationArea: '',
|
||||||
description: '',
|
description: '',
|
||||||
|
|
|
||||||
|
|
@ -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) {
|
||||||
|
|
|
||||||
|
|
@ -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: {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @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-08-29 09:55:56
|
* @LastEditTime: 2022-10-13 15:29:31
|
||||||
* @Description: 数据资源参数配置
|
* @Description: 数据资源参数配置
|
||||||
*/
|
*/
|
||||||
// eslint-disable-next-line no-undef
|
// eslint-disable-next-line no-undef
|
||||||
|
|
@ -51,10 +51,10 @@ if (newLocation !== 'baotou' && newLocation !== 'xihaian') {
|
||||||
right: '海信网络科技股份有限公司',
|
right: '海信网络科技股份有限公司',
|
||||||
},
|
},
|
||||||
address: [
|
address: [
|
||||||
{
|
// {
|
||||||
name: '鲁IC备00000000号',
|
// name: '鲁IC备00000000号',
|
||||||
value: '政府标识码3702000106',
|
// value: '政府标识码3702000106',
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
name: '版权所有：青岛市大数据发展管理局',
|
name: '版权所有：青岛市大数据发展管理局',
|
||||||
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
||||||
|
|
@ -523,6 +523,11 @@ else if (newLocation === 'xihaian') {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
xhaHasPermissionUser.list = ['xihaian01', 'xihaian02', 'xihaian03', 'xihaian04', 'admin']
|
xhaHasPermissionUser.list = [
|
||||||
|
'xihaian01',
|
||||||
|
'xihaian02',
|
||||||
|
'xihaian03',
|
||||||
|
'xihaian04',
|
||||||
|
'admin',
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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,21 +42,25 @@
|
||||||
</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)
|
||||||
switch (item.type) {
|
switch (item.type) {
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,10 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.wuhongjian
|
||||||
|
* @Date: 2022-07-05 12:53:04
|
||||||
|
* @LastEditors: hisense.wuhongjian
|
||||||
|
* @LastEditTime: 2022-10-13 15:29:14
|
||||||
|
* @Description: 告诉大家这是什么
|
||||||
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="fotter-son">
|
<div class="fotter-son">
|
||||||
|
|
@ -18,10 +25,10 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive } from 'vue'
|
import { reactive } from 'vue'
|
||||||
let dataList = reactive([
|
let dataList = reactive([
|
||||||
{
|
// {
|
||||||
name: '鲁IC备00000000号',
|
// name: '鲁IC备00000000号',
|
||||||
value: '政府标识码3702000106',
|
// value: '政府标识码3702000106',
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
name: '版权所有：青岛市大数据发展管理局',
|
name: '版权所有：青岛市大数据发展管理局',
|
||||||
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
||||||
|
|
|
||||||
|
|
@ -105,7 +105,7 @@
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="remove" @click="removeFunction(val)"></div>
|
<div class="remove" v-if="item.arr.length>1" @click="removeFunction(val)"></div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -386,7 +386,9 @@
|
||||||
:wrapper-col="{ span: 14, offset: 4 }"
|
:wrapper-col="{ span: 14, offset: 4 }"
|
||||||
style="text-align: center; margin-top: 0.4rem"
|
style="text-align: center; margin-top: 0.4rem"
|
||||||
>
|
>
|
||||||
<a-button @click="resetFields" type="primary" danger>取消</a-button>
|
<a-button @click="appointmentRoom = false" type="primary" danger>
|
||||||
|
取消
|
||||||
|
</a-button>
|
||||||
<a-button
|
<a-button
|
||||||
style="margin-left: 10px"
|
style="margin-left: 10px"
|
||||||
type="primary"
|
type="primary"
|
||||||
|
|
@ -2117,104 +2119,236 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.infrastructrueBox {
|
.infrastructrueBox {
|
||||||
padding: 0.2rem;
|
padding: 0.2rem;
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
|
|
||||||
|
|
||||||
.infrastructrue-tab {
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
height: 0.24rem;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
line-height: 0.24rem;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0.12rem;
|
|
||||||
margin-left: 0.1rem;
|
|
||||||
text-align: center;
|
|
||||||
color: #666666;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 0 0.08rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leftType {
|
|
||||||
margin: 0.2rem 0;
|
|
||||||
margin-right: 0.06rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.down {
|
|
||||||
background: #0087ff;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabBox {
|
|
||||||
padding-bottom: 0.16rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.infrastructrue-content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0.14rem 0.2rem 0.1rem;
|
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
|
||||||
|
|
||||||
.contentNum {
|
.infrastructrue-tab {
|
||||||
position: relative;
|
span {
|
||||||
display: flex;
|
display: inline-block;
|
||||||
|
height: 0.24rem;
|
||||||
p {
|
font-size: 0.14rem;
|
||||||
|
line-height: 0.24rem;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0.12rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
text-align: center;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
padding: 0;
|
cursor: pointer;
|
||||||
margin: 0;
|
padding: 0 0.08rem;
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
.leftType {
|
||||||
color: #0087ff;
|
margin: 0.2rem 0;
|
||||||
font-size: 0.2rem;
|
margin-right: 0.06rem;
|
||||||
font-weight: 500;
|
}
|
||||||
|
|
||||||
|
.down {
|
||||||
|
background: #0087ff;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabBox {
|
||||||
|
padding-bottom: 0.16rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.infrastructrue-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0.14rem 0.2rem 0.1rem;
|
||||||
|
background: #ffffff;
|
||||||
|
|
||||||
|
.contentNum {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #666666;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #0087ff;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p:first-of-type {
|
||||||
|
padding-right: 0.16rem;
|
||||||
|
margin-right: 0.16rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boundary {
|
||||||
|
position: absolute;
|
||||||
|
left: 0.9rem;
|
||||||
|
top: 0.07rem;
|
||||||
|
display: block;
|
||||||
|
width: 0.02rem;
|
||||||
|
border-radius: 0.01rem;
|
||||||
|
height: 0.2rem;
|
||||||
|
background: rgba(150, 144, 144, 0.3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p:first-of-type {
|
.contentRight {
|
||||||
padding-right: 0.16rem;
|
position: relative;
|
||||||
margin-right: 0.16rem;
|
display: flex;
|
||||||
}
|
justify-content: space-between;
|
||||||
|
|
||||||
.boundary {
|
.boundary {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.9rem;
|
left: 3.74rem;
|
||||||
top: 0.07rem;
|
top: 0.07rem;
|
||||||
display: block;
|
display: block;
|
||||||
width: 0.02rem;
|
width: 0.02rem;
|
||||||
border-radius: 0.01rem;
|
border-radius: 0.01rem;
|
||||||
height: 0.2rem;
|
height: 0.2rem;
|
||||||
background: rgba(150, 144, 144, 0.3);
|
background: rgba(150, 144, 144, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchInput {
|
||||||
|
display: flex;
|
||||||
|
margin-right: 0.2rem;
|
||||||
|
|
||||||
|
.ant-input-search {
|
||||||
|
max-width: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input) {
|
||||||
|
width: 2rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
color: #b2b2b2;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-group-addon) {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
|
||||||
|
.ant-input-search-button {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #0558e1;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-btn) {
|
||||||
|
background: #0558e1;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttonAdd {
|
||||||
|
background: #0558e1;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
border-color: #0558e1;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentRight {
|
.infrastructrue-table {
|
||||||
position: relative;
|
.ant-table-striped :deep(.table-striped) td {
|
||||||
display: flex;
|
background-color: #fafafa;
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.boundary {
|
|
||||||
position: absolute;
|
|
||||||
left: 3.74rem;
|
|
||||||
top: 0.07rem;
|
|
||||||
display: block;
|
|
||||||
width: 0.02rem;
|
|
||||||
border-radius: 0.01rem;
|
|
||||||
height: 0.2rem;
|
|
||||||
background: rgba(150, 144, 144, 0.3);
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.map-contain {
|
||||||
|
// width: 9.46rem;
|
||||||
|
height: 4.1rem;
|
||||||
|
margin-left: 0.16rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.roomBackground {
|
||||||
|
background: #0058e1;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nullBackground {
|
||||||
|
background: #f3f5f9;
|
||||||
|
color: #0087ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-form-item-control-input-content) {
|
||||||
|
margin-left: 0.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-col) {
|
||||||
|
.ant-form-item {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.jinggaoD {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jinggaoNull {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgJinggao {
|
||||||
|
width: 0.2rem;
|
||||||
|
height: 0.2rem;
|
||||||
|
background: url('~@/assets/home/jingao.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.introduction {
|
||||||
|
:deep(.ant-form-item-control) {
|
||||||
|
margin-left: -2.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.roomBox {
|
||||||
|
.leftMake {
|
||||||
|
float: left;
|
||||||
|
margin-left: -1rem;
|
||||||
|
margin-top: -0.5rem;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.leftTop {
|
||||||
|
width: 0.6rem;
|
||||||
|
height: 1.75rem;
|
||||||
|
border-top-left-radius: 0.08rem;
|
||||||
|
border-bottom-left-radius: 0.08rem;
|
||||||
|
padding: 0.13rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftBottom {
|
||||||
|
width: 0.6rem;
|
||||||
|
height: 1.75rem;
|
||||||
|
border-top-left-radius: 0.08rem;
|
||||||
|
border-bottom-left-radius: 0.08rem;
|
||||||
|
padding: 0.2rem 0.13rem 0.1rem 0.1rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.roomSearch {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
.searchInput {
|
.searchInput {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-right: 0.2rem;
|
margin-right: 0.2rem;
|
||||||
|
margin-left: 0.2rem;
|
||||||
|
|
||||||
.ant-input-search {
|
// .ant-input-search {
|
||||||
max-width: 4rem;
|
// max-width: 4rem;
|
||||||
}
|
// }
|
||||||
|
|
||||||
:deep(.ant-input) {
|
:deep(.ant-input) {
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 0.36rem;
|
height: 0.36rem;
|
||||||
|
|
@ -2231,408 +2365,276 @@
|
||||||
width: 0.8rem;
|
width: 0.8rem;
|
||||||
height: 0.36rem;
|
height: 0.36rem;
|
||||||
background: #0558e1;
|
background: #0558e1;
|
||||||
border-radius: 0.04rem;
|
border-radius: 0.06rem;
|
||||||
font-size: 0.14rem;
|
font-size: 0.14rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-btn) {
|
:deep(.ant-btn) {
|
||||||
background: #0558e1;
|
|
||||||
border-radius: 0.04rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttonAdd {
|
|
||||||
background: #0558e1;
|
|
||||||
border-radius: 0.04rem;
|
|
||||||
height: 0.36rem;
|
|
||||||
border-color: #0558e1;
|
|
||||||
margin-left: 0.1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.infrastructrue-table {
|
|
||||||
.ant-table-striped :deep(.table-striped) td {
|
|
||||||
background-color: #fafafa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.map-contain {
|
|
||||||
// width: 9.46rem;
|
|
||||||
height: 4.1rem;
|
|
||||||
margin-left: 0.16rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.roomBackground {
|
|
||||||
background: #0058e1;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nullBackground {
|
|
||||||
background: #f3f5f9;
|
|
||||||
color: #0087ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-form-item-control-input-content) {
|
|
||||||
margin-left: 0.15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-col) {
|
|
||||||
.ant-form-item {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.jinggaoD {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jinggaoNull {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.imgJinggao {
|
|
||||||
width: 0.2rem;
|
|
||||||
height: 0.2rem;
|
|
||||||
background: url('~@/assets/home/jingao.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.introduction {
|
|
||||||
:deep(.ant-form-item-control) {
|
|
||||||
margin-left: -2.1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.roomBox {
|
|
||||||
.leftMake {
|
|
||||||
float: left;
|
|
||||||
margin-left: -1rem;
|
|
||||||
margin-top: -0.5rem;
|
|
||||||
font-size: 0.2rem;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
.leftTop {
|
|
||||||
width: 0.6rem;
|
|
||||||
height: 1.75rem;
|
|
||||||
border-top-left-radius: 0.08rem;
|
|
||||||
border-bottom-left-radius: 0.08rem;
|
|
||||||
padding: 0.13rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leftBottom {
|
|
||||||
width: 0.6rem;
|
|
||||||
height: 1.75rem;
|
|
||||||
border-top-left-radius: 0.08rem;
|
|
||||||
border-bottom-left-radius: 0.08rem;
|
|
||||||
padding: 0.2rem 0.13rem 0.1rem 0.1rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.roomSearch {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.searchInput {
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.2rem;
|
|
||||||
margin-left: 0.2rem;
|
|
||||||
|
|
||||||
// .ant-input-search {
|
|
||||||
// max-width: 4rem;
|
|
||||||
// }
|
|
||||||
:deep(.ant-input) {
|
|
||||||
width: 2rem;
|
|
||||||
height: 0.36rem;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
color: #b2b2b2;
|
|
||||||
background: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-input-group-addon) {
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 0.1rem;
|
|
||||||
|
|
||||||
.ant-input-search-button {
|
|
||||||
width: 0.8rem;
|
|
||||||
height: 0.36rem;
|
|
||||||
background: #0558e1;
|
|
||||||
border-radius: 0.06rem;
|
border-radius: 0.06rem;
|
||||||
font-size: 0.14rem;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
:deep(.ant-btn) {
|
.roomTableList {
|
||||||
border-radius: 0.06rem;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0.4rem 0 0.2rem 0;
|
||||||
|
|
||||||
|
.roomTime {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
:deep(.ant-space-vertical) {
|
||||||
|
flex-direction: inherit;
|
||||||
|
margin-left: 0.2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.roomTableList {
|
.roomItem {
|
||||||
display: flex;
|
width: 10.3rem;
|
||||||
justify-content: space-between;
|
height: 2rem;
|
||||||
align-items: center;
|
border-top: 1px #d5d4d4 solid;
|
||||||
margin: 0.4rem 0 0.2rem 0;
|
|
||||||
|
|
||||||
.roomTime {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
:deep(.ant-space-vertical) {
|
.leftImg {
|
||||||
flex-direction: inherit;
|
width: 2.4rem;
|
||||||
margin-left: 0.2rem;
|
height: 1.75rem;
|
||||||
|
margin: 0 0.3rem 0 0.15rem;
|
||||||
|
|
||||||
|
// background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.roomItem {
|
.rightContent {
|
||||||
width: 10.3rem;
|
height: 1.75rem;
|
||||||
height: 2rem;
|
width: 5.8rem;
|
||||||
border-top: 1px #d5d4d4 solid;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.leftImg {
|
.topContent {
|
||||||
width: 2.4rem;
|
font-size: 0.2rem;
|
||||||
height: 1.75rem;
|
color: #000;
|
||||||
margin: 0 0.3rem 0 0.15rem;
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
// background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
.centerContent {
|
||||||
background-size: 100%;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
img {
|
font-size: 0.14rem;
|
||||||
width: 100%;
|
margin: 0.15rem 0 0.2rem 0;
|
||||||
height: 100%;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightContent {
|
:deep(.ant-pagination) {
|
||||||
height: 1.75rem;
|
float: right;
|
||||||
width: 5.8rem;
|
}
|
||||||
|
|
||||||
.topContent {
|
:deep(.ant-pagination) {
|
||||||
font-size: 0.2rem;
|
text-align: end;
|
||||||
color: #000;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.centerContent {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
margin: 0.15rem 0 0.2rem 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-pagination) {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-pagination) {
|
|
||||||
text-align: end;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.wrj {
|
.wrj {
|
||||||
.ant-modal-body {
|
.ant-modal-body {
|
||||||
height: 700px !important;
|
height: 700px !important;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modalClass {
|
|
||||||
.ant-modal-body {
|
|
||||||
height: 4rem !important;
|
|
||||||
overflow-y: scroll !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-modal-title {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-modal-content {
|
|
||||||
.ant-modal-header {
|
|
||||||
border-bottom: 0 !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.appModal {
|
.modalClass {
|
||||||
.ant-modal-body {
|
.ant-modal-body {
|
||||||
height: 4.8rem !important;
|
height: 4rem !important;
|
||||||
overflow-y: scroll !important;
|
overflow-y: scroll !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-modal-title {
|
.ant-modal-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-modal-content {
|
.ant-modal-content {
|
||||||
.ant-modal-header {
|
.ant-modal-header {
|
||||||
border-bottom: 0 !important;
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.single-preview-modal {
|
.appModal {
|
||||||
.ant-modal-header {
|
.ant-modal-body {
|
||||||
background: url(~@/assets/home/video-background.png) no-repeat;
|
height: 4.8rem !important;
|
||||||
background-size: cover;
|
overflow-y: scroll !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-modal-title {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-modal-content {
|
||||||
|
.ant-modal-header {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-modal-title {
|
.single-preview-modal {
|
||||||
font-size: 0.16rem;
|
.ant-modal-header {
|
||||||
font-weight: 500;
|
background: url(~@/assets/home/video-background.png) no-repeat;
|
||||||
color: #ffffff;
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-modal-title {
|
||||||
|
font-size: 0.16rem;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anticon {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.anticon {
|
.batch-preview-modal {
|
||||||
color: #ffffff;
|
.batch-video {
|
||||||
}
|
width: 100%;
|
||||||
}
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
|
grid-template-rows: 50% 50%;
|
||||||
|
justify-content: center;
|
||||||
|
grid-row-gap: 10px;
|
||||||
|
grid-column-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.batch-preview-modal {
|
.ant-pagination-item-link {
|
||||||
.batch-video {
|
background-color: #5580f7;
|
||||||
width: 100%;
|
}
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 50% 50%;
|
.ant-modal-header {
|
||||||
grid-template-rows: 50% 50%;
|
background: url(~@/assets/home/video-background.png) no-repeat;
|
||||||
justify-content: center;
|
background-size: cover;
|
||||||
grid-row-gap: 10px;
|
}
|
||||||
grid-column-gap: 10px;
|
|
||||||
|
.ant-modal-title {
|
||||||
|
font-size: 0.16rem;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anticon {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-pagination-item-link {
|
/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
|
||||||
background-color: #5580f7;
|
video::-webkit-media-controls {
|
||||||
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-modal-header {
|
.video-cover {
|
||||||
background: url(~@/assets/home/video-background.png) no-repeat;
|
position: absolute;
|
||||||
background-size: cover;
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background: transparent;
|
||||||
|
z-index: 99999999;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-modal-title {
|
.batch-video-cover {
|
||||||
font-size: 0.16rem;
|
position: absolute;
|
||||||
font-weight: 500;
|
left: 0;
|
||||||
color: #ffffff;
|
top: 0;
|
||||||
|
background: transparent;
|
||||||
|
height: 288px;
|
||||||
|
z-index: 99999999;
|
||||||
|
width: 512px;
|
||||||
|
margin-top: 14px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.anticon {
|
.waterMark {
|
||||||
color: #ffffff;
|
position: absolute;
|
||||||
|
z-index: 99999999;
|
||||||
|
color: #0058e1;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
opacity: 0.4;
|
||||||
|
transform: rotate(-25deg);
|
||||||
|
width: 470px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
|
// 左上
|
||||||
video::-webkit-media-controls {
|
.waterMark-left-top {
|
||||||
display: none !important;
|
left: 50px;
|
||||||
}
|
top: 100px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
.video-cover {
|
// 右上
|
||||||
position: absolute;
|
.waterMark-right-top {
|
||||||
left: 0;
|
right: 50px;
|
||||||
top: 0;
|
top: 100px;
|
||||||
bottom: 0;
|
text-align: right;
|
||||||
right: 0;
|
}
|
||||||
background: transparent;
|
|
||||||
z-index: 99999999;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.batch-video-cover {
|
// 左下
|
||||||
position: absolute;
|
.waterMark-left-bottom {
|
||||||
left: 0;
|
left: 50px;
|
||||||
top: 0;
|
bottom: 100px;
|
||||||
background: transparent;
|
text-align: left;
|
||||||
height: 288px;
|
}
|
||||||
z-index: 99999999;
|
|
||||||
width: 512px;
|
|
||||||
margin-top: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.waterMark {
|
// 右下
|
||||||
position: absolute;
|
.waterMark-right-bottom {
|
||||||
z-index: 99999999;
|
right: 50px;
|
||||||
color: #0058e1;
|
bottom: 100px;
|
||||||
font-size: 22px;
|
text-align: right;
|
||||||
font-weight: bold;
|
}
|
||||||
opacity: 0.4;
|
|
||||||
transform: rotate(-25deg);
|
|
||||||
width: 470px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 左上
|
// 批量
|
||||||
.waterMark-left-top {
|
.batch-waterMark {
|
||||||
left: 50px;
|
position: absolute;
|
||||||
top: 100px;
|
z-index: 99999999;
|
||||||
text-align: left;
|
color: #0058e1;
|
||||||
}
|
font-size: 14px;
|
||||||
|
opacity: 0.4;
|
||||||
|
transform: rotate(-25deg);
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
// 右上
|
// 左上
|
||||||
.waterMark-right-top {
|
.batch-waterMark-left-top {
|
||||||
right: 50px;
|
left: 30px;
|
||||||
top: 100px;
|
top: 50px;
|
||||||
text-align: right;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 左下
|
// 右上
|
||||||
.waterMark-left-bottom {
|
.batch-waterMark-right-top {
|
||||||
left: 50px;
|
text-align: right;
|
||||||
bottom: 100px;
|
right: 30px;
|
||||||
text-align: left;
|
top: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 右下
|
// 左下
|
||||||
.waterMark-right-bottom {
|
.batch-waterMark-left-bottom {
|
||||||
right: 50px;
|
left: 30px;
|
||||||
bottom: 100px;
|
bottom: 50px;
|
||||||
text-align: right;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 批量
|
// 右下
|
||||||
.batch-waterMark {
|
.batch-waterMark-right-bottom {
|
||||||
position: absolute;
|
right: 20px;
|
||||||
z-index: 99999999;
|
bottom: 30px;
|
||||||
color: #0058e1;
|
text-align: right;
|
||||||
font-size: 14px;
|
}
|
||||||
opacity: 0.4;
|
|
||||||
transform: rotate(-25deg);
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 左上
|
|
||||||
.batch-waterMark-left-top {
|
|
||||||
left: 30px;
|
|
||||||
top: 50px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 右上
|
|
||||||
.batch-waterMark-right-top {
|
|
||||||
text-align: right;
|
|
||||||
right: 30px;
|
|
||||||
top: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 左下
|
|
||||||
.batch-waterMark-left-bottom {
|
|
||||||
left: 30px;
|
|
||||||
bottom: 50px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 右下
|
|
||||||
.batch-waterMark-right-bottom {
|
|
||||||
right: 20px;
|
|
||||||
bottom: 30px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -5,8 +5,13 @@
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="top-title">
|
<div class="top-title">
|
||||||
全部：
|
全部：
|
||||||
<div v-for="(item, index) in titleName" :key="index" class="tabAll" @click="changeCards(index)"
|
<div
|
||||||
:class="{ sel: index == number }">
|
v-for="item in titleName"
|
||||||
|
:key="item.index"
|
||||||
|
class="tabAll"
|
||||||
|
@click="changeCards(item.index)"
|
||||||
|
:class="{ sel: item.index === number }"
|
||||||
|
>
|
||||||
<span>
|
<span>
|
||||||
{{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }}
|
{{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }}
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -15,26 +20,55 @@
|
||||||
<div class="resultListSearchInput-father" v-if="number === 0">
|
<div class="resultListSearchInput-father" v-if="number === 0">
|
||||||
<div class="resultListSearchInput-son">
|
<div class="resultListSearchInput-son">
|
||||||
模糊搜索
|
模糊搜索
|
||||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
<a-input-search
|
||||||
@search="getIntegrationList" @change="onSearch" class="resultListSearchInput" />
|
v-model:value="searchValue"
|
||||||
|
placeholder="请输入关键词"
|
||||||
|
enter-button="搜索"
|
||||||
|
size="large"
|
||||||
|
@search="getIntegrationList"
|
||||||
|
@change="onSearch"
|
||||||
|
class="resultListSearchInput"
|
||||||
|
/>
|
||||||
<button class="button-reset" @click="resetAction()">重置</button>
|
<button class="button-reset" @click="resetAction()">重置</button>
|
||||||
<div class="hengxian"></div>
|
<div class="hengxian"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-loading="loadingData">
|
<div v-loading="loadingData">
|
||||||
<searchResultList v-if="number === 0" v-show="resourceList.data && resourceList.data.length > 0"
|
<searchResultList
|
||||||
:resourceList="resourceList" :resourceTotal="resourceTotal" @saveSearchCodition="saveSearchCodition"
|
v-if="number === 0"
|
||||||
ref="searchResultListDom" :selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
|
v-show="resourceList.data && resourceList.data.length > 0"
|
||||||
<CanAssignCase v-else v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList"
|
:resourceList="resourceList"
|
||||||
@saveSearchCodition="saveSearchCodition" :resourceTotal="resourceTotal"
|
:resourceTotal="resourceTotal"
|
||||||
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
|
@saveSearchCodition="saveSearchCodition"
|
||||||
|
ref="searchResultListDom"
|
||||||
|
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
|
||||||
|
/>
|
||||||
|
<CanAssignCase
|
||||||
|
v-else
|
||||||
|
v-show="resourceList.data && resourceList.data.length > 0"
|
||||||
|
:resourceList="resourceList"
|
||||||
|
@saveSearchCodition="saveSearchCodition"
|
||||||
|
:resourceTotal="resourceTotal"
|
||||||
|
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
|
||||||
|
/>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
|
<a-pagination
|
||||||
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper
|
v-if="resourceList.data && resourceList.data.length > 0"
|
||||||
:total="resourceTotal" :page-size-options="pageSizeOptions" @change="pageChange"
|
v-model:current="currentPage"
|
||||||
@showSizeChange="onShowSizeChange" />
|
v-model:pageSize="currentPageSize"
|
||||||
|
show-size-changer
|
||||||
|
show-less-items
|
||||||
|
show-quick-jumper
|
||||||
|
:total="resourceTotal"
|
||||||
|
:page-size-options="pageSizeOptions"
|
||||||
|
@change="pageChange"
|
||||||
|
@showSizeChange="onShowSizeChange"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
|
<div
|
||||||
|
v-if="resourceList.data && resourceList.data.length <= 0"
|
||||||
|
style="margin-top: 2rem"
|
||||||
|
>
|
||||||
<a-empty />
|
<a-empty />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -43,357 +77,382 @@
|
||||||
<home-footer></home-footer>
|
<home-footer></home-footer>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import HomeFooter from '@/views/newHome/components/Footer'
|
import HomeFooter from '@/views/newHome/components/Footer'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { defineComponent, reactive, ref, toRefs, onMounted, nextTick } from 'vue'
|
import {
|
||||||
import { getIntegrationServicesList } from '@/api/home.js'
|
defineComponent,
|
||||||
import { useRouter } from 'vue-router'
|
reactive,
|
||||||
import HomeHeader from '@/views/home/components/header'
|
ref,
|
||||||
import searchResultList from '@/views/home/components/searchResultList.vue'
|
toRefs,
|
||||||
import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
|
onMounted,
|
||||||
import { message } from 'ant-design-vue'
|
nextTick,
|
||||||
|
} from 'vue'
|
||||||
|
import { getIntegrationServicesList } from '@/api/home.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import HomeHeader from '@/views/home/components/header'
|
||||||
|
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||||
|
import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
beforeRouteLeave(to, from, next) {
|
beforeRouteLeave(to, from, next) {
|
||||||
console.log('to---integrationServices--beforeRouteLeave------->', to)
|
console.log('to---integrationServices--beforeRouteLeave------->', to)
|
||||||
console.log('from---integrationServices--beforeRouteLeave------->', from)
|
console.log('from---integrationServices--beforeRouteLeave------->', from)
|
||||||
console.log('next---integrationServices--beforeRouteLeave------->', next)
|
console.log('next---integrationServices--beforeRouteLeave------->', next)
|
||||||
if (to.name !== 'packagingDetails' && to.name !== 'integrationServicesDetails') {
|
if (
|
||||||
localStorage.removeItem('integrationServices')
|
to.name !== 'packagingDetails' &&
|
||||||
}
|
to.name !== 'integrationServicesDetails'
|
||||||
next()
|
) {
|
||||||
},
|
localStorage.removeItem('integrationServices')
|
||||||
setup() {
|
}
|
||||||
// 分页
|
next()
|
||||||
const loading = ref(true)
|
},
|
||||||
const currentPage = ref(1)
|
setup() {
|
||||||
const currentPageSize = ref(10)
|
// 分页
|
||||||
const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
|
const loading = ref(true)
|
||||||
const router = useRouter()
|
const currentPage = ref(1)
|
||||||
const select = router.currentRoute.value.query.select
|
const currentPageSize = ref(10)
|
||||||
const searchValue = ref('')
|
const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
|
||||||
const Cardsname = ref(select)
|
const router = useRouter()
|
||||||
const resourceList = reactive({ data: [] })
|
const select = router.currentRoute.value.query.select
|
||||||
const resourceTotal = ref(0)
|
const searchValue = ref('')
|
||||||
const loadingData = ref(false)
|
const Cardsname = ref(select)
|
||||||
// 选项卡
|
const resourceList = reactive({ data: [] })
|
||||||
const titleName = ref([
|
const resourceTotal = ref(0)
|
||||||
{
|
const loadingData = ref(false)
|
||||||
name: '打包模式',
|
// 选项卡
|
||||||
},
|
const titleName = ref([
|
||||||
{
|
{
|
||||||
name: '赋能场景',
|
name: '赋能场景',
|
||||||
},
|
index: 1,
|
||||||
])
|
},
|
||||||
const number = ref(0)
|
{
|
||||||
// 查询参数
|
name: '打包模式',
|
||||||
const paramsGetResources = {
|
index: 0,
|
||||||
page: currentPage.value,
|
},
|
||||||
limit: currentPageSize.value,
|
])
|
||||||
type: titleName.value[number.value].name,
|
let number = ref(1)
|
||||||
name: searchValue.value,
|
// 查询参数
|
||||||
orderField: 'create_date',
|
const paramsGetResources = {
|
||||||
orderType: 'DESC', // ASC 升序 DESC 降序
|
page: currentPage.value,
|
||||||
}
|
limit: currentPageSize.value,
|
||||||
const searchResultListDom = ref(null)
|
type: titleName.value[number.value].name,
|
||||||
const storageSearchInfo = JSON.parse(localStorage.getItem('integrationServices'))
|
name: searchValue.value,
|
||||||
// 读取本地存储：表单赋值
|
orderField: 'create_date',
|
||||||
const handleSetSearchData = () => {
|
orderType: 'DESC', // ASC 升序 DESC 降序
|
||||||
if (storageSearchInfo) {
|
}
|
||||||
number.value = storageSearchInfo.type == '打包模式' ? 0 : 1;
|
const searchResultListDom = ref(null)
|
||||||
// 搜索名称
|
const storageSearchInfo = JSON.parse(
|
||||||
searchValue.value = storageSearchInfo.name;
|
localStorage.getItem('integrationServices')
|
||||||
currentPage.value = storageSearchInfo.page;
|
)
|
||||||
currentPageSize.value = storageSearchInfo.limit;
|
// 读取本地存储：表单赋值
|
||||||
paramsGetResources.limit = storageSearchInfo.limit;
|
const handleSetSearchData = () => {
|
||||||
paramsGetResources.page = storageSearchInfo.page;
|
if (storageSearchInfo) {
|
||||||
paramsGetResources.type = storageSearchInfo.type;
|
number.value = storageSearchInfo.type == '打包模式' ? 1 : 0
|
||||||
// 延迟使用，因为还没有返回跟挂载
|
// 搜索名称
|
||||||
nextTick(() => {
|
searchValue.value = storageSearchInfo.name
|
||||||
searchResultListDom.value && searchResultListDom.value.changeCondition && searchResultListDom.value.changeCondition({
|
currentPage.value = storageSearchInfo.page
|
||||||
value: storageSearchInfo.orderField,
|
currentPageSize.value = storageSearchInfo.limit
|
||||||
orderType: storageSearchInfo.orderType,
|
paramsGetResources.limit = storageSearchInfo.limit
|
||||||
}, true)
|
paramsGetResources.page = storageSearchInfo.page
|
||||||
|
paramsGetResources.type = storageSearchInfo.type
|
||||||
|
// 延迟使用，因为还没有返回跟挂载
|
||||||
|
nextTick(() => {
|
||||||
|
searchResultListDom.value &&
|
||||||
|
searchResultListDom.value.changeCondition &&
|
||||||
|
searchResultListDom.value.changeCondition(
|
||||||
|
{
|
||||||
|
value: storageSearchInfo.orderField,
|
||||||
|
orderType: storageSearchInfo.orderType,
|
||||||
|
},
|
||||||
|
true
|
||||||
|
)
|
||||||
|
})
|
||||||
|
getIntegrationList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const changeCards = (val) => {
|
||||||
|
// 打包模式
|
||||||
|
number.value = val
|
||||||
|
paramsGetResources.type = titleName.value[number.value].name
|
||||||
|
resetAction()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询
|
||||||
|
const onSearch = () => {
|
||||||
|
currentPage.value = 1
|
||||||
|
getIntegrationList()
|
||||||
|
}
|
||||||
|
// 重置数据
|
||||||
|
const resetAction = () => {
|
||||||
|
// 重置模糊查字段
|
||||||
|
searchValue.value = ''
|
||||||
|
// 分页
|
||||||
|
currentPage.value = 1
|
||||||
|
currentPageSize.value = 10
|
||||||
|
// 重置查询条件
|
||||||
|
paramsGetResources.page = 1
|
||||||
|
paramsGetResources.limit = 10
|
||||||
|
paramsGetResources.orderField = 'create_date'
|
||||||
|
paramsGetResources.orderType = 'DESC'
|
||||||
|
|
||||||
|
mybus.emit('resetAction', {
|
||||||
|
type: titleName.value[number.value].name,
|
||||||
})
|
})
|
||||||
getIntegrationList()
|
getIntegrationList()
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const changeCards = (val) => {
|
// 获取融合服务列表
|
||||||
// 打包模式
|
const getIntegrationList = () => {
|
||||||
number.value = val;
|
loadingData.value = true
|
||||||
paramsGetResources.type = titleName.value[number.value].name;
|
paramsGetResources.name = searchValue.value
|
||||||
resetAction()
|
console.log(
|
||||||
}
|
'paramsGetResources------参数下发------>',
|
||||||
|
paramsGetResources
|
||||||
// 查询
|
)
|
||||||
const onSearch = () => {
|
getIntegrationServicesList(paramsGetResources).then(
|
||||||
currentPage.value = 1
|
(res) => {
|
||||||
getIntegrationList()
|
loadingData.value = false
|
||||||
}
|
if (res.data.code !== 0) {
|
||||||
// 重置数据
|
return message.error(res.data.msg)
|
||||||
const resetAction = () => {
|
}
|
||||||
// 重置模糊查字段
|
resourceList.data = res.data.data.list || []
|
||||||
searchValue.value = ''
|
resourceTotal.value = res.data.data.total || 0
|
||||||
// 分页
|
},
|
||||||
currentPage.value = 1
|
(err) => {
|
||||||
currentPageSize.value = 10
|
loadingData.value = false
|
||||||
// 重置查询条件
|
message.error(err)
|
||||||
paramsGetResources.page = 1
|
|
||||||
paramsGetResources.limit = 10
|
|
||||||
paramsGetResources.orderField = 'create_date'
|
|
||||||
paramsGetResources.orderType = 'DESC'
|
|
||||||
|
|
||||||
mybus.emit('resetAction', {
|
|
||||||
type: titleName.value[number.value].name,
|
|
||||||
})
|
|
||||||
getIntegrationList()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取融合服务列表
|
|
||||||
const getIntegrationList = () => {
|
|
||||||
loadingData.value = true
|
|
||||||
paramsGetResources.name = searchValue.value;
|
|
||||||
console.log('paramsGetResources------参数下发------>', paramsGetResources);
|
|
||||||
getIntegrationServicesList(paramsGetResources).then(
|
|
||||||
(res) => {
|
|
||||||
loadingData.value = false
|
|
||||||
if (res.data.code !== 0) {
|
|
||||||
return message.error(res.data.msg)
|
|
||||||
}
|
}
|
||||||
resourceList.data = res.data.data.list || []
|
)
|
||||||
resourceTotal.value = res.data.data.total || 0
|
|
||||||
},
|
|
||||||
(err) => {
|
|
||||||
loadingData.value = false
|
|
||||||
message.error(err)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
mybus.on('paramsGetResources', (ids) => {
|
|
||||||
if (ids && ids.length > 0) {
|
|
||||||
paramsGetResources.deptIds = ids
|
|
||||||
} else {
|
|
||||||
delete paramsGetResources.deptIds
|
|
||||||
}
|
}
|
||||||
getIntegrationList()
|
|
||||||
})
|
|
||||||
|
|
||||||
mybus.on('changePage', (page) => {
|
mybus.on('paramsGetResources', (ids) => {
|
||||||
paramsGetResources.page = page
|
if (ids && ids.length > 0) {
|
||||||
getIntegrationList()
|
paramsGetResources.deptIds = ids
|
||||||
})
|
} else {
|
||||||
|
delete paramsGetResources.deptIds
|
||||||
|
}
|
||||||
|
getIntegrationList()
|
||||||
|
})
|
||||||
|
|
||||||
mybus.on('changeSelcted', () => {
|
mybus.on('changePage', (page) => {
|
||||||
getIntegrationList()
|
paramsGetResources.page = page
|
||||||
})
|
getIntegrationList()
|
||||||
|
})
|
||||||
|
|
||||||
mybus.on('refresh', () => {
|
mybus.on('changeSelcted', () => {
|
||||||
paramsGetResources.page = 1
|
getIntegrationList()
|
||||||
currentPage.value = 1
|
})
|
||||||
getIntegrationList()
|
|
||||||
})
|
|
||||||
mybus.on('changeCondition', (condition) => {
|
|
||||||
paramsGetResources.orderField = condition.orderField
|
|
||||||
paramsGetResources.orderType = condition.orderType
|
|
||||||
getIntegrationList()
|
|
||||||
})
|
|
||||||
|
|
||||||
const pageChange = (val) => {
|
mybus.on('refresh', () => {
|
||||||
currentPage.value = val
|
paramsGetResources.page = 1
|
||||||
paramsGetResources.page = val
|
currentPage.value = 1
|
||||||
getIntegrationList() //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
|
getIntegrationList()
|
||||||
}
|
})
|
||||||
|
mybus.on('changeCondition', (condition) => {
|
||||||
|
paramsGetResources.orderField = condition.orderField
|
||||||
|
paramsGetResources.orderType = condition.orderType
|
||||||
|
getIntegrationList()
|
||||||
|
})
|
||||||
|
|
||||||
// 分页
|
const pageChange = (val) => {
|
||||||
const onShowSizeChange = (current, pageSize) => {
|
currentPage.value = val
|
||||||
currentPage.value = current
|
paramsGetResources.page = val
|
||||||
currentPageSize.value = pageSize
|
getIntegrationList() //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
|
||||||
paramsGetResources.page = current
|
}
|
||||||
paramsGetResources.limit = pageSize
|
|
||||||
getIntegrationList()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 存储查询条件到本地
|
// 分页
|
||||||
const saveSearchCodition = (n) => {
|
const onShowSizeChange = (current, pageSize) => {
|
||||||
console.log('融合服务-----存储查询条件到本地------->', paramsGetResources);
|
currentPage.value = current
|
||||||
localStorage.setItem(
|
currentPageSize.value = pageSize
|
||||||
'integrationServices',
|
paramsGetResources.page = current
|
||||||
JSON.stringify(paramsGetResources)
|
paramsGetResources.limit = pageSize
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
if (storageSearchInfo) {
|
|
||||||
handleSetSearchData()
|
|
||||||
} else {
|
|
||||||
getIntegrationList()
|
getIntegrationList()
|
||||||
}
|
}
|
||||||
})
|
|
||||||
|
|
||||||
return {
|
// 存储查询条件到本地
|
||||||
searchValue,
|
const saveSearchCodition = (n) => {
|
||||||
currentPage,
|
console.log(
|
||||||
resourceList,
|
'融合服务-----存储查询条件到本地------->',
|
||||||
resourceTotal,
|
paramsGetResources
|
||||||
pageChange,
|
)
|
||||||
Cardsname,
|
localStorage.setItem(
|
||||||
getIntegrationList,
|
'integrationServices',
|
||||||
resetAction,
|
JSON.stringify(paramsGetResources)
|
||||||
onSearch,
|
)
|
||||||
currentPageSize,
|
}
|
||||||
pageSizeOptions,
|
|
||||||
loading,
|
onMounted(() => {
|
||||||
titleName,
|
if (storageSearchInfo) {
|
||||||
changeCards,
|
handleSetSearchData()
|
||||||
number,
|
} else {
|
||||||
loadingData,
|
getIntegrationList()
|
||||||
onShowSizeChange,
|
}
|
||||||
saveSearchCodition,
|
})
|
||||||
searchResultListDom,
|
|
||||||
}
|
return {
|
||||||
},
|
searchValue,
|
||||||
components: {
|
currentPage,
|
||||||
HomeHeader,
|
resourceList,
|
||||||
HomeFooter,
|
resourceTotal,
|
||||||
searchResultList,
|
pageChange,
|
||||||
CanAssignCase,
|
Cardsname,
|
||||||
},
|
getIntegrationList,
|
||||||
beforeUnmount() {
|
resetAction,
|
||||||
mybus.off('paramsGetResources')
|
onSearch,
|
||||||
mybus.off('changeCondition')
|
currentPageSize,
|
||||||
mybus.off('refresh')
|
pageSizeOptions,
|
||||||
mybus.off('changePage')
|
loading,
|
||||||
},
|
titleName,
|
||||||
})
|
changeCards,
|
||||||
|
number,
|
||||||
|
loadingData,
|
||||||
|
onShowSizeChange,
|
||||||
|
saveSearchCodition,
|
||||||
|
searchResultListDom,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
HomeHeader,
|
||||||
|
HomeFooter,
|
||||||
|
searchResultList,
|
||||||
|
CanAssignCase,
|
||||||
|
},
|
||||||
|
beforeUnmount() {
|
||||||
|
mybus.off('paramsGetResources')
|
||||||
|
mybus.off('changeCondition')
|
||||||
|
mybus.off('refresh')
|
||||||
|
mybus.off('changePage')
|
||||||
|
},
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.resultListSearchInput-father {
|
.resultListSearchInput-father {
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
padding: 0.2rem;
|
padding: 0.2rem;
|
||||||
|
|
||||||
.resultListSearchInput-son {
|
.resultListSearchInput-son {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 0.2rem 0.2rem 0rem 0.3rem;
|
padding: 0.2rem 0.2rem 0rem 0.3rem;
|
||||||
|
|
||||||
.hengxian {
|
.hengxian {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0.01rem;
|
height: 0.01rem;
|
||||||
background: rgba(150, 144, 144, 0.3);
|
background: rgba(150, 144, 144, 0.3);
|
||||||
margin-top: 0.2rem;
|
margin-top: 0.2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.resultListSearchInput {
|
.resultListSearchInput {
|
||||||
margin-left: 0.1rem;
|
margin-left: 0.1rem;
|
||||||
|
|
||||||
:deep(.ant-input) {
|
:deep(.ant-input) {
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
height: 0.36rem;
|
height: 0.36rem;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.04rem;
|
border-radius: 0.04rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-search-button) {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #0087ff;
|
||||||
|
border-radius: 0.04rem !important;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-group-addon) {
|
||||||
|
left: 0 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-input-search-button) {
|
.button-reset {
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
width: 0.8rem;
|
width: 0.8rem;
|
||||||
height: 0.36rem;
|
height: 0.36rem;
|
||||||
background: #0087ff;
|
background: #e1edfa;
|
||||||
border-radius: 0.04rem !important;
|
border-radius: 0.04rem;
|
||||||
font-size: 0.14rem;
|
font-size: 0.14rem;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #fff;
|
color: #0087ff;
|
||||||
line-height: 0.34rem;
|
line-height: 0.34rem;
|
||||||
margin-left: 0.1rem;
|
margin-left: 2.5rem;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-input-group-addon) {
|
.details-pageconetent {
|
||||||
left: 0 !important;
|
height: 100%;
|
||||||
}
|
width: 100%;
|
||||||
}
|
|
||||||
|
|
||||||
.button-reset {
|
|
||||||
border: 0;
|
|
||||||
outline: none;
|
|
||||||
width: 0.8rem;
|
|
||||||
height: 0.36rem;
|
|
||||||
background: #e1edfa;
|
|
||||||
border-radius: 0.04rem;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #0087ff;
|
|
||||||
line-height: 0.34rem;
|
|
||||||
margin-left: 2.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.details-pageconetent {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 0.67rem;
|
|
||||||
position: relative;
|
|
||||||
background: rgba(245, 243, 243, 0.3);
|
|
||||||
|
|
||||||
.details-pageconetent-left {
|
|
||||||
max-height: 6.9rem;
|
|
||||||
position: absolute;
|
|
||||||
width: 2.5rem;
|
|
||||||
top: 0.17rem;
|
|
||||||
left: 2.5rem;
|
|
||||||
margin-right: 0.17rem;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top {
|
|
||||||
min-height: 7.2rem;
|
|
||||||
position: relative;
|
|
||||||
width: 11.5rem;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-top: 0.2rem;
|
justify-content: center;
|
||||||
flex-direction: column;
|
align-items: center;
|
||||||
font-size: 0.16rem;
|
margin-top: 0.67rem;
|
||||||
justify-content: left;
|
position: relative;
|
||||||
background: #f3f5f9;
|
background: rgba(245, 243, 243, 0.3);
|
||||||
|
|
||||||
.pagination {
|
.details-pageconetent-left {
|
||||||
background: #f3f5f9;
|
max-height: 6.9rem;
|
||||||
padding-bottom: 0.6rem;
|
position: absolute;
|
||||||
|
width: 2.5rem;
|
||||||
|
top: 0.17rem;
|
||||||
|
left: 2.5rem;
|
||||||
|
margin-right: 0.17rem;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-title {
|
.top {
|
||||||
padding: 0.2rem;
|
min-height: 7.2rem;
|
||||||
|
position: relative;
|
||||||
|
width: 11.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 18px;
|
padding-top: 0.2rem;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
justify-content: left;
|
||||||
|
background: #f3f5f9;
|
||||||
|
|
||||||
.tabAll {
|
.pagination {
|
||||||
|
background: #f3f5f9;
|
||||||
|
padding-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-title {
|
||||||
|
padding: 0.2rem;
|
||||||
|
display: flex;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #000000;
|
|
||||||
margin-right: 35px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabAll:nth-child(1) {
|
.tabAll {
|
||||||
margin-left: 20px;
|
font-size: 18px;
|
||||||
}
|
color: #000000;
|
||||||
|
margin-right: 35px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.sel {
|
.tabAll:nth-child(1) {
|
||||||
font-weight: 600;
|
margin-left: 20px;
|
||||||
color: #0087ff;
|
}
|
||||||
border-bottom: 0.02rem solid #0087ff;
|
|
||||||
|
.sel {
|
||||||
|
font-weight: 600;
|
||||||
|
color: #0087ff;
|
||||||
|
border-bottom: 0.02rem solid #0087ff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-card-grid) {
|
:deep(.ant-card-grid) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
-webkit-line-clamp: 1;
|
-webkit-line-clamp: 1;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -96,6 +96,21 @@
|
||||||
>
|
>
|
||||||
{{ i == 0 ? '基础设施' : i == 1 ? '组件服务' : '数据资源' }}
|
{{ i == 0 ? '基础设施' : i == 1 ? '组件服务' : '数据资源' }}
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
class="data-count"
|
||||||
|
style="font-size: 0.14rem; text-align: right; margin-bottom: 0.2rem"
|
||||||
|
>
|
||||||
|
<span style="color: #909399">
|
||||||
|
共
|
||||||
|
{{
|
||||||
|
i == 0
|
||||||
|
? infrastructureCount
|
||||||
|
: i == 1
|
||||||
|
? componentCount
|
||||||
|
: dataSourceCount
|
||||||
|
}}条数据，示例数据如下：
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
<div class="bottom" style="display: flex; align-items: flex-start">
|
<div class="bottom" style="display: flex; align-items: flex-start">
|
||||||
<div class="title" :class="'title' + i"></div>
|
<div class="title" :class="'title' + i"></div>
|
||||||
<div class="table-box">
|
<div class="table-box">
|
||||||
|
|
@ -171,6 +186,9 @@
|
||||||
const solution = ref([])
|
const solution = ref([])
|
||||||
const step = ref([])
|
const step = ref([])
|
||||||
const bgImg = ref('')
|
const bgImg = ref('')
|
||||||
|
const dataSourceCount = ref(0)
|
||||||
|
const infrastructureCount = ref(0)
|
||||||
|
const componentCount = ref(0)
|
||||||
const id = router.currentRoute.value.query.id
|
const id = router.currentRoute.value.query.id
|
||||||
document.documentElement.style.transition = 'all 0.3s ease'
|
document.documentElement.style.transition = 'all 0.3s ease'
|
||||||
document.documentElement.scrollTop = 0
|
document.documentElement.scrollTop = 0
|
||||||
|
|
@ -283,6 +301,9 @@
|
||||||
return message.error(res.data.msg)
|
return message.error(res.data.msg)
|
||||||
}
|
}
|
||||||
detailInfoObj.value = res.data.data || {}
|
detailInfoObj.value = res.data.data || {}
|
||||||
|
dataSourceCount.value = res.data.data.dataSourceCount || 0
|
||||||
|
infrastructureCount.value = res.data.data.infrastructureCount|| 0
|
||||||
|
componentCount.value = res.data.data.componentCount || 0
|
||||||
// 资源属性
|
// 资源属性
|
||||||
let fuseAttrList = res.data.data.fuseAttrList || []
|
let fuseAttrList = res.data.data.fuseAttrList || []
|
||||||
// 融合关系
|
// 融合关系
|
||||||
|
|
@ -667,6 +688,8 @@
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
.data-count {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-box {
|
.name-box {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue