Merge branch 'hi-ucs-dev' of http://10.16.3.230:8011/wuhongjian/hi-ucs-web into hi-ucs-dev
This commit is contained in:
commit
8b0e6b2519
|
|
@ -0,0 +1,565 @@
|
||||||
|
<!-- 知识库 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-ability__bsabilityai">
|
||||||
|
<el-form :inline="true" :model="dataForm">
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="dataForm.name" placeholder="名称" clearable></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList2(dataForm.name)">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="info" @click="exportHandle()">{{
|
||||||
|
$t('export')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="showPutOnTheShelf()">上架</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button v-if="$hasPermission('ability:knowledgeBase:delete')" type="danger" @click="deleteHandle2()">{{
|
||||||
|
$t('deleteBatch')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="reset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
|
||||||
|
:key="Math.random()" style="width: 100%" height="650px">
|
||||||
|
<el-table-column type="selection" header-align="center" align="center" width="50">
|
||||||
|
</el-table-column>
|
||||||
|
<af-table-column :show-overflow-tooltip="true" width="280" prop="name" label="名称" header-align="center"
|
||||||
|
align="center"></af-table-column>
|
||||||
|
<af-table-column :show-overflow-tooltip="true" width="500" prop="description" label="描述" header-align="center"
|
||||||
|
align="center"></af-table-column>
|
||||||
|
<template v-if="dataList[0] && dataList[0].infoList2">
|
||||||
|
<af-table-column :show-overflow-tooltip="true" v-for="(item, index) in dataList[0].infoList2"
|
||||||
|
:key="index" :label="item.attrType" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ findValue(scope.row.infoList2, item.attrType) }}
|
||||||
|
</template>
|
||||||
|
</af-table-column>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button v-if="$hasPermission('ability:knowledgeBase:update')" type="text" size="small"
|
||||||
|
@click="UpdateData(scope.row)">{{ $t('update') }}</el-button>
|
||||||
|
<el-button v-if="$hasPermission('ability:knowledgeBase:delete')" type="text" size="small"
|
||||||
|
@click="deleteHandle2(scope.row.id)">{{ $t('delete') }}</el-button>
|
||||||
|
<el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="Number(total)"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
|
||||||
|
@current-change="pageCurrentChangeHandle">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 选择类型 -->
|
||||||
|
<el-dialog title="选择类型" :visible.sync="showPutOnTheShelfFlag" :close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false" :before-close="clear" width="30%">
|
||||||
|
<el-radio v-model="radio" v-for="(data, i) in insertList.children" :label="data.name" :key="i">
|
||||||
|
</el-radio>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="clear">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="showPutOnTheShelfVue">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
|
<el-dialog :title="submitFrom.id ? '修改' + radio : '上架' + radio" :visible.sync="showPutOnTheShelfFlag2"
|
||||||
|
:close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :before-close="clear"
|
||||||
|
width="50%">
|
||||||
|
<putOnTheShelf ref="putOnTheShelf" :putOnTheShelfList="putOnTheShelfList" @changeInfoList="changeInfoList"
|
||||||
|
:type="radio" :typeInput="typeInput" :required="required" :notFilled="notFilled" @submitData="submitData">
|
||||||
|
</putOnTheShelf>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="clear">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitData">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import mixinViewModule from '@/mixins/view-module'
|
||||||
|
import dictionaries from '@/utils/dictionaries'
|
||||||
|
import qs from 'qs'
|
||||||
|
import { pinyin } from 'pinyin-pro'
|
||||||
|
import putOnTheShelf from '@/views/modules/putOnTheShelf'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
required: [],
|
||||||
|
// required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '算法名称', '算法描述', '图层名称', '图层描述', '组件名称', '组件描述', '组件地址', '服务地址', '服务接口', '接口请求方式', '算法类别'],
|
||||||
|
notFilled: [],
|
||||||
|
insertList: [],
|
||||||
|
putOnTheShelfList: [],
|
||||||
|
radio: '',
|
||||||
|
showPutOnTheShelfFlag: false,
|
||||||
|
showPutOnTheShelfFlag2: false,
|
||||||
|
submitFrom: {
|
||||||
|
type: '知识库',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
attrType: '知识库类型',
|
||||||
|
attrValue: '',
|
||||||
|
delFlag: 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/resource/page',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
exportURL: '/ability/bsabilityai/export',
|
||||||
|
deleteURL: '/resource/delete',
|
||||||
|
deleteIsBatch: true
|
||||||
|
},
|
||||||
|
disabled: false,
|
||||||
|
dataForm: {
|
||||||
|
name: '',
|
||||||
|
creator: '',
|
||||||
|
delFlag: 0,
|
||||||
|
selectType: 0,
|
||||||
|
type: '知识库'
|
||||||
|
},
|
||||||
|
typeInput: '知识库',
|
||||||
|
uuidOne: '',
|
||||||
|
uuidTwo: '',
|
||||||
|
uuidSnum: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {},
|
||||||
|
components: {
|
||||||
|
putOnTheShelf
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.dataForm.name = ''
|
||||||
|
this.dataForm.type = '知识库'
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// window.addEventListener('resize', this.a)
|
||||||
|
// this.fullScreen()
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
reset() {
|
||||||
|
this.$http
|
||||||
|
.get(
|
||||||
|
this.mixinViewModuleOptions.getDataListURL +
|
||||||
|
'?' +
|
||||||
|
qs.stringify({
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
creator: '',
|
||||||
|
selectType: 0,
|
||||||
|
delFlag: 0,
|
||||||
|
type: '知识库',
|
||||||
|
name: ''
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
this.dataForm.name = ''
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.dataList = []
|
||||||
|
this.total = 0
|
||||||
|
return this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
this.dataList = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
|
? res.data.list
|
||||||
|
: res.data
|
||||||
|
this.dataList.map((item, index) => {
|
||||||
|
const dataListSinforList = []
|
||||||
|
item.infoList.map((itemson, indexson) => {
|
||||||
|
if (
|
||||||
|
itemson.attrType === '知识库类型'
|
||||||
|
) {
|
||||||
|
dataListSinforList.push(itemson)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.dataList[index].infoList2 = dataListSinforList
|
||||||
|
})
|
||||||
|
console.log('this.dataList', this.dataList)
|
||||||
|
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
|
? res.data.total
|
||||||
|
: 0
|
||||||
|
if (this.mixinViewModuleOptions.requestCallback) {
|
||||||
|
this.mixinViewModuleOptions.requestCallback(res.data)
|
||||||
|
}
|
||||||
|
this.dataListLoading = false
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.dataListLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
findValue(list, type) {
|
||||||
|
const found = list.find((item) => item.attrType === type)
|
||||||
|
if (found) {
|
||||||
|
return found.attrValue
|
||||||
|
} else {
|
||||||
|
return '暂无数据'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showDetail(val) {
|
||||||
|
console.log(val)
|
||||||
|
window.open(window.SITE_CONFIG.previewUrl + '#/details?id=' + val.id)
|
||||||
|
},
|
||||||
|
getDataList2(names) {
|
||||||
|
if (names != null) {
|
||||||
|
this.$http
|
||||||
|
.get(
|
||||||
|
this.mixinViewModuleOptions.getDataListURL +
|
||||||
|
'?' +
|
||||||
|
qs.stringify({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: this.limit,
|
||||||
|
type: '知识库',
|
||||||
|
creator: '',
|
||||||
|
selectType: 0,
|
||||||
|
delFlag: 0,
|
||||||
|
name: names
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.dataList = []
|
||||||
|
this.total = 0
|
||||||
|
return this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
if (res.data.list.length !== 0) {
|
||||||
|
this.dataList = res.data.list
|
||||||
|
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
|
? res.data.total
|
||||||
|
: 0
|
||||||
|
if (this.mixinViewModuleOptions.requestCallback) {
|
||||||
|
this.mixinViewModuleOptions.requestCallback(res.data)
|
||||||
|
}
|
||||||
|
this.dataListLoading = false
|
||||||
|
this.dataList.map((item, index) => {
|
||||||
|
const dataListSinforList = []
|
||||||
|
item.infoList.map((itemson, indexson) => {
|
||||||
|
if (
|
||||||
|
itemson.attrType === '知识库类型'
|
||||||
|
) {
|
||||||
|
dataListSinforList.push(itemson)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.dataList[index].infoList2 = dataListSinforList
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.error('未查询到相关信息')
|
||||||
|
this.reset()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.dataListLoading = false
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.error('查询信息不能为空')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新上架
|
||||||
|
clear() {
|
||||||
|
console.log('清空----------------------------------------')
|
||||||
|
this.notFilled = []
|
||||||
|
this.showPutOnTheShelfFlag = false
|
||||||
|
this.showPutOnTheShelfFlag2 = false
|
||||||
|
this.insertList = []
|
||||||
|
this.putOnTheShelfList = []
|
||||||
|
this.radio = ''
|
||||||
|
this.submitFrom = {
|
||||||
|
type: '知识库',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
attrType: '知识库类型',
|
||||||
|
attrValue: '',
|
||||||
|
delFlag: 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
|
showPutOnTheShelf() {
|
||||||
|
this.showPutOnTheShelfFlag = true
|
||||||
|
this.$http.get('/category/getCategoryTree').then((res) => {
|
||||||
|
console.log('res------获取知识库类型------>', res);
|
||||||
|
this.insertList = res.data.data.filter(
|
||||||
|
(item) => item.name === '知识库'
|
||||||
|
)[0]
|
||||||
|
})
|
||||||
|
},
|
||||||
|
showPutOnTheShelfVue() {
|
||||||
|
this.showPutOnTheShelfFlag = false
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
if (this.submitFrom.infoList[0]) {
|
||||||
|
this.submitFrom.infoList[0].attrValue = this.radio
|
||||||
|
}
|
||||||
|
this.putOnTheShelfList = this.insertList.children.filter(
|
||||||
|
(item) => item.name === this.radio
|
||||||
|
)[0].children
|
||||||
|
if (this.putOnTheShelfList[0] && this.putOnTheShelfList[0].children && this.putOnTheShelfList[0].children && this.putOnTheShelfList[0].children[0].children) {
|
||||||
|
this.putOnTheShelfList[0].children[0].children.forEach(v => {
|
||||||
|
if (v.name == '发布日期') {
|
||||||
|
// 日期格式
|
||||||
|
v.type = 'date'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
console.log('this.putOnTheShelfList------------>', this.putOnTheShelfList[0].children[0].children);
|
||||||
|
},
|
||||||
|
changeInfoList(obj) {
|
||||||
|
console.log(obj, this.submitFrom)
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter(
|
||||||
|
(item) => item.attrType !== obj.attrType
|
||||||
|
)
|
||||||
|
this.submitFrom.infoList.push(obj)
|
||||||
|
},
|
||||||
|
|
||||||
|
submitData() {
|
||||||
|
console.log('提交11111111111===============>', this.putOnTheShelfList, this.submitFrom)
|
||||||
|
const arr = []
|
||||||
|
this.putOnTheShelfList.map((item) => {
|
||||||
|
item.children.map((child) => {
|
||||||
|
if (child.children) {
|
||||||
|
child.children.map((val) => {
|
||||||
|
arr.push(val.name)
|
||||||
|
if (
|
||||||
|
val.type === 'input' ||
|
||||||
|
val.type === 'textArea' ||
|
||||||
|
val.type === 'select' ||
|
||||||
|
val.type === 'checkBox' ||
|
||||||
|
val.type === 'radio'
|
||||||
|
) {
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter(
|
||||||
|
(item) => item.attrType !== val.name
|
||||||
|
)
|
||||||
|
}
|
||||||
|
switch (val.name) {
|
||||||
|
case '标准名称':
|
||||||
|
case '模型名称':
|
||||||
|
this.submitFrom.name = val.note1
|
||||||
|
break;
|
||||||
|
case '标准简介':
|
||||||
|
case '模型描述':
|
||||||
|
this.submitFrom.description = val.note1
|
||||||
|
break;
|
||||||
|
case '联系方式':
|
||||||
|
this.submitFrom.deptPhone = val.note1
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
if (
|
||||||
|
val.type !== 'image' &&
|
||||||
|
val.type !== 'file' &&
|
||||||
|
val.type !== 'video'
|
||||||
|
) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
if (
|
||||||
|
this.submitFrom.infoList.filter(
|
||||||
|
(value) => value.attrType === val.name
|
||||||
|
).length === 0
|
||||||
|
) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0,
|
||||||
|
note2: val.note2 || null
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.sort(
|
||||||
|
(a, b) => arr.indexOf(a.attrType) - arr.indexOf(b.attrType)
|
||||||
|
)
|
||||||
|
if (this.submitFrom.id) {
|
||||||
|
// 解决编辑无组件类型
|
||||||
|
this.submitFrom.infoList.map((val) => {
|
||||||
|
if (val.attrType === '知识库类型') {
|
||||||
|
val.attrValue = this.radio
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 去重
|
||||||
|
const newArr = this.submitFrom.infoList.filter(
|
||||||
|
(element, index, self) => {
|
||||||
|
return (
|
||||||
|
self.findIndex((x) => x.attrType === element.attrType) === index
|
||||||
|
)
|
||||||
|
}
|
||||||
|
)
|
||||||
|
this.submitFrom.infoList = newArr
|
||||||
|
this.notFilled = []
|
||||||
|
if (!this.submitFrom.name) {
|
||||||
|
this.notFilled.push('标准名称')
|
||||||
|
this.notFilled.push('模型名称')
|
||||||
|
}
|
||||||
|
if (this.notFilled.length > 0) {
|
||||||
|
this.$message({
|
||||||
|
message: '请填写必填字段！',
|
||||||
|
type: 'warning'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 表单提交
|
||||||
|
console.log('this.submitFrom.infoList----表单提交-------->', this.submitFrom);
|
||||||
|
let _url = this.submitFrom.id ? '/resource/update' : '/resource/insert?source= b';
|
||||||
|
let _method = this.submitFrom.id ? 'put' : 'post';
|
||||||
|
let _msg = this.submitFrom.id ? '修改' : '上架';
|
||||||
|
this.$http[_method](_url, this.submitFrom)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error(_msg + '失败!')
|
||||||
|
} else {
|
||||||
|
this.$message.success(_msg + '成功！')
|
||||||
|
this.clear()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => { })
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新修改
|
||||||
|
UpdateData(item) {
|
||||||
|
this.$http.get('/category/getCategoryTree').then((res) => {
|
||||||
|
this.insertList = res.data.data.filter(
|
||||||
|
(item) => item.name === '知识库'
|
||||||
|
)[0]
|
||||||
|
console.log('this.insertList-------www----->', this.insertList);
|
||||||
|
let _knowType = item.infoList.find((val) => val.attrType === '知识库类型') || {};
|
||||||
|
console.log('_knowType------------>', _knowType);
|
||||||
|
|
||||||
|
this.radio = item.infoList.find(
|
||||||
|
(val) => val.attrType === '知识库类型'
|
||||||
|
).attrValue
|
||||||
|
console.log('item.infoList------------>', item.infoList);
|
||||||
|
console.log('this.radio---www--------->', this.radio);
|
||||||
|
this.putOnTheShelfList = this.insertList.children.filter(
|
||||||
|
(item) => item.name === this.radio
|
||||||
|
)[0].children;
|
||||||
|
if (this.putOnTheShelfList[0] && this.putOnTheShelfList[0].children && this.putOnTheShelfList[0].children && this.putOnTheShelfList[0].children[0].children) {
|
||||||
|
this.putOnTheShelfList[0].children[0].children.forEach(v => {
|
||||||
|
if (v.name == '发布日期') {
|
||||||
|
// 日期格式
|
||||||
|
v.type = 'date'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.putOnTheShelfList.map((parent) => {
|
||||||
|
console.log('parent-------ssss----->', parent);
|
||||||
|
parent.children.map((child) => {
|
||||||
|
if (child.children) {
|
||||||
|
child.children.map((data) => {
|
||||||
|
switch (data.name) {
|
||||||
|
case '模型名称':
|
||||||
|
case '标准名称':
|
||||||
|
data.note1 = item.name
|
||||||
|
break
|
||||||
|
case '标准简介':
|
||||||
|
case '模型描述':
|
||||||
|
data.note1 = item.description
|
||||||
|
break
|
||||||
|
case '联系方式':
|
||||||
|
data.note1 = item.deptPhone
|
||||||
|
break
|
||||||
|
// case '归属部门':
|
||||||
|
// data.note1 = item.deptId
|
||||||
|
// break
|
||||||
|
default:
|
||||||
|
// eslint-disable-next-line no-case-declarations
|
||||||
|
const obj1 = item.infoList.filter(
|
||||||
|
(val) => val.attrType === data.name
|
||||||
|
)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note1 = obj1.attrValue
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
data.type === 'image' ||
|
||||||
|
data.type === 'file' ||
|
||||||
|
data.type === 'video'
|
||||||
|
) {
|
||||||
|
const obj1 = item.infoList.filter(
|
||||||
|
(val) => val.attrType === data.name
|
||||||
|
)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note2 = obj1.note2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.id = item.id
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 新删除
|
||||||
|
deleteHandle2(id) {
|
||||||
|
if (id == undefined && this.dataListSelections.length < 1) {
|
||||||
|
this.$message({
|
||||||
|
type: 'info',
|
||||||
|
message: '请选择要删除的数据'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$confirm('确认是否删除?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
const ids = []
|
||||||
|
if (id) {
|
||||||
|
ids.push(id)
|
||||||
|
} else {
|
||||||
|
if (this.dataListSelections.length > 0) {
|
||||||
|
this.dataListSelections.forEach(item => {
|
||||||
|
ids.push(item.id)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.$http.post('/resource/delete', { ids: ids }).then(res => {
|
||||||
|
console.log('删除成功', res)
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功!'
|
||||||
|
})
|
||||||
|
this.reset()
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.el-tooltip__popper {
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ::v-deep .el-table .cell {
|
||||||
|
// width: 200px;
|
||||||
|
// }
|
||||||
|
::v-deep .el-upload-list__item-name {
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-29 15:59:51
|
* @Date: 2022-06-29 15:59:51
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-24 20:45:45
|
* @LastEditTime: 2022-11-28 11:28:43
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!-- 流程业务表单 -->
|
<!-- 流程业务表单 -->
|
||||||
|
|
@ -531,7 +531,7 @@ export default {
|
||||||
// 任务处理出错回调
|
// 任务处理出错回调
|
||||||
taskHandleErrorCallback (data) { },
|
taskHandleErrorCallback (data) { },
|
||||||
download (data) {
|
download (data) {
|
||||||
this.downloadFile(data.attachment, '附件')
|
this.downloadFile(data.attachment, '感知资源申请表')
|
||||||
// const alink = document.createElement('a')
|
// const alink = document.createElement('a')
|
||||||
// alink.download = '附件' // 文件名,大部分浏览器兼容,IE10及以下不兼容
|
// alink.download = '附件' // 文件名,大部分浏览器兼容,IE10及以下不兼容
|
||||||
// // alink.href = data.attachment // 创建 url地址
|
// // alink.href = data.attachment // 创建 url地址
|
||||||
|
|
|
||||||
|
|
@ -82,6 +82,11 @@ js:
|
||||||
<el-radio v-for="item in options" :label="item.dictLabel" :key="item.dictLabel">{{item.dictLabel}}</el-radio>
|
<el-radio v-for="item in options" :label="item.dictLabel" :key="item.dictLabel">{{item.dictLabel}}</el-radio>
|
||||||
</el-radio-group> -->
|
</el-radio-group> -->
|
||||||
<a-textarea v-else-if="type == 'textArea'" @change="changeIiem(name,data.note1)" v-model:value="data.note1" :showCount="true" :maxlength="200" :placeholder="'请填写' + name" />
|
<a-textarea v-else-if="type == 'textArea'" @change="changeIiem(name,data.note1)" v-model:value="data.note1" :showCount="true" :maxlength="200" :placeholder="'请填写' + name" />
|
||||||
|
<div class="block" v-else-if="type == 'date'">
|
||||||
|
<el-date-picker v-model="data.note1" type="date" :placeholder="'选择' + name" value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -47,6 +47,7 @@
|
||||||
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'checkBox'" type="checkBox" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'checkBox'" type="checkBox" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
||||||
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'radio'" type="radio" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'radio'" type="radio" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
||||||
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'textArea'" type="textArea" :data="item" :name="item.name"></input-select-checkbox>
|
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'textArea'" type="textArea" :data="item" :name="item.name"></input-select-checkbox>
|
||||||
|
<input-select-checkbox :changeField='changeField' :list="[]" v-else-if="item.type == 'date'" type="date" :data="item" :name="item.name"></input-select-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<div class="requiredTips" v-show="notFilled.indexOf(item.name) > -1 && (item.type=='input' || item.type=='textArea') && changeField.indexOf(item.name) == -1">请填写{{item.name}}！</div>
|
<div class="requiredTips" v-show="notFilled.indexOf(item.name) > -1 && (item.type=='input' || item.type=='textArea') && changeField.indexOf(item.name) == -1">请填写{{item.name}}！</div>
|
||||||
<div class="requiredTips" v-show="notFilled.indexOf(item.name) > -1 && (item.type=='select' || item.type=='checkBox' || item.type=='radio') && changeField.indexOf(item.name) == -1">请选择{{item.name}}！</div>
|
<div class="requiredTips" v-show="notFilled.indexOf(item.name) > -1 && (item.type=='select' || item.type=='checkBox' || item.type=='radio') && changeField.indexOf(item.name) == -1">请选择{{item.name}}！</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="visible"
|
||||||
|
title="审核权限配置检查"
|
||||||
|
:footer="false"
|
||||||
|
@close="onClose"
|
||||||
|
|
||||||
|
>
|
||||||
|
<el-tabs v-model="tab" type="card" >
|
||||||
|
<el-tab-pane label="未配置部门管理员权限部门" name="first">
|
||||||
|
<div style="float: left;margin-bottom: 8px;font-size: 16px;">检测结果：共{{deptTotal}}个</div>
|
||||||
|
<el-table
|
||||||
|
:data="deptData"
|
||||||
|
:header-cell-style="{ textAlign: 'center', height: '40px' }"
|
||||||
|
:cell-style="{ textAlign: 'center' }"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column width="80px" label="序号" align="center">
|
||||||
|
<template slot-scope="scop">
|
||||||
|
{{scop.$index+1}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="部门名称"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="type"
|
||||||
|
label="类型"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block" >
|
||||||
|
<el-pagination
|
||||||
|
@current-change="handleCurrentChange1"
|
||||||
|
layout=" prev, pager, next"
|
||||||
|
:total="deptTotal"
|
||||||
|
:page-size="pageSize"
|
||||||
|
:current-page="currentPageDept"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="未配置区市审核人权限区市" name="second">
|
||||||
|
<div style="float: left;margin-bottom: 8px;font-size: 16px;">检测结果：共{{districtTotal}}个</div>
|
||||||
|
<el-table
|
||||||
|
:data="districtData"
|
||||||
|
:header-cell-style="{ textAlign: 'center', height: '40px' }"
|
||||||
|
:cell-style="{ textAlign: 'center' }"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column width="80px" label="序号" align="center">
|
||||||
|
<template slot-scope="scop">
|
||||||
|
{{scop.$index+1}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="NAME"
|
||||||
|
label="区市名称"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column
|
||||||
|
prop="type"
|
||||||
|
label="类型"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column> -->
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
<div class="block" >
|
||||||
|
<el-pagination
|
||||||
|
@current-change="handleCurrentChange2"
|
||||||
|
layout="prev, pager, next"
|
||||||
|
:total="deptTotal"
|
||||||
|
:page-size="pageSize"
|
||||||
|
:current-page="currentPageDistrict"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
visible:false,
|
||||||
|
tab:'first',
|
||||||
|
deptTotal:0,
|
||||||
|
districtTotal:0,
|
||||||
|
deptData:[],
|
||||||
|
districtData:[],
|
||||||
|
currentPageDistrict:1,
|
||||||
|
currentPageDept:1,
|
||||||
|
pageSize:10,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch:{
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleCurrentChange1 (val) {
|
||||||
|
this.currentPageDept = val
|
||||||
|
this.getDeptList()
|
||||||
|
},
|
||||||
|
handleCurrentChange2 (val) {
|
||||||
|
this.currentPageDistrict = val
|
||||||
|
this.getDistrinctList()
|
||||||
|
},
|
||||||
|
getDeptList(){
|
||||||
|
let params = {
|
||||||
|
pageNum:this.currentPageDept,
|
||||||
|
pageSize:this.pageSize
|
||||||
|
|
||||||
|
}
|
||||||
|
this.$http
|
||||||
|
.get('/sys/user/getApproverUnconfiguredDepartment/', {params
|
||||||
|
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
this.deptData = res.data.data.list
|
||||||
|
this.deptTotal = Number(res.data.data.total)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getDistrinctList(){
|
||||||
|
let params = {
|
||||||
|
pageNum:this.currentPageDistrict,
|
||||||
|
pageSize:this.pageSize
|
||||||
|
|
||||||
|
}
|
||||||
|
this.$http
|
||||||
|
.get('/sys/user/getApproverUnconfiguredRegion', {params
|
||||||
|
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
this.districtData = res.data.data
|
||||||
|
this.districtTotal = Number(res.data.data.length)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onClose(){
|
||||||
|
this.visible=false;
|
||||||
|
this.$emit("refreshCheck",false)
|
||||||
|
},
|
||||||
|
init(){
|
||||||
|
this.visible = true
|
||||||
|
this.getDeptList()
|
||||||
|
this.getDistrinctList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
::v-deep .aui-content .el-tabs__header {
|
||||||
|
left: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -41,6 +41,9 @@
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="reset()">重置</el-button>
|
<el-button type="primary" @click="reset()">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="check()">审核权限配置检查</el-button>
|
||||||
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
|
||||||
@sort-change="dataListSortChangeHandle" style="width: 100%">
|
@sort-change="dataListSortChangeHandle" style="width: 100%">
|
||||||
|
|
@ -87,6 +90,8 @@
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
<!-- 弹窗, 新增 / 修改 -->
|
<!-- 弹窗, 新增 / 修改 -->
|
||||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||||
|
<!-- 审核权限配置检查 -->
|
||||||
|
<check v-if="checkVisible" ref="check" @refreshCheck="refreshCheck"></check>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -94,11 +99,14 @@
|
||||||
<script>
|
<script>
|
||||||
import mixinViewModule from '@/mixins/view-module'
|
import mixinViewModule from '@/mixins/view-module'
|
||||||
import AddOrUpdate from './user-add-or-update'
|
import AddOrUpdate from './user-add-or-update'
|
||||||
|
import Check from './check'
|
||||||
import qs from 'qs'
|
import qs from 'qs'
|
||||||
export default {
|
export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
//审核权限配置检查
|
||||||
|
checkVisible:false,
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
getDataListURL: '/sys/user/page',
|
getDataListURL: '/sys/user/page',
|
||||||
getDataListIsPage: true,
|
getDataListIsPage: true,
|
||||||
|
|
@ -116,12 +124,22 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
AddOrUpdate
|
AddOrUpdate,
|
||||||
|
Check
|
||||||
},
|
},
|
||||||
created () {
|
created () {
|
||||||
this.getDeptList()
|
this.getDeptList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
check(){
|
||||||
|
this.checkVisible=true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.check.init()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
refreshCheck(val){
|
||||||
|
this.checkVisible=val
|
||||||
|
},
|
||||||
reset () {
|
reset () {
|
||||||
this.dataForm.username = ''
|
this.dataForm.username = ''
|
||||||
this.dataForm.real_name = ''
|
this.dataForm.real_name = ''
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 582 B |
|
|
@ -2,13 +2,13 @@
|
||||||
* @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-11-27 23:42:04
|
* @LastEditTime: 2022-11-29 11:21:41
|
||||||
* @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: 'qingdao', // 测试
|
// version: 'qingdao', // 测试
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-05-06 11:12:00
|
* @Date: 2022-05-06 11:12:00
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-24 10:53:41
|
* @LastEditTime: 2022-11-29 17:28:20
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -19,13 +19,14 @@
|
||||||
import { getCategoryTreePage } from '@/api/personalCenter'
|
import { getCategoryTreePage } from '@/api/personalCenter'
|
||||||
import zhCN from 'ant-design-vue/es/locale/zh_CN'
|
import zhCN from 'ant-design-vue/es/locale/zh_CN'
|
||||||
import Cookies from 'js-cookie'
|
import Cookies from 'js-cookie'
|
||||||
import { onBeforeUnmount, onMounted, watch, nextTick } from 'vue'
|
import { onBeforeUnmount, onMounted, watch, ref } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const locale = zhCN
|
const locale = zhCN
|
||||||
const token = Cookies.get('ucsToken')
|
const token = Cookies.get('ucsToken')
|
||||||
|
const whoShow1 = ref(whoShow)
|
||||||
console.log('token=================>', token)
|
console.log('token=================>', token)
|
||||||
let ws = new WebSocket(
|
let ws = new WebSocket(
|
||||||
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}`
|
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}`
|
||||||
|
|
@ -39,6 +40,13 @@
|
||||||
if (router.currentRoute.value.name === 'mynoticeView') {
|
if (router.currentRoute.value.name === 'mynoticeView') {
|
||||||
mybus.emit('noticeListInit')
|
mybus.emit('noticeListInit')
|
||||||
}
|
}
|
||||||
|
// 判断当前路由是否是待办列表
|
||||||
|
if (
|
||||||
|
router.currentRoute.value.name === 'DetailsPageconetent' &&
|
||||||
|
whoShow1.value.itShowXiHaiAn
|
||||||
|
) {
|
||||||
|
mybus.emit('initDetailsPageconetent')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
ws.onerror = function (e) {
|
ws.onerror = function (e) {
|
||||||
console.log('WebSocket连接异常============================>', e)
|
console.log('WebSocket连接异常============================>', e)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,79 @@
|
||||||
|
/*
|
||||||
|
* @Author: hisense.wuhongjian
|
||||||
|
* @Date: 2022-11-28 16:43:10
|
||||||
|
* @LastEditors: hisense.wuhongjian
|
||||||
|
* @LastEditTime: 2022-11-29 11:35:36
|
||||||
|
* @Description: 告诉大家这是什么
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
//获取中间地图
|
||||||
|
export function getDistrictFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getDistrictFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//左侧获取组件资源节约资金列表
|
||||||
|
export function getComponentFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getComponentFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//左侧获取应用资源列表
|
||||||
|
export function getResourceFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getResourceFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//左侧基础设施
|
||||||
|
export function getInfrastructureFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getInfrastructureFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//右侧市级部门共享排行
|
||||||
|
export function getProvideDeptFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getProvideDeptFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//右侧市级部门申请排行
|
||||||
|
export function getApplyDeptFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getApplyDeptFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//右侧区市提供排行
|
||||||
|
export function getProvideDistrictFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getProvideDistrictFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//右侧区市申请排行
|
||||||
|
export function getApplyDistrictFundStatement() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getApplyDistrictFundStatement',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//右侧资源汇聚总量
|
||||||
|
export function selectTotal() {
|
||||||
|
return request({
|
||||||
|
url: '/resource/selectTotal',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//首页 获取总节省资金
|
||||||
|
//右侧资源汇聚总量
|
||||||
|
export function getApplyPriceCount() {
|
||||||
|
return request({
|
||||||
|
url: '/processForm/tabilityapplication/getApplyPriceCount',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 757 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
|
|
@ -2,7 +2,7 @@
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
|
* @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
|
||||||
*/
|
*/
|
||||||
import { getUserInfo, login, logout } from '@/api/user'
|
import { getUserInfo, login, logout, getRole } from '@/api/user'
|
||||||
import {
|
import {
|
||||||
getAccessToken,
|
getAccessToken,
|
||||||
removeAccessToken,
|
removeAccessToken,
|
||||||
|
|
@ -20,6 +20,7 @@ const state = () => ({
|
||||||
userId: '',
|
userId: '',
|
||||||
avatar: '',
|
avatar: '',
|
||||||
role: 0, // 用户管理员权限
|
role: 0, // 用户管理员权限
|
||||||
|
roleList: [], // 用户管理员权限
|
||||||
})
|
})
|
||||||
const getters = {
|
const getters = {
|
||||||
accessToken: (state) => state.accessToken,
|
accessToken: (state) => state.accessToken,
|
||||||
|
|
@ -27,6 +28,7 @@ const getters = {
|
||||||
realName: (state) => state.realName,
|
realName: (state) => state.realName,
|
||||||
avatar: (state) => state.avatar,
|
avatar: (state) => state.avatar,
|
||||||
role: (state) => state.role,
|
role: (state) => state.role,
|
||||||
|
roleList: (state) => state.roleList,
|
||||||
userId: (state) => state.userId,
|
userId: (state) => state.userId,
|
||||||
deptName: (state) => state.deptName,
|
deptName: (state) => state.deptName,
|
||||||
deptId: (state) => state.deptId,
|
deptId: (state) => state.deptId,
|
||||||
|
|
@ -64,6 +66,9 @@ const mutations = {
|
||||||
setRole(state, role) {
|
setRole(state, role) {
|
||||||
state.role = role
|
state.role = role
|
||||||
},
|
},
|
||||||
|
setRoleList(state, role) {
|
||||||
|
state.roleList = role
|
||||||
|
},
|
||||||
// 设置用户userId
|
// 设置用户userId
|
||||||
setUserId(state, id) {
|
setUserId(state, id) {
|
||||||
state.userId = id
|
state.userId = id
|
||||||
|
|
@ -146,6 +151,14 @@ const actions = {
|
||||||
commit('setUsername', res.data.data.username)
|
commit('setUsername', res.data.data.username)
|
||||||
commit('setRealname', res.data.data.realName)
|
commit('setRealname', res.data.data.realName)
|
||||||
commit('setRole', res.data.data.roleIdList.length)
|
commit('setRole', res.data.data.roleIdList.length)
|
||||||
|
// 获取角色数据
|
||||||
|
const roleArr = []
|
||||||
|
res.data.data.roleIdList.map((val) => {
|
||||||
|
getRole(val).then((role) => {
|
||||||
|
roleArr.push(role.data.data.name)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
commit('setRoleList', roleArr)
|
||||||
commit('setUserId', res.data.data.id)
|
commit('setUserId', res.data.data.id)
|
||||||
commit('setDeptName', res.data.data.deptName)
|
commit('setDeptName', res.data.data.deptName)
|
||||||
commit('setDeptId', res.data.data.deptId)
|
commit('setDeptId', res.data.data.deptId)
|
||||||
|
|
@ -181,7 +194,6 @@ const actions = {
|
||||||
* @param {*} { commit, dispatch }
|
* @param {*} { commit, dispatch }
|
||||||
*/
|
*/
|
||||||
async resetAll({ dispatch }) {
|
async resetAll({ dispatch }) {
|
||||||
|
|
||||||
await dispatch('setAccessToken', '')
|
await dispatch('setAccessToken', '')
|
||||||
await dispatch('acl/setFull', false, {
|
await dispatch('acl/setFull', false, {
|
||||||
root: true,
|
root: true,
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,150 @@
|
||||||
|
/*
|
||||||
|
* @Author: hisense.wuhongjian
|
||||||
|
* @Date: 2021-08-12 10:50:17
|
||||||
|
* @LastEditors: hisense.wuhongjian
|
||||||
|
* @LastEditTime: 2021-08-12 14:20:07
|
||||||
|
* @Description: 数组公共方法
|
||||||
|
*/
|
||||||
|
/**
|
||||||
|
* @description: 根据属性名过滤数组，支持一维属性及二维属性
|
||||||
|
* @param {*} arr 待过滤的数组
|
||||||
|
* @param {*} param 一维属性 'param' 二维属性 'param1[param2]'
|
||||||
|
* @return {*} 过滤之后的数组
|
||||||
|
*/
|
||||||
|
export function arrFilterByParam(arr, param) {
|
||||||
|
const res = new Map();
|
||||||
|
const paramArr = param.split('[');
|
||||||
|
if (paramArr.length > 1) {
|
||||||
|
const first = paramArr[0];
|
||||||
|
const second = paramArr[1].split(']')[0];
|
||||||
|
return arr.filter(
|
||||||
|
(list) => !res.has(list[first][second]) && res.set(list[first][second], 1));
|
||||||
|
} else {
|
||||||
|
return arr.filter(
|
||||||
|
(list) => !res.has(list[param]) && res.set(list[param], 1));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//获取时间戳转换为日期格式 或者 2021-09-24 19:53:01:765 转化为正常时间。
|
||||||
|
// filters: {
|
||||||
|
// formatDate(time) {
|
||||||
|
// var date = new Date(time);
|
||||||
|
// return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
//{{ 输入时间 | formatDate }}
|
||||||
|
export function formatDate (date, fmt) {
|
||||||
|
if (/(y+)/.test(fmt)) {
|
||||||
|
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
|
||||||
|
}
|
||||||
|
let o = {
|
||||||
|
'M+': date.getMonth() + 1,
|
||||||
|
'd+': date.getDate(),
|
||||||
|
'h+': date.getHours(),
|
||||||
|
'm+': date.getMinutes(),
|
||||||
|
's+': date.getSeconds()
|
||||||
|
};
|
||||||
|
for (let k in o) {
|
||||||
|
if (new RegExp(`(${k})`).test(fmt)) {
|
||||||
|
let str = o[k] + '';
|
||||||
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return fmt;
|
||||||
|
};
|
||||||
|
|
||||||
|
function padLeftZero (str) {
|
||||||
|
return ('00' + str).substr(str.length);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 把数字改成数组。
|
||||||
|
export function NumbersConvertedToArrays(inNum) {
|
||||||
|
const str = inNum.toString();
|
||||||
|
const arr = str.split("");
|
||||||
|
const arrlenght = arr.length;
|
||||||
|
if (arrlenght == 2) {
|
||||||
|
arr.unshift(0);
|
||||||
|
}
|
||||||
|
if (arrlenght == 1) {
|
||||||
|
arr.unshift(0);
|
||||||
|
arr.unshift(0);
|
||||||
|
}
|
||||||
|
return arr;
|
||||||
|
};
|
||||||
|
// var lon = 107.631131;
|
||||||
|
// var lat = 29.2331231;
|
||||||
|
// var lonDMS = transformDMS(lon, "lon");
|
||||||
|
// var latDMS = transformDMS(lat, "lat");
|
||||||
|
|
||||||
|
// console.log(lonDMS); // 107°44′35″E
|
||||||
|
// console.log(latDMS); // 29°14′17″N
|
||||||
|
// 经纬度转度分秒
|
||||||
|
export function transformDMS(degree, direction) {
|
||||||
|
var D = plusZeroAtHead(Math.floor(degree));
|
||||||
|
var M = plusZeroAtHead(Math.floor((degree - D) * 60));
|
||||||
|
var S = plusZeroAtHead(Math.floor(((degree - D) * 60 - M) * 60));
|
||||||
|
var result = D + "°" + M + "′" + S + "″";
|
||||||
|
|
||||||
|
// 如果是个位数， 则在首位加 0
|
||||||
|
function plusZeroAtHead(num) {
|
||||||
|
if (num > -10 && num < 0) {
|
||||||
|
num = "-0" + Math.abs(num)
|
||||||
|
}
|
||||||
|
if (num > 0 && num < 10) {
|
||||||
|
return "0" + num
|
||||||
|
}
|
||||||
|
return num;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (direction === "lon") {
|
||||||
|
D > 0 ? result += "E" : result += "W";
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
if (direction === "lat") {
|
||||||
|
D > 0 ? result += "N" : result += "S";
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
};
|
||||||
|
export function getBlob(url,cb) {
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
let that=this;
|
||||||
|
xhr.open('GET', url, true);
|
||||||
|
xhr.responseType = 'blob';
|
||||||
|
xhr.onload = function() {
|
||||||
|
if (xhr.status === 200) {
|
||||||
|
cb(xhr.response);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send();
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* 保存
|
||||||
|
* @param {Blob} blob
|
||||||
|
* @param {String} filename 想要保存的文件名称
|
||||||
|
*/
|
||||||
|
export function saveAs(blob, filename) {
|
||||||
|
if (window.navigator.msSaveOrOpenBlob) {
|
||||||
|
navigator.msSaveBlob(blob, filename);
|
||||||
|
} else {
|
||||||
|
var link = document.createElement('a');
|
||||||
|
var body = document.querySelector('body');
|
||||||
|
|
||||||
|
link.href = window.URL.createObjectURL(blob);
|
||||||
|
link.download = filename;
|
||||||
|
|
||||||
|
// fix Firefox
|
||||||
|
link.style.display = 'none';
|
||||||
|
body.appendChild(link);
|
||||||
|
|
||||||
|
link.click();
|
||||||
|
body.removeChild(link);
|
||||||
|
|
||||||
|
window.URL.revokeObjectURL(link.href);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
//获取天气图标logo 公共部分
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,167 @@
|
||||||
|
<template>
|
||||||
|
<div class="right-survey">
|
||||||
|
|
||||||
|
<div class="platform-overview-bottom">
|
||||||
|
<div class="top"><span class="title">资源汇聚总量</span></div>
|
||||||
|
<div class="jiesheng"> <img src="../image/xing2.png" /><span style="padding-left:2px;">共{{total}}项 </span><img src="../image/xing2.png" /></div>
|
||||||
|
<div class="bottom">
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-for="(item, index) in servicesNum"
|
||||||
|
:key="index"
|
||||||
|
class="component-services-content-right-left-content-son"
|
||||||
|
>
|
||||||
|
<p>{{ item.type }}</p>
|
||||||
|
<p class="num">{{ item.count }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
selectTotal
|
||||||
|
} from '@/api/assertReport'
|
||||||
|
export default {
|
||||||
|
|
||||||
|
components: {},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
this.selectAllTotal()
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
//这里存放数据
|
||||||
|
return {
|
||||||
|
total:'',
|
||||||
|
servicesNum: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
selectAllTotal(){
|
||||||
|
selectTotal().then((res) => {
|
||||||
|
let result=res.data.data.total
|
||||||
|
let now=[]
|
||||||
|
let num=0;
|
||||||
|
for(let i=0;i<result.length;i++){
|
||||||
|
if(result[i].type!=='知识库'){
|
||||||
|
now.push(result[i])
|
||||||
|
num=num+Number(result[i].count)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.servicesNum=now
|
||||||
|
this.total=num
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='less' scoped>
|
||||||
|
@keyframes turn {
|
||||||
|
0% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
border-image: linear-gradient(to bottom, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
border-image: linear-gradient(to left, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
border-image: linear-gradient(to top, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.jiesheng{
|
||||||
|
margin:8px 8px;
|
||||||
|
text-align: center;
|
||||||
|
color: #f4fcfe; border-color: #107bb0;
|
||||||
|
box-shadow: 1px 1px 5px 1px RGB(16, 123, 176, 0.8) inset
|
||||||
|
}
|
||||||
|
.top5-content::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
/*height: 4px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.top5-content::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #00deff;
|
||||||
|
}
|
||||||
|
.map-search-result::-webkit-scrollbar-track,
|
||||||
|
.top5-content::-webkit-scrollbar-track {
|
||||||
|
background-color: #424748;
|
||||||
|
}
|
||||||
|
@keyframes topup50 {
|
||||||
|
from {
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right-survey {
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
color: #f0fafa;
|
||||||
|
font-size: 18px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
|
||||||
|
.platform-overview-bottom {
|
||||||
|
margin-top: 5px;
|
||||||
|
width: 100%;
|
||||||
|
height: 1.78rem;
|
||||||
|
background: rgba(0, 108, 188, 0.2);
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid rgba(0, 108, 188, 0.7);
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
-webkit-transition: all 100ms ease-out;
|
||||||
|
-moz-transition: all 100ms ease-out;
|
||||||
|
transition: all 100ms ease-out;
|
||||||
|
.top {
|
||||||
|
font-size: 24px;
|
||||||
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0px 10px;
|
||||||
|
.component-services-content-right-left-content-son {
|
||||||
|
background: url('~@/assets/capabilityCloud/Component_services_snum.png')
|
||||||
|
no-repeat;
|
||||||
|
background-size: 1.1rem 0.59rem;
|
||||||
|
background-position: center;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
& > p:first-child {
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
line-height: 0.16rem;
|
||||||
|
margin-bottom: 0.12rem;
|
||||||
|
}
|
||||||
|
& > p:last-child {
|
||||||
|
color: #1ef6f5;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
line-height: 0.28rem;
|
||||||
|
padding-bottom: 0.24rem;
|
||||||
|
margin: 10px 45px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.platform-overview-bottom:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -6,78 +6,24 @@
|
||||||
<div class="platform-overview-top">
|
<div class="platform-overview-top">
|
||||||
<div class="top"><span class="title">组件资源</span></div>
|
<div class="top"><span class="title">组件资源</span></div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省XX万元 </span><img src="../image/xing1.png" /></div>
|
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省{{componetsData.total}}万元 </span><img src="../image/xing1.png" /></div>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="item">
|
<div class="item" v-for="item in componetsData.list">
|
||||||
<div class="content1">
|
<div class="content1">
|
||||||
<div class="img"> </div>
|
<div class="img"> </div>
|
||||||
<div class="num">智能算法</div>
|
<div class="num">{{item.resourceType}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="name">节省</div>
|
<div class="name">节省</div>
|
||||||
<div claSS="num">123万元</div>
|
<div claSS="num">{{item.applyPrice }}万元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="name">数量</div>
|
<div class="name">数量</div>
|
||||||
<div claSS="num">123个</div>
|
<div claSS="num">{{item.resourceAmount}}个</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="name">共申请</div>
|
<div class="name">共申请</div>
|
||||||
<div claSS="num">123次</div>
|
<div claSS="num">{{item.applyCount}}次</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="content1">
|
|
||||||
<div class="img"> </div>
|
|
||||||
<div class="num">图层服务</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">节省</div>
|
|
||||||
<div claSS="num">123万元</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">数量</div>
|
|
||||||
<div claSS="num">123个</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">共申请</div>
|
|
||||||
<div claSS="num">123次</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="content1">
|
|
||||||
<div class="img"> </div>
|
|
||||||
<div class="num">开发组件</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">节省</div>
|
|
||||||
<div claSS="num">123万元</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">数量</div>
|
|
||||||
<div claSS="num">123个</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">共申请</div>
|
|
||||||
<div claSS="num">123次</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="content1">
|
|
||||||
<div class="img"> </div>
|
|
||||||
<div class="num">业务组件</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">节省</div>
|
|
||||||
<div claSS="num">123万元</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">数量</div>
|
|
||||||
<div claSS="num">123个</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="name">共申请</div>
|
|
||||||
<div claSS="num">123次</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -89,7 +35,7 @@
|
||||||
<div class="platform-overview-mid">
|
<div class="platform-overview-mid">
|
||||||
<div class="top"><span class="title">应用资源</span></div>
|
<div class="top"><span class="title">应用资源</span></div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省XX万元 </span><img src="../image/xing1.png" /></div>
|
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省{{resoureData.total}}万元 </span><img src="../image/xing1.png" /></div>
|
||||||
<div class="component-services-content-right-right-bottom-right">
|
<div class="component-services-content-right-right-bottom-right">
|
||||||
<div>
|
<div>
|
||||||
<span>排行</span>
|
<span>排行</span>
|
||||||
|
|
@ -98,15 +44,18 @@
|
||||||
<span >次数</span>
|
<span >次数</span>
|
||||||
<span >贡献金额</span>
|
<span >贡献金额</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item, index) in dataList" :key="index">
|
<div v-for="(item, index) in resoureData.list" :key="index">
|
||||||
<span>{{ index + 1 }}</span>
|
<span>{{ index + 1 }}</span>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ item.name }}</template>
|
<template #title>{{ item.resourceName }}</template>
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.resourceName }}</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
<span>{{ item.count || 0 }}</span>
|
<a-tooltip>
|
||||||
<span>{{ item.count || 0 }}</span>
|
<template #title>{{ item.deptName}}</template>
|
||||||
<span>{{ item.count || 0 }}</span>
|
<span>{{ item.deptName }}</span>
|
||||||
|
</a-tooltip>
|
||||||
|
<span>{{ item.applyCount || 0 }}</span>
|
||||||
|
<span>{{ item.applyPrice || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -116,15 +65,15 @@
|
||||||
<div class="platform-overview-bottom">
|
<div class="platform-overview-bottom">
|
||||||
<div class="top"><span class="title">基础设施</span></div>
|
<div class="top"><span class="title">基础设施</span></div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省XX万元 </span><img src="../image/xing1.png" /></div>
|
<div class="jiesheng"> <img src="../image/xing1.png" /><span style="padding-left:2px;">共节省{{infrastructureData.total}}万元 </span><img src="../image/xing1.png" /></div>
|
||||||
<div class="huiketing">
|
<div class="huiketing">
|
||||||
<div style="float:left;width:30%">
|
<div style="float:left;width:30%">
|
||||||
<img :src="leftImg" alt="" />
|
<img :src="leftImg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
<div style="float:left;width:70%;margin-top: 30px;">
|
<div style="float:left;width:70%;margin-top: 30px;" v-for="item in infrastructureData.list">
|
||||||
<span style="font-size:22x">会客厅</span>
|
<span style="font-size:22x">{{item.resourceName}}</span>
|
||||||
<span style="font-size:22px">节省 </span>
|
<span style="font-size:22px">节省 </span>
|
||||||
<span style="margin-right:10px;font-size:24px; color: #1ef6f5;"> 453</span>
|
<span style="margin-right:10px;font-size:24px; color: #1ef6f5;">{{item.applyPrice}}</span>
|
||||||
<span style="font-size:20px"> 万元</span>
|
<span style="font-size:20px"> 万元</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -137,12 +86,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
import {
|
||||||
//例如：import 《组件名称》 from '《组件路径》';
|
getComponentFundStatement,
|
||||||
|
getResourceFundStatement,
|
||||||
|
getInfrastructureFundStatement
|
||||||
|
} from '@/api/assertReport'
|
||||||
import ResourceOverviewAnimation from "@/views/assertReport/components/ResourceOverviewAnimation.vue";
|
import ResourceOverviewAnimation from "@/views/assertReport/components/ResourceOverviewAnimation.vue";
|
||||||
export default {
|
export default {
|
||||||
//import引入的组件需要注入到对象中才能使用
|
|
||||||
components: {
|
components: {
|
||||||
ResourceOverviewAnimation
|
ResourceOverviewAnimation
|
||||||
},
|
},
|
||||||
|
|
@ -151,11 +101,28 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
|
//组件资源
|
||||||
|
this.getComponent()
|
||||||
|
//应用资源
|
||||||
|
this.getResource()
|
||||||
|
//基础设施
|
||||||
|
this.getInfrastructure()
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
componetsData:{
|
||||||
|
total:'',
|
||||||
|
list:[]
|
||||||
|
},
|
||||||
|
resoureData:{
|
||||||
|
total:'',
|
||||||
|
list:[]
|
||||||
|
},
|
||||||
|
infrastructureData:{
|
||||||
|
total:'',
|
||||||
|
list:'',
|
||||||
|
},
|
||||||
leftImg:require('@/assets/capabilityCloud/resources-left.png'),
|
leftImg:require('@/assets/capabilityCloud/resources-left.png'),
|
||||||
dataList:[{name:'第一个',count:43},{name:'第二个',count:43},
|
dataList:[{name:'第一个',count:43},{name:'第二个',count:43},
|
||||||
{name:'第三个',count:43},{name:'第四个',count:43},{name:'第五个',count:43}]
|
{name:'第三个',count:43},{name:'第四个',count:43},{name:'第五个',count:43}]
|
||||||
|
|
@ -164,7 +131,24 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
getComponent(){
|
||||||
|
getComponentFundStatement().then((res) => {
|
||||||
|
this.componetsData.total=res.data.data.total
|
||||||
|
this.componetsData.list=res.data.data.list
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getResource(){
|
||||||
|
getResourceFundStatement().then((res) => {
|
||||||
|
this.resoureData.total=res.data.data.total
|
||||||
|
this.resoureData.list=res.data.data.list
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getInfrastructure(){
|
||||||
|
getInfrastructureFundStatement().then((res) => {
|
||||||
|
this.infrastructureData.total=res.data.data.total
|
||||||
|
this.infrastructureData.list=res.data.data.list
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -187,6 +171,24 @@ export default {
|
||||||
color: #f4fcfe; border-color: #107bb0;
|
color: #f4fcfe; border-color: #107bb0;
|
||||||
box-shadow: 1px 1px 5px 1px RGB(16, 123, 176, 0.8) inset
|
box-shadow: 1px 1px 5px 1px RGB(16, 123, 176, 0.8) inset
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes turn {
|
||||||
|
0% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
border-image: linear-gradient(to bottom, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
border-image: linear-gradient(to left, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
border-image: linear-gradient(to top, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
.reservoir-survey {
|
.reservoir-survey {
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -211,7 +213,7 @@ export default {
|
||||||
transition: all 100ms ease-out;
|
transition: all 100ms ease-out;
|
||||||
.top {
|
.top {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: url(~@/assets/capabilityCloud/top_bg.png) no-repeat;
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
@ -277,6 +279,13 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.item:hover {
|
||||||
|
background: linear-gradient(
|
||||||
|
to bottom,
|
||||||
|
rgba(33, 54, 88, 0.7),
|
||||||
|
rgba(33, 54, 88, 0.9)
|
||||||
|
);
|
||||||
|
}
|
||||||
.item:nth-of-type(1) {
|
.item:nth-of-type(1) {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
.img {
|
.img {
|
||||||
|
|
@ -299,10 +308,14 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.platform-overview-top:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
|
}
|
||||||
.platform-overview-mid {
|
.platform-overview-mid {
|
||||||
margin-top:20px;
|
margin-top:20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2.8rem;
|
height: 3.9rem;
|
||||||
background: rgba(0, 108, 188, 0.2);
|
background: rgba(0, 108, 188, 0.2);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
border: 1px solid rgba(0, 108, 188, 0.7);
|
border: 1px solid rgba(0, 108, 188, 0.7);
|
||||||
|
|
@ -313,7 +326,7 @@ export default {
|
||||||
transition: all 100ms ease-out;
|
transition: all 100ms ease-out;
|
||||||
.top {
|
.top {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: url(~@/assets/capabilityCloud/top_bg.png) no-repeat;
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
|
|
@ -328,6 +341,8 @@ export default {
|
||||||
font-size: 0.16rem;
|
font-size: 0.16rem;
|
||||||
border: 0.01rem rgba(0, 108, 188, 0.7) solid;
|
border: 0.01rem rgba(0, 108, 188, 0.7) solid;
|
||||||
color: rgba(255, 255, 255, 0.8);
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
height: 2.9rem;
|
||||||
|
overflow-y: auto;
|
||||||
& > div {
|
& > div {
|
||||||
height: 0.32rem;
|
height: 0.32rem;
|
||||||
& > span {
|
& > span {
|
||||||
|
|
@ -348,22 +363,26 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
& > span:nth-child(2) {
|
& > span:nth-child(2) {
|
||||||
width: 1.47rem;
|
width: 1.57rem;
|
||||||
padding-left: 0.05rem;
|
padding-left: 0.05rem;
|
||||||
|
//text-align: center;
|
||||||
}
|
}
|
||||||
& > span:nth-child(3) {
|
& > span:nth-child(3) {
|
||||||
width: 0.8rem;
|
width: 1.47rem;
|
||||||
padding-left: 0.05rem;
|
padding-left: 0.05rem;
|
||||||
|
// text-align: center;
|
||||||
}
|
}
|
||||||
& > span:nth-child(4) {
|
& > span:nth-child(4) {
|
||||||
width: 1rem;
|
width: 0.5rem;
|
||||||
padding-left: 0.05rem;
|
padding-left: 0.05rem;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
& > span:last-child {
|
& > span:last-child {
|
||||||
width: 0.8rem;
|
width: 0.7rem;
|
||||||
color: #1ffefd;
|
color: #1ffefd;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
& > div:first-child {
|
& > div:first-child {
|
||||||
|
|
@ -374,6 +393,10 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.platform-overview-mid:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
|
}
|
||||||
.platform-overview-bottom {
|
.platform-overview-bottom {
|
||||||
margin-top:20px;
|
margin-top:20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -388,7 +411,7 @@ export default {
|
||||||
transition: all 100ms ease-out;
|
transition: all 100ms ease-out;
|
||||||
.top {
|
.top {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: url(~@/assets/capabilityCloud/top_bg.png) no-repeat;
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
@ -421,6 +444,10 @@ export default {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.platform-overview-bottom:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,192 +1,290 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="right-survey">
|
<div class="right-survey">
|
||||||
<!--最上面 部门排行榜-->
|
<!--最上面 部门排行榜-->
|
||||||
<div class="platform-overview-top">
|
<div class="platform-overview-top">
|
||||||
<div class="top"><span class="title">部门排行榜</span></div>
|
<div class="top"><span class="title">部门排行榜</span></div>
|
||||||
<div class="bottom">
|
<div class="bottom1">
|
||||||
<div class="bottom-item">
|
<div class="bottom-item">
|
||||||
<div class="inner-title">
|
<div class="inner-title">
|
||||||
<p style="width: 220px">市级部门共享贡献资金排行</p>
|
<p style="width: 220px">市级部门共享节省资金排行</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="left-list">
|
<div class="left-list">
|
||||||
<div class="left-list1">排行</div>
|
<div class="left-list1">排行</div>
|
||||||
<div class="left-list2">部门名称</div>
|
<div class="left-list2">部门名称</div>
|
||||||
<div class="left-list1">提供资源</div>
|
<div class="left-list1">应用数</div>
|
||||||
<div class="left-list1">贡献总量</div>
|
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="left-list" v-for="item in top5AreaList">
|
<div style=" height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
|
||||||
|
<div class="left-list" v-for="(item, index) in top5DistrictList">
|
||||||
<div class="left-list1" v-if="item.img">
|
<div class="left-list1" v-if="item.img">
|
||||||
<img :src="item.img" />
|
<img :src="item.img" />
|
||||||
</div>
|
</div>
|
||||||
<div class="left-list1" v-else>{{ item.name }}</div>
|
<div class="left-list1" v-else>{{ index + 1 }}</div>
|
||||||
<div
|
<a-tooltip>
|
||||||
:class="selectArea === item.areaId ? 'active-item' : 'left-list2'"
|
<template #title>{{ item.deptName }}</template>
|
||||||
@click="chooseSelectArea(item)"
|
<div class="left-list2">{{ item.deptName }}</div>
|
||||||
>
|
</a-tooltip>
|
||||||
{{ item.areaName }}
|
|
||||||
</div>
|
<div class="left-list1">{{ item.resourceCount }}</div>
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
<div class="left-list1" style="color: #1ffefd">
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
{{ item.applyPrice }}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bottom-item">
|
|
||||||
<div class="inner-title">
|
|
||||||
<p style="width: 220px">市级部门审评节省资金排行</p>
|
|
||||||
</div>
|
|
||||||
<div class="left-list">
|
|
||||||
<div class="left-list1">排行</div>
|
|
||||||
<div class="left-list2">部门名称</div>
|
|
||||||
<div class="left-list1">提供资源</div>
|
|
||||||
<div class="left-list1">贡献总量</div>
|
|
||||||
</div>
|
|
||||||
<div class="left-list" v-for="item in top5AreaList">
|
|
||||||
<div class="left-list1" v-if="item.img">
|
|
||||||
<img :src="item.img" />
|
|
||||||
</div>
|
|
||||||
<div class="left-list1" v-else>{{ item.name }}</div>
|
|
||||||
<div
|
|
||||||
:class="selectArea === item.areaId ? 'active-item' : 'left-list2'"
|
|
||||||
@click="chooseSelectArea(item)"
|
|
||||||
>
|
|
||||||
{{ item.areaName }}
|
|
||||||
</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="bottom-item">
|
|
||||||
<div class="inner-title">
|
|
||||||
<p style="width: 220px">区市部门共享贡献资金排行</p>
|
|
||||||
</div>
|
|
||||||
<div class="left-list">
|
|
||||||
<div class="left-list1">排行</div>
|
|
||||||
<div class="left-list2">部门名称</div>
|
|
||||||
<div class="left-list1">提供资源</div>
|
|
||||||
<div class="left-list1">贡献总量</div>
|
|
||||||
</div>
|
|
||||||
<div class="left-list" v-for="item in top5AreaList">
|
|
||||||
<div class="left-list1" v-if="item.img">
|
|
||||||
<img :src="item.img" />
|
|
||||||
</div>
|
|
||||||
<div class="left-list1" v-else>{{ item.name }}</div>
|
|
||||||
<div
|
|
||||||
:class="selectArea === item.areaId ? 'active-item' : 'left-list2'"
|
|
||||||
@click="chooseSelectArea(item)"
|
|
||||||
>
|
|
||||||
{{ item.areaName }}
|
|
||||||
</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bottom-item">
|
|
||||||
<div class="inner-title">
|
|
||||||
<p style="width: 220px">区市部门申请节省资金排行</p>
|
|
||||||
</div>
|
|
||||||
<div class="left-list">
|
|
||||||
<div class="left-list1">排行</div>
|
|
||||||
<div class="left-list2">部门名称</div>
|
|
||||||
<div class="left-list1">提供资源</div>
|
|
||||||
<div class="left-list1">贡献总量</div>
|
|
||||||
</div>
|
|
||||||
<div class="left-list" v-for="item in top5AreaList">
|
|
||||||
<div class="left-list1" v-if="item.img">
|
|
||||||
<img :src="item.img" />
|
|
||||||
</div>
|
|
||||||
<div class="left-list1" v-else>{{ item.name }}</div>
|
|
||||||
<div
|
|
||||||
:class="selectArea === item.areaId ? 'active-item' : 'left-list2'"
|
|
||||||
@click="chooseSelectArea(item)"
|
|
||||||
>
|
|
||||||
{{ item.areaName }}
|
|
||||||
</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
<div class="left-list1">{{ item.num }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="platform-overview-bottom">
|
</div>
|
||||||
|
<div class="bottom1">
|
||||||
|
|
||||||
|
<div class="bottom-item">
|
||||||
|
<div class="inner-title">
|
||||||
|
<p style="width: 220px">市级部门申请节省资金排行</p>
|
||||||
|
</div>
|
||||||
|
<div class="left-list">
|
||||||
|
<div class="left-list1">排行</div>
|
||||||
|
<div class="left-list2">部门名称</div>
|
||||||
|
<div class="left-list1">应用数</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
|
||||||
|
</div>
|
||||||
|
<div style=" height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
|
||||||
|
<div class="left-list" v-for="(item, index) in top5DeptFundList">
|
||||||
|
<div class="left-list1" v-if="item.img">
|
||||||
|
<img :src="item.img" />
|
||||||
|
</div>
|
||||||
|
<div class="left-list1" v-else>{{ index + 1 }}</div>
|
||||||
|
<a-tooltip>
|
||||||
|
<template #title>{{ item.deptName }}</template>
|
||||||
|
<div class="left-list2">{{ item.deptName }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
|
<div class="left-list1">{{ item.applyCount }}</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">
|
||||||
|
{{ item.applyPrice }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bottom2">
|
||||||
|
<div class="bottom-item">
|
||||||
|
<div class="inner-title">
|
||||||
|
<p style="width: 220px">区市部门共享节省资金</p>
|
||||||
|
</div>
|
||||||
|
<div class="left-list">
|
||||||
|
<div class="left-list1">序号</div>
|
||||||
|
<div class="left-list2">部门名称</div>
|
||||||
|
<div class="left-list1">应用数</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
|
||||||
|
</div>
|
||||||
|
<div style="height: 300px; overfolw-y: auto">
|
||||||
|
<div
|
||||||
|
class="left-list"
|
||||||
|
v-for="(item, index) in top5eDistrictFundList"
|
||||||
|
>
|
||||||
|
<div class="left-list1" v-if="item.img">
|
||||||
|
<img :src="item.img" />
|
||||||
|
</div>
|
||||||
|
<div class="left-list1" v-else>{{ index + 1 }}</div>
|
||||||
|
<a-tooltip>
|
||||||
|
<template #title>{{ item.districtName }}</template>
|
||||||
|
<div class="left-list2">{{ item.districtName }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
|
<div class="left-list1">{{ item.applyCount }}</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">
|
||||||
|
{{ item.applyPrice }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bottom-item">
|
||||||
|
<div class="inner-title">
|
||||||
|
<p style="width: 220px">区市部门申请节省资金</p>
|
||||||
|
</div>
|
||||||
|
<div class="left-list">
|
||||||
|
<div class="left-list1">序号</div>
|
||||||
|
<div class="left-list2">部门名称</div>
|
||||||
|
<div class="left-list1">应用数</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">贡献金额</div>
|
||||||
|
</div>
|
||||||
|
<div style="height: 200px; overfolw-y: auto">
|
||||||
|
<div
|
||||||
|
class="left-list"
|
||||||
|
v-for="(item, index) in top5ApplyDistrictList"
|
||||||
|
>
|
||||||
|
<div class="left-list1" v-if="item.img">
|
||||||
|
<img :src="item.img" />
|
||||||
|
</div>
|
||||||
|
<div class="left-list1" v-else>{{ index + 1 }}</div>
|
||||||
|
<a-tooltip>
|
||||||
|
<template #title>{{ item.districtName }}</template>
|
||||||
|
<div class="left-list2">{{ item.districtName }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
|
<div class="left-list1">{{ item.applyCount }}</div>
|
||||||
|
<div class="left-list1" style="color: #1ffefd">
|
||||||
|
{{ item.applyPrice }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="platform-overview-bottom">
|
||||||
<div class="top"><span class="title">资源汇聚总量</span></div>
|
<div class="top"><span class="title">资源汇聚总量</span></div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in servicesSnum"
|
v-for="(item, index) in servicesNum"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="component-services-content-right-left-content-son"
|
class="component-services-content-right-left-content-son"
|
||||||
>
|
>
|
||||||
<p>{{ item.type }}</p>
|
<p>{{ item.type }}</p>
|
||||||
<p class="num">{{ item.amount }}</p>
|
<p class="num">{{ item.count }}</p>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
getProvideDeptFundStatement,
|
||||||
|
getApplyDeptFundStatement,
|
||||||
|
getProvideDistrictFundStatement,
|
||||||
|
getApplyDistrictFundStatement,
|
||||||
|
selectTotal,
|
||||||
|
} from '@/api/assertReport'
|
||||||
export default {
|
export default {
|
||||||
//import引入的组件需要注入到对象中才能使用
|
|
||||||
components: {},
|
components: {},
|
||||||
created() {},
|
created() {},
|
||||||
destroyed() {},
|
unmounted() {},
|
||||||
|
|
||||||
mounted() {},
|
mounted() {
|
||||||
|
this.getgetProvideDeptFund()
|
||||||
|
this.getApplyDeptFund()
|
||||||
|
this.getProvideDistrict()
|
||||||
|
this.getApplyDistrictFund()
|
||||||
|
this.selectAllTotal()
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
//这里存放数据
|
//这里存放数据
|
||||||
return {
|
return {
|
||||||
top5AreaList: [
|
//市级部门共享排行
|
||||||
{
|
top5DistrictList: [],
|
||||||
title: 'TOP1',
|
//市级部门申请排行
|
||||||
img: require('../image/one.png'),
|
top5DeptFundList: [],
|
||||||
areaName: '台东商圈',
|
//区市提供排行
|
||||||
areaId: '1',
|
top5eDistrictFundList: [],
|
||||||
num: '12',
|
//区市申请排行
|
||||||
},
|
top5ApplyDistrictList: [],
|
||||||
{
|
servicesNum: [],
|
||||||
title: 'TOP2',
|
|
||||||
img: require('../image/two.png'),
|
|
||||||
areaName: '李村商圈',
|
|
||||||
areaId: '2',
|
|
||||||
num: '8',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'TOP3',
|
|
||||||
img: require('../image/three.png'),
|
|
||||||
areaName: '五四广场',
|
|
||||||
areaId: '3',
|
|
||||||
num: '7',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '4',
|
|
||||||
img: require('../image/four.png'),
|
|
||||||
areaName: '第一海水浴场',
|
|
||||||
areaId: '4',
|
|
||||||
num: '5',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '5',
|
|
||||||
img: require('../image/five.png'),
|
|
||||||
areaName: '石老人海水浴场',
|
|
||||||
areaId: '5',
|
|
||||||
num: '4',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
servicesSnum: [
|
|
||||||
{ type: '组件服务', amount: 124 },
|
|
||||||
{ type: '应用资源', amount: 34244 },
|
|
||||||
{ type: '基础设施', amount: 125555 },
|
|
||||||
{ type: '数据资源', amount: 5555 },
|
|
||||||
],
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {},
|
methods: {
|
||||||
|
getgetProvideDeptFund() {
|
||||||
|
getProvideDeptFundStatement().then((res) => {
|
||||||
|
let result = res.data.data
|
||||||
|
if (result.length > 0) {
|
||||||
|
for (let i = 0; i < result.length; i++) {
|
||||||
|
if (i === 0) {
|
||||||
|
result[i].img = require('../image/one.png')
|
||||||
|
}
|
||||||
|
if (i === 1) {
|
||||||
|
result[i].img = require('../image/two.png')
|
||||||
|
}
|
||||||
|
if (i === 2) {
|
||||||
|
result[i].img = require('../image/three.png')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.top5DistrictList = result
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getApplyDeptFund() {
|
||||||
|
getApplyDeptFundStatement().then((res) => {
|
||||||
|
let result = res.data.data
|
||||||
|
if (result.length > 0) {
|
||||||
|
for (let i = 0; i < result.length; i++) {
|
||||||
|
if (i === 0) {
|
||||||
|
result[i].img = require('../image/one.png')
|
||||||
|
}
|
||||||
|
if (i === 1) {
|
||||||
|
result[i].img = require('../image/two.png')
|
||||||
|
}
|
||||||
|
if (i === 2) {
|
||||||
|
result[i].img = require('../image/three.png')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.top5DeptFundList = result
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getProvideDistrict() {
|
||||||
|
getProvideDistrictFundStatement().then((res) => {
|
||||||
|
let result = res.data.data
|
||||||
|
// if(result.length>0){
|
||||||
|
// for(let i=0;i<result.length;i++){
|
||||||
|
// if(i===0){
|
||||||
|
// result[i].img=require('../image/one.png')
|
||||||
|
// }
|
||||||
|
// if(i===1){
|
||||||
|
// result[i].img=require('../image/two.png')
|
||||||
|
// }
|
||||||
|
// if(i===2){
|
||||||
|
// result[i].img= require('../image/three.png')
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
this.top5eDistrictFundList = result
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getApplyDistrictFund() {
|
||||||
|
getApplyDistrictFundStatement().then((res) => {
|
||||||
|
let result = res.data.data
|
||||||
|
// if(result.length>0){
|
||||||
|
// for(let i=0;i<result.length;i++){
|
||||||
|
// if(i===0){
|
||||||
|
// result[i].img=require('../image/one.png')
|
||||||
|
// }
|
||||||
|
// if(i===1){
|
||||||
|
// result[i].img=require('../image/two.png')
|
||||||
|
// }
|
||||||
|
// if(i===2){
|
||||||
|
// result[i].img= require('../image/three.png')
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
this.top5ApplyDistrictList = result
|
||||||
|
})
|
||||||
|
},
|
||||||
|
selectAllTotal() {
|
||||||
|
selectTotal().then((res) => {
|
||||||
|
this.servicesNum = res.data.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang='less' scoped>
|
<style lang="less" scoped>
|
||||||
|
@keyframes turn {
|
||||||
|
0% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
border-image: linear-gradient(to bottom, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
border-image: linear-gradient(to left, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
border-image: linear-gradient(to top, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-image: linear-gradient(to right, #003194, #00ffea) 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
.top5-content::-webkit-scrollbar {
|
.top5-content::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
/*height: 4px;*/
|
/*height: 4px;*/
|
||||||
|
|
@ -217,7 +315,7 @@ export default {
|
||||||
|
|
||||||
.platform-overview-top {
|
.platform-overview-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 6.8rem;
|
height: 9.9rem;
|
||||||
background: rgba(0, 108, 188, 0.2);
|
background: rgba(0, 108, 188, 0.2);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
border: 1px solid rgba(0, 108, 188, 0.7);
|
border: 1px solid rgba(0, 108, 188, 0.7);
|
||||||
|
|
@ -228,24 +326,47 @@ export default {
|
||||||
transition: all 100ms ease-out;
|
transition: all 100ms ease-out;
|
||||||
.top {
|
.top {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: url(~@/assets/capabilityCloud/top_bg.png) no-repeat;
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.bottom {
|
.bottom1 {
|
||||||
margin-top: 4px;
|
margin-top: 10px;
|
||||||
|
width: 100%;
|
||||||
|
// display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 2.5rem;
|
||||||
|
// overflow-y: auto;
|
||||||
|
.bottom-item {
|
||||||
|
width: 98%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom2 {
|
||||||
|
margin-top: 10px;
|
||||||
// margin-top:10px;
|
// margin-top:10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table;
|
display: table;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
height: 4rem;
|
||||||
|
.bottom-item {
|
||||||
|
width: 48%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
:hover.bottom-item {
|
:hover.bottom-item {
|
||||||
background: rgba(0, 108, 188, 0.5);
|
background: rgba(0, 108, 188, 0.5);
|
||||||
}
|
}
|
||||||
.bottom-item {
|
.bottom-item {
|
||||||
background: rgba(0, 108, 188, 0.4);
|
height: 100%;
|
||||||
border-radius: 3px;
|
// overflow-y: auto;
|
||||||
margin: 4px 5px;
|
background: rgba(0, 108, 188, 0.2);
|
||||||
|
border-radius: 2px;
|
||||||
|
margin: 2px 5px;
|
||||||
|
border: 1px solid #10496f;
|
||||||
|
|
||||||
.inner-title {
|
.inner-title {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
@ -268,26 +389,41 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
display: inline-table;
|
display: inline-table;
|
||||||
width: 48%;
|
|
||||||
height: 3rem;
|
|
||||||
.left-list {
|
.left-list {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 24px;
|
height: 26px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
.left-list1 {
|
.left-list1 {
|
||||||
font-size: 14x;
|
font-size: 16x;
|
||||||
float: left;
|
float: left;
|
||||||
width: 20%;
|
width: 22%;
|
||||||
|
height: 0.32rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.left-list2 {
|
.left-list2 {
|
||||||
|
height: 0.32rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
word-break: break-all;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
float: left;
|
float: left;
|
||||||
width: 40%;
|
width: 30%;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: rgb(0 255 255);
|
color: rgb(0 255 255);
|
||||||
}
|
}
|
||||||
|
|
@ -304,11 +440,14 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.platform-overview-top:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
}
|
}
|
||||||
.platform-overview-bottom {
|
.platform-overview-bottom {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1.8rem;
|
height: 1.7rem;
|
||||||
background: rgba(0, 108, 188, 0.2);
|
background: rgba(0, 108, 188, 0.2);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
border: 1px solid rgba(0, 108, 188, 0.7);
|
border: 1px solid rgba(0, 108, 188, 0.7);
|
||||||
|
|
@ -319,17 +458,17 @@ export default {
|
||||||
transition: all 100ms ease-out;
|
transition: all 100ms ease-out;
|
||||||
.top {
|
.top {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: url(~@/assets/capabilityCloud/top_bg.png) no-repeat;
|
background: url('~@/assets/capabilityCloud/infrastructure_title.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
.bottom {
|
.bottom {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.2rem;
|
padding: 0rem 0.2rem;
|
||||||
.component-services-content-right-left-content-son {
|
.component-services-content-right-left-content-son {
|
||||||
background: url('~@/assets/capabilityCloud/Component_services_snum.png')
|
background: url('~@/assets/capabilityCloud/Component_services_snum.png')
|
||||||
no-repeat;
|
no-repeat;
|
||||||
|
|
@ -352,5 +491,9 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.platform-overview-bottom:hover {
|
||||||
|
border: 2px solid;
|
||||||
|
animation: turn 5s linear infinite;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.xiaoshangqing
|
* @Author: hisense.xiaoshangqing
|
||||||
* @Date: 2022-7-26 10:00:48
|
* @Date: 2022-7-26 10:00:48
|
||||||
* @LastEditors: xiaoshangqing
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-27 16:56:55
|
* @LastEditTime: 2022-11-29 11:47:26
|
||||||
* @Description: 水库专题首页缩略图 -->
|
* @Description: 水库专题首页缩略图 -->
|
||||||
<template>
|
<template>
|
||||||
<div class="river-course-view">
|
<div class="river-course-view">
|
||||||
|
|
@ -13,136 +13,96 @@
|
||||||
<div class="topic-animation4 display-animation4"></div>
|
<div class="topic-animation4 display-animation4"></div>
|
||||||
<div class="topic-animation5 display-animation5"></div>
|
<div class="topic-animation5 display-animation5"></div>
|
||||||
<div class="topic-animation6 display-animation6"></div>
|
<div class="topic-animation6 display-animation6"></div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
import { getProvideDistrictFundStatement } from '@/api/assertReport'
|
||||||
//例如：import 《组件名称》 from '《组件路径》';
|
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
const echarts = require("echarts");
|
const echarts = require('echarts')
|
||||||
export default {
|
export default {
|
||||||
//import引入的组件需要注入到对象中才能使用
|
//import引入的组件需要注入到对象中才能使用
|
||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
//这里存放数据
|
//这里存放数据
|
||||||
return {
|
return {
|
||||||
|
|
||||||
districtData: [
|
districtData: [
|
||||||
{
|
{
|
||||||
name: "市南区",
|
name: '市南区',
|
||||||
value: [120.395966, 36.070892],
|
value: [120.395966, 36.000892],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "市北区",
|
name: '市北区',
|
||||||
value: [120.355026, 36.083819],
|
value: [120.355026, 36.083819],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "李沧区",
|
name: '李沧区',
|
||||||
value: [120.421236, 36.160023],
|
value: [120.421236, 36.188023],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "崂山区",
|
name: '崂山区',
|
||||||
value: [120.467393, 36.102569],
|
value: [120.587393, 36.199569],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "城阳区",
|
name: '城阳区',
|
||||||
value: [120.389135, 36.306833],
|
value: [120.369135, 36.266833],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "即墨区",
|
name: '即墨区',
|
||||||
value: [120.447352, 36.390847],
|
value: [120.517352, 36.490847],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "莱西市",
|
name: '莱西市',
|
||||||
value: [120.526226, 36.86509],
|
value: [120.426226, 36.86009],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "胶州市",
|
name: '胶州市',
|
||||||
value: [120.006202, 36.285878],
|
value: [120.010202, 36.235878],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "平度市",
|
name: '平度市',
|
||||||
value: [119.959012, 36.788828],
|
value: [119.959012, 36.788828],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "西海岸",
|
name: '西海岸新区',
|
||||||
value: [119.995518, 35.875138],
|
value: [119.895518, 35.875138],
|
||||||
num:232,
|
|
||||||
},
|
},
|
||||||
],//青岛市区划坐标数据
|
],
|
||||||
reservoirTypeArr:[
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
type: "warning",
|
|
||||||
name: "超汛限",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
type: "normal",
|
|
||||||
name: "正常",
|
|
||||||
}
|
}
|
||||||
],
|
|
||||||
// 1、菜单切换功能
|
|
||||||
tabs: [
|
|
||||||
{ name: "降雨量图" },
|
|
||||||
{ name: "人口热力图" },
|
|
||||||
{ name: "水库等级图" },
|
|
||||||
{ name: "水库告警分布" },
|
|
||||||
],
|
|
||||||
selectedTabIndex: 3,
|
|
||||||
};
|
|
||||||
},
|
},
|
||||||
//监听属性 类似于data概念
|
|
||||||
computed: {},
|
|
||||||
//监控data中的数据变化
|
|
||||||
watch: {},
|
|
||||||
//生命周期 - 创建完成（可以访问当前this实例）
|
|
||||||
created() {},
|
|
||||||
//生命周期 - 挂载完成（可以访问DOM元素）
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.findAllInfo();
|
this.findAllInfo()
|
||||||
// this.initMap();
|
|
||||||
},
|
},
|
||||||
//方法集合
|
//方法集合
|
||||||
methods: {
|
methods: {
|
||||||
findAllInfo() {
|
findAllInfo() {
|
||||||
let data=this.districtData
|
getProvideDistrictFundStatement().then((res) => {
|
||||||
// let result=[]
|
let districtData = this.districtData
|
||||||
// for(let i=0;i<data.length;i++){
|
let resulrtData = res.data.data
|
||||||
// let value=[]
|
for (let i = 0; i < resulrtData.length; i++) {
|
||||||
// let d=res.data.data[i]
|
for (let j = 0; j < districtData.length; j++) {
|
||||||
// value.push(d["longitude"])
|
if (resulrtData[i].districtName === districtData[j].name) {
|
||||||
// value.push(d["latitude"])
|
districtData[j].num = resulrtData[i].applyPrice + '万'
|
||||||
// d["value"]=value
|
}
|
||||||
// }
|
}
|
||||||
this.initMap(data)
|
}
|
||||||
|
console.log('上图数据', districtData)
|
||||||
|
this.initMap(districtData)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
initMap(data) {
|
initMap(data) {
|
||||||
this.loadedDataUrl = "./static/qingdao.json";
|
this.loadedDataUrl = './static/qingdao.json'
|
||||||
let _this = this
|
let _this = this
|
||||||
axios.get(_this.loadedDataUrl, {}) .then(geoJson =>{
|
axios.get(_this.loadedDataUrl, {}).then((geoJson) => {
|
||||||
|
_this.myChart = echarts.init(_this.$refs.qdCityMap)
|
||||||
_this.myChart = echarts.init(_this.$refs.qdCityMap);
|
echarts.registerMap('qingdao', geoJson.data)
|
||||||
echarts.registerMap("qingdao", geoJson.data);
|
const imgBack = new Image()
|
||||||
const imgBack = new Image();
|
imgBack.src = './static/assets/map-back.png'
|
||||||
imgBack.src = "./static/assets/map-back.png";
|
const img = new Image()
|
||||||
const img = new Image();
|
img.src = './static/assets/echarts-map-bak.png'
|
||||||
img.src = "./static/assets/echarts-map-bak.png";
|
const typeImg = new Image()
|
||||||
const typeImg = new Image();
|
typeImg.src = './static/assets/reservoir-type-bak.png'
|
||||||
typeImg.src = "./static/assets/reservoir-type-bak.png";
|
|
||||||
|
|
||||||
_this.option = {
|
_this.option = {
|
||||||
visualMap: {
|
visualMap: {
|
||||||
|
|
@ -150,13 +110,13 @@ export default {
|
||||||
max: 100,
|
max: 100,
|
||||||
seriesIndex: 1,
|
seriesIndex: 1,
|
||||||
inRange: {
|
inRange: {
|
||||||
color: ["#000000", "yellow", "pink"],
|
color: ['#000000', 'yellow', 'pink'],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
geo: [
|
geo: [
|
||||||
{
|
{
|
||||||
map: "qingdao",
|
map: 'qingdao',
|
||||||
roam: true, // 是否允许缩放
|
roam: false, // 是否允许缩放
|
||||||
aspectScale: 0.8,
|
aspectScale: 0.8,
|
||||||
zoom: 1.1, // 默认显示级别
|
zoom: 1.1, // 默认显示级别
|
||||||
top: 100,
|
top: 100,
|
||||||
|
|
@ -164,14 +124,14 @@ export default {
|
||||||
label: {
|
label: {
|
||||||
show: true, //是否显示市
|
show: true, //是否显示市
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: "#ffffff", //文字颜色
|
color: '#ffffff', //文字颜色
|
||||||
fontSize: 16, //文字大小
|
fontSize: 16, //文字大小
|
||||||
fontFamily: "微软雅黑",
|
fontFamily: '微软雅黑',
|
||||||
backgroundColor: "rgba(0,0,0,0)", //透明度0清空文字背景
|
backgroundColor: 'rgba(0,0,0,0)', //透明度0清空文字背景
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
borderColor: "#25e8ff",
|
borderColor: '#25e8ff',
|
||||||
borderWidth: 2,
|
borderWidth: 2,
|
||||||
/* areaColor: "#004d8e", //rgba设置透明度0
|
/* areaColor: "#004d8e", //rgba设置透明度0
|
||||||
shadowColor: "#10daff",
|
shadowColor: "#10daff",
|
||||||
|
|
@ -180,12 +140,12 @@ export default {
|
||||||
opacity: 0.53, */
|
opacity: 0.53, */
|
||||||
areaColor: {
|
areaColor: {
|
||||||
image: img,
|
image: img,
|
||||||
repeat: "repeat",
|
repeat: 'repeat',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
emphasis: {
|
emphasis: {
|
||||||
disabled: false,
|
disabled: false,
|
||||||
focus: "none",
|
focus: 'none',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: null,
|
color: null,
|
||||||
},
|
},
|
||||||
|
|
@ -196,15 +156,15 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
map: "qingdao",
|
map: 'qingdao',
|
||||||
aspectScale: 0.8,
|
aspectScale: 0.8,
|
||||||
roam: true, // 是否允许缩放
|
roam: false, // 是否允许缩放
|
||||||
zoom: 1.1, // 默认显示级别
|
zoom: 1.1, // 默认显示级别
|
||||||
top: 105,
|
top: 105,
|
||||||
z: 4,
|
z: 4,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
areaColor: "#1864a5",
|
areaColor: '#1864a5',
|
||||||
borderColor: "transparent",
|
borderColor: 'transparent',
|
||||||
},
|
},
|
||||||
silent: true,
|
silent: true,
|
||||||
tooltip: {
|
tooltip: {
|
||||||
|
|
@ -212,15 +172,15 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
map: "qingdao",
|
map: 'qingdao',
|
||||||
aspectScale: 0.8,
|
aspectScale: 0.8,
|
||||||
roam: true, // 是否允许缩放
|
roam: false, // 是否允许缩放
|
||||||
zoom: 1.1, // 默认显示级别
|
zoom: 1.1, // 默认显示级别
|
||||||
top: 110,
|
top: 110,
|
||||||
z: 3,
|
z: 3,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
areaColor: "#1864a5",
|
areaColor: '#1864a5',
|
||||||
borderColor: "transparent",
|
borderColor: 'transparent',
|
||||||
borderWidth: 2,
|
borderWidth: 2,
|
||||||
},
|
},
|
||||||
silent: true,
|
silent: true,
|
||||||
|
|
@ -229,19 +189,19 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
map: "qingdao",
|
map: 'qingdao',
|
||||||
aspectScale: 0.8,
|
aspectScale: 0.8,
|
||||||
roam: true, // 是否允许缩放
|
roam: false, // 是否允许缩放
|
||||||
zoom: 1.1, // 默认显示级别
|
zoom: 1.1, // 默认显示级别
|
||||||
top: 115,
|
top: 115,
|
||||||
z: 2,
|
z: 2,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
areaColor: "#1864a5",
|
areaColor: '#1864a5',
|
||||||
//borderColor: "#0f3866",
|
//borderColor: "#0f3866",
|
||||||
borderColor: "transparent",
|
borderColor: 'transparent',
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
shadowColor: "#808080", // 外部阴影
|
shadowColor: '#808080', // 外部阴影
|
||||||
shadowBlur: "10",
|
shadowBlur: '10',
|
||||||
},
|
},
|
||||||
silent: true,
|
silent: true,
|
||||||
tooltip: {
|
tooltip: {
|
||||||
|
|
@ -298,9 +258,9 @@ export default {
|
||||||
normal: {
|
normal: {
|
||||||
show: true,
|
show: true,
|
||||||
formatter: function (params) {
|
formatter: function (params) {
|
||||||
var name = params.data.num;
|
var name = params.data.num
|
||||||
var text = `{fline|${name}}`;
|
var text = `{fline|${name}}`
|
||||||
return text;
|
return text
|
||||||
},
|
},
|
||||||
color: '#fff',
|
color: '#fff',
|
||||||
rich: {
|
rich: {
|
||||||
|
|
@ -328,19 +288,16 @@ export default {
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#e3e00a',
|
color: '#e3e00a',
|
||||||
},
|
},
|
||||||
symbol: "image://static/assets/reservoir-type-bak.png",
|
symbol: 'image://static/assets/reservoir-type-bak.png',
|
||||||
symbolSize: [84, 28],
|
symbolSize: [84, 28],
|
||||||
symbolOffset: [0, -20],
|
symbolOffset: [0, -30],
|
||||||
z: 999,
|
z: 999,
|
||||||
data: data, //企业名称
|
data: data, //企业名称
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
],
|
],
|
||||||
};
|
}
|
||||||
_this.myChart.setOption(_this.option);
|
_this.myChart.setOption(_this.option)
|
||||||
_this.myChart.on("click", (params) => {
|
_this.myChart.on('click', (params) => {
|
||||||
// console.log("点的是什么", params);
|
// console.log("点的是什么", params);
|
||||||
// //进入对应区的三维地图
|
// //进入对应区的三维地图
|
||||||
// //跟右下角菜单切换触发调用方法一样，但是要传递区划参数，区划name
|
// //跟右下角菜单切换触发调用方法一样，但是要传递区划参数，区划name
|
||||||
|
|
@ -354,38 +311,35 @@ export default {
|
||||||
// latitude:_this.districtData[index].value[1],
|
// latitude:_this.districtData[index].value[1],
|
||||||
// };
|
// };
|
||||||
// _this.$emit('jumpIntoMap',districtObject);
|
// _this.$emit('jumpIntoMap',districtObject);
|
||||||
});
|
})
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeCreate() {}, //生命周期 - 创建之前
|
beforeCreate() {}, //生命周期 - 创建之前
|
||||||
beforeMount() {}, //生命周期 - 挂载之前
|
beforeMount() {}, //生命周期 - 挂载之前
|
||||||
beforeUpdate() {}, //生命周期 - 更新之前
|
beforeUpdate() {}, //生命周期 - 更新之前
|
||||||
updated() {}, //生命周期 - 更新之后
|
updated() {}, //生命周期 - 更新之后
|
||||||
beforeDestroy() {}, //生命周期 - 销毁之前
|
beforeUnmount() {}, //生命周期 - 销毁之前
|
||||||
destroyed() {}, //生命周期 - 销毁完成
|
unmounted() {}, //生命周期 - 销毁完成
|
||||||
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang='less' scoped>
|
<style lang="less" scoped>
|
||||||
//@import url(); 引入公共css类
|
//@import url(); 引入公共css类
|
||||||
|
|
||||||
.river-course-view {
|
.river-course-view {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url("~@/assets/common/homePage/big-bak.png") no-repeat;
|
background: url('~@/assets/common/homePage/big-bak.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
.city-map-content-echarts {
|
.city-map-content-echarts {
|
||||||
width: 11rem;
|
width: 10rem;
|
||||||
height: 9rem;
|
height: 7.9rem;
|
||||||
top: 80px;
|
top: 10px;
|
||||||
left: 400px;
|
left: 500px;
|
||||||
bottom: 60px;
|
bottom: 2rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
@ -470,7 +424,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation1.png");
|
background-image: url('~@/assets/common/homePage/animation1.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation1 {
|
.display-animation1 {
|
||||||
|
|
@ -482,7 +436,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation2.png");
|
background-image: url('~@/assets/common/homePage/animation2.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation2 {
|
.display-animation2 {
|
||||||
|
|
@ -494,7 +448,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation3.png");
|
background-image: url('~@/assets/common/homePage/animation3.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation3 {
|
.display-animation3 {
|
||||||
|
|
@ -506,7 +460,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation4.png");
|
background-image: url('~@/assets/common/homePage/animation4.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation4 {
|
.display-animation4 {
|
||||||
|
|
@ -518,7 +472,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation5.png");
|
background-image: url('~@/assets/common/homePage/animation5.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation5 {
|
.display-animation5 {
|
||||||
|
|
@ -530,7 +484,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
background-image: url("~@/assets/common/homePage/animation6.png");
|
background-image: url('~@/assets/common/homePage/animation6.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.display-animation6 {
|
.display-animation6 {
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 442 B |
|
|
@ -1,16 +1,24 @@
|
||||||
<!-- -->
|
<!-- -->
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
<div class="capability-cloud">
|
<div class="capability-cloud">
|
||||||
|
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<span class="title" @click="goHome">城市云脑通用能力服务平台</span>
|
<span class="title" @click="goHome">城市云脑通用能力服务平台</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="header1">
|
<div class="header1">
|
||||||
<div style=" color:#fff; font-size: 24px">累计节省财政资金</div>
|
<div style="color: #bed1df; font-size: 32px">累计节省财政资金</div>
|
||||||
<div style=" color:#fff; font-size: 24px">2451.0万元</div>
|
<div class="area-right">
|
||||||
<div style=" color:#fff; font-size: 18px">注：资源参考价格由部门提供或参考市场价格设定</div>
|
<!-- <div class="mianJi">累计节省财政资金</div> -->
|
||||||
|
<template v-for="(item, index) in saveMonmy">
|
||||||
|
<p v-if="item == '.'" :key="index">
|
||||||
|
{{ item }}
|
||||||
|
</p>
|
||||||
|
<span v-else>{{ item }}</span>
|
||||||
|
</template>
|
||||||
|
<div class="mianJi">万元</div>
|
||||||
|
</div>
|
||||||
|
<div style="color: #bed1df; font-size: 16px">
|
||||||
|
注：资源参考价格由部门提供或参考市场价格设定
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--左侧-->
|
<!--左侧-->
|
||||||
<div class="reservoir-left">
|
<div class="reservoir-left">
|
||||||
|
|
@ -21,42 +29,45 @@
|
||||||
<div class="reservoir-right">
|
<div class="reservoir-right">
|
||||||
<reservoir-right />
|
<reservoir-right />
|
||||||
</div>
|
</div>
|
||||||
<div class="reservoir-map">
|
|
||||||
<!--中间地图-->
|
<!--中间地图-->
|
||||||
|
<div class="reservoir-map">
|
||||||
<reservoir-thumbnail
|
<reservoir-thumbnail
|
||||||
@changeThumbnailMap="changeThumbnailMap"
|
@changeThumbnailMap="changeThumbnailMap"
|
||||||
@jumpIntoMap="jumpIntoMap"
|
@jumpIntoMap="jumpIntoMap"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<!--下方-->
|
||||||
|
<div class="bottom">
|
||||||
|
<reservoir-bottom />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getApplyPriceCount } from '@/api/assertReport'
|
||||||
|
import ReservoirThumbnail from './components/ReservoirThumbnail.vue'
|
||||||
import ReservoirThumbnail from "./components/ReservoirThumbnail.vue";
|
import ReservoirLeft from './components/ReservoirLeft'
|
||||||
|
import ReservoirRight from './components/ReservoirRight'
|
||||||
import ReservoirLeft from "./components/ReservoirLeft";
|
import ReservoirBottom from './components/ReservoirBottom'
|
||||||
import ReservoirRight from "./components/ReservoirRight";
|
import { NumbersConvertedToArrays } from '@/utils/arrayMethod.js'
|
||||||
export default {
|
export default {
|
||||||
//import引入的组件需要注入到对象中才能使用
|
//import引入的组件需要注入到对象中才能使用
|
||||||
components: {
|
components: {
|
||||||
ReservoirThumbnail,
|
ReservoirThumbnail,
|
||||||
ReservoirLeft,
|
ReservoirLeft,
|
||||||
ReservoirRight
|
ReservoirRight,
|
||||||
|
ReservoirBottom,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
//这里存放数据
|
//这里存放数据
|
||||||
return {
|
return {
|
||||||
model: "common",
|
saveMonmy: [],
|
||||||
dialogTitle: "周边视频",
|
model: 'common',
|
||||||
|
dialogTitle: '周边视频',
|
||||||
videoAnalysisDialogVisible: false, //视频分析弹窗显示标志位
|
videoAnalysisDialogVisible: false, //视频分析弹窗显示标志位
|
||||||
riverCourseHistoryDialogVisible: false, //河道历史弹窗
|
riverCourseHistoryDialogVisible: false, //河道历史弹窗
|
||||||
riverDetailInfo: {}, //河道具体信息用于历史弹窗显示数据
|
riverDetailInfo: {}, //河道具体信息用于历史弹窗显示数据
|
||||||
dialogType: "add",
|
dialogType: 'add',
|
||||||
dialogData: {},
|
dialogData: {},
|
||||||
dangerReportDialogVisible: false,
|
dangerReportDialogVisible: false,
|
||||||
positionInfo: null,
|
positionInfo: null,
|
||||||
|
|
@ -64,11 +75,11 @@ export default {
|
||||||
districtOptions: [], //区划数组
|
districtOptions: [], //区划数组
|
||||||
isThumbnail: true, //是否为地图缩略图
|
isThumbnail: true, //是否为地图缩略图
|
||||||
tabindex: 0, //3d地图选中的tab。
|
tabindex: 0, //3d地图选中的tab。
|
||||||
listType:"",//水库列表的类型，普通列表 “”，预警列表 warnig
|
listType: '', //水库列表的类型，普通列表 “”，预警列表 warnig
|
||||||
basicInfo: {}, //水库详情信息
|
basicInfo: {}, //水库详情信息
|
||||||
type: '',
|
type: '',
|
||||||
callSource:"indexPage",
|
callSource: 'indexPage',
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
//监听属性 类似于data概念
|
//监听属性 类似于data概念
|
||||||
computed: {},
|
computed: {},
|
||||||
|
|
@ -76,102 +87,17 @@ export default {
|
||||||
watch: {},
|
watch: {},
|
||||||
//方法集合
|
//方法集合
|
||||||
methods: {
|
methods: {
|
||||||
changeModel(model, waterPointInfo) {
|
getSaveMoney() {
|
||||||
this.model = model;
|
getApplyPriceCount().then((res) => {
|
||||||
if(model == 'common') {
|
this.saveMonmy = NumbersConvertedToArrays(res.data.data)
|
||||||
this.basicInfo = {};
|
|
||||||
}
|
|
||||||
this.listType ="";
|
|
||||||
// if (this.model == "common") {
|
|
||||||
// this.$refs.riverCourseMap.isMapMenu = true;
|
|
||||||
// this.$refs.riverCourseMap.choseTab(1);
|
|
||||||
// }
|
|
||||||
//点击水库险情时
|
|
||||||
if(this.model == "dangerlist") {
|
|
||||||
this.isThumbnail=false;
|
|
||||||
//水库险情上图。
|
|
||||||
this.$nextTick(() => {
|
|
||||||
bus.$emit('reservoirMapDangerList');
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//点击水库险情时
|
|
||||||
// if(this.model == "dangerlist") {
|
|
||||||
// this.isThumbnail=false;
|
|
||||||
// //水库险情上图。
|
|
||||||
// this.$nextTick(() => {
|
|
||||||
// bus.$emit('reservoirMapDangerList');
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
//从缩略图下沉跳转至三维地图
|
|
||||||
jumpIntoMap(data) {
|
|
||||||
this.isThumbnail = false;
|
|
||||||
//地图到具体的区划
|
|
||||||
this.$nextTick(() => {
|
|
||||||
bus.$emit('reservoirMapLonLat',data);
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//点击所有水库上图。
|
},
|
||||||
listOnMap(data){
|
|
||||||
this.isThumbnail = false;
|
|
||||||
console.log("所有水库列表",data);
|
|
||||||
//地图到具体的区划
|
|
||||||
this.$nextTick(() => {
|
|
||||||
bus.$emit('reservoirMapList',data);
|
|
||||||
})
|
|
||||||
|
|
||||||
},
|
|
||||||
// 获取区市单位数据
|
|
||||||
async getDistrict() {
|
|
||||||
const res = await selectByType("districtType");
|
|
||||||
this.districtOptions = res.data;
|
|
||||||
},
|
|
||||||
//视频弹窗显示。
|
|
||||||
openVideoAnalysisAndData(item, isShow) {
|
|
||||||
console.log("为啥不显示", item);
|
|
||||||
this.positionInfo = item;
|
|
||||||
this.videoAnalysisDialogVisible = isShow;
|
|
||||||
},
|
|
||||||
//新增险情
|
|
||||||
addNewDanger(type, data){
|
|
||||||
console.log("type",type);
|
|
||||||
if (type == "add") {
|
|
||||||
this.dialogData = {};
|
|
||||||
this.dialogType = "add";
|
|
||||||
} else {
|
|
||||||
this.dialogData = data;
|
|
||||||
this.dialogType = "edit";
|
|
||||||
}
|
|
||||||
this.reservoirDialogVisible = true;
|
|
||||||
},
|
|
||||||
//3d 跳转缩略图
|
|
||||||
changeMap(isshow){
|
|
||||||
this.isThumbnail=isshow;
|
|
||||||
},
|
|
||||||
// 缩略图跳转3d
|
|
||||||
changeThumbnailMap(isshow,index){
|
|
||||||
console.log('isshow',isshow);
|
|
||||||
console.log('index',index);
|
|
||||||
this.isThumbnail=isshow;
|
|
||||||
this.tabindex=index;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//生命周期 - 创建完成（可以访问当前this实例）
|
|
||||||
created() {},
|
|
||||||
//生命周期 - 挂载完成（可以访问DOM元素）
|
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.getSaveMoney()
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
beforeCreate() {}, //生命周期 - 创建之前
|
}
|
||||||
beforeMount() {}, //生命周期 - 挂载之前
|
|
||||||
beforeUpdate() {}, //生命周期 - 更新之前
|
|
||||||
updated() {}, //生命周期 - 更新之后
|
|
||||||
beforeDestroy() {}, //生命周期 - 销毁之前
|
|
||||||
destroyed() {}, //生命周期 - 销毁完成
|
|
||||||
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
@ -200,7 +126,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang='less' scoped>
|
<style lang="less" scoped>
|
||||||
// 此处去掉scoped为修改date-picker背景色，所以业务样式都应放在reservoir层级中，避免影响
|
// 此处去掉scoped为修改date-picker背景色，所以业务样式都应放在reservoir层级中，避免影响
|
||||||
//@import url(); 引入公共css类
|
//@import url(); 引入公共css类
|
||||||
.module-header-container {
|
.module-header-container {
|
||||||
|
|
@ -215,12 +141,24 @@ export default {
|
||||||
background: url('~@/assets/capabilityCloud/bg.png') no-repeat;
|
background: url('~@/assets/capabilityCloud/bg.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
& > .header {
|
& > .header {
|
||||||
height: 1.04rem;
|
height: 1.04rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: url('~@/assets/capabilityCloud/header.png') no-repeat;
|
background: url('~@/assets/capabilityCloud/header.png') no-repeat;
|
||||||
font-size: 0.46rem;
|
font-size: 0.46rem;
|
||||||
}
|
}
|
||||||
|
.bottom {
|
||||||
|
bottom: 12px;
|
||||||
|
position: absolute;
|
||||||
|
left: 545px;
|
||||||
|
width: 732px;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1004;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
height: 1.8rem;
|
||||||
|
}
|
||||||
.header1 {
|
.header1 {
|
||||||
top: 78px;
|
top: 78px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -228,13 +166,49 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 1004;
|
z-index: 1004;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
.area-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-items: flex-end;
|
||||||
|
padding-right: 20px;
|
||||||
|
color: #bed1df;
|
||||||
|
margin-left: 100px;
|
||||||
|
span {
|
||||||
|
width: 36px;
|
||||||
|
// height: 45px;
|
||||||
|
// line-height: 45px;
|
||||||
|
color: #fed93f;
|
||||||
|
font-weight: bold;
|
||||||
|
background: url('~@/assets/capabilityCloud/num_bg.png') 100% 100%
|
||||||
|
no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 34px;
|
||||||
|
margin-right: 3px;
|
||||||
|
|
||||||
|
font-family: DinPro-Bold;
|
||||||
|
}
|
||||||
|
.mianJi {
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-right: 3px;
|
||||||
|
font-size: 22px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
height: 44px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-items: center;
|
||||||
|
font-size: 34px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//position: relative;
|
//position: relative;
|
||||||
.reservoir-left {
|
.reservoir-left {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.1rem;
|
left: 0.1rem;
|
||||||
z-index: 1300;
|
z-index: 1000;
|
||||||
top: 0.8rem;
|
top: 0.8rem;
|
||||||
height: calc(100% - 0.8rem);
|
height: calc(100% - 0.8rem);
|
||||||
}
|
}
|
||||||
|
|
@ -248,8 +222,8 @@ export default {
|
||||||
.reservoir-map {
|
.reservoir-map {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
// height: 100%;
|
||||||
height: 100%;
|
// bottom:2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 日期时间组件
|
// 日期时间组件
|
||||||
|
|
@ -301,6 +275,4 @@ export default {
|
||||||
border-color: #009ab3;
|
border-color: #009ab3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-19 10:15:33
|
* @Date: 2022-06-19 10:15:33
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-08-06 16:21:24
|
* @LastEditTime: 2022-11-29 17:39:20
|
||||||
* @Description: 能力云图-组件服务
|
* @Description: 能力云图-组件服务
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
<template #title>{{ item.name }}</template>
|
<template #title>{{ item.name }}</template>
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
<span>{{ item.count || 0 }}</span>
|
<span>{{ item.count || item.score || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
let xinhaianIsShow = whoShow.itShowXiHaiAn //判断是否是西海岸版本
|
let xinhaianIsShow = whoShow.itShowXiHaiAn //判断是否是西海岸版本
|
||||||
let snum = ref([
|
let snum = ref([
|
||||||
{ title: '上架总量', num: '0000' },
|
{ title: '上架总量', num: '0000' },
|
||||||
{ title: '总调用次数(API)', num: '0' },
|
{ title: '总调用次数(API)', num: '1008' },
|
||||||
{ title: '健康度(API)', num: '100%' },
|
{ title: '健康度(API)', num: '100%' },
|
||||||
])
|
])
|
||||||
let dataclick = ref('total')
|
let dataclick = ref('total')
|
||||||
|
|
@ -164,12 +164,20 @@
|
||||||
})
|
})
|
||||||
callTheTrend(callTheTrendData.value)
|
callTheTrend(callTheTrendData.value)
|
||||||
} else {
|
} else {
|
||||||
callTheTrendData.value.snum = ['0', '0', '0', '0', '0', '0', '0']
|
callTheTrendData.value.snum = [
|
||||||
|
'3',
|
||||||
|
'17',
|
||||||
|
'10',
|
||||||
|
'5',
|
||||||
|
'15',
|
||||||
|
'15',
|
||||||
|
'19',
|
||||||
|
]
|
||||||
callTheTrend(callTheTrendData.value)
|
callTheTrend(callTheTrendData.value)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
callTheTrendData.value.snum = ['0', '0', '0', '0', '0', '0', '0']
|
callTheTrendData.value.snum = ['3', '17', '10', '5', '15', '15', '19']
|
||||||
callTheTrend(callTheTrendData.value)
|
callTheTrend(callTheTrendData.value)
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -214,37 +222,37 @@
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
callTheTrendData.value.snum = [
|
callTheTrendData.value.snum = [
|
||||||
'0',
|
'3',
|
||||||
'0',
|
'17',
|
||||||
'0',
|
'10',
|
||||||
'0',
|
'5',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'19',
|
||||||
'0',
|
'3',
|
||||||
'0',
|
'17',
|
||||||
'0',
|
'10',
|
||||||
'0',
|
'5',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'19',
|
||||||
'0',
|
'10',
|
||||||
'0',
|
'8',
|
||||||
'0',
|
'16',
|
||||||
'0',
|
'3',
|
||||||
'0',
|
'17',
|
||||||
'0',
|
'10',
|
||||||
'0',
|
'5',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'19',
|
||||||
'0',
|
'3',
|
||||||
'0',
|
'17',
|
||||||
'0',
|
'10',
|
||||||
'0',
|
'5',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'15',
|
||||||
'0',
|
'19',
|
||||||
]
|
]
|
||||||
callTheTrend(callTheTrendData.value)
|
callTheTrend(callTheTrendData.value)
|
||||||
}
|
}
|
||||||
|
|
@ -259,7 +267,7 @@
|
||||||
option = {
|
option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
backgroundColor: 'rgba(17,61,116,0.8)',
|
backgroundColor: 'rgba(17,61,116,0.8)',
|
||||||
borderWidth: 0,
|
// borderWidth: 0,
|
||||||
trigger: 'axis',
|
trigger: 'axis',
|
||||||
formatter: function (val) {
|
formatter: function (val) {
|
||||||
console.log(val)
|
console.log(val)
|
||||||
|
|
@ -301,11 +309,13 @@
|
||||||
name: '个',
|
name: '个',
|
||||||
type: 'value',
|
type: 'value',
|
||||||
axisTick: {
|
axisTick: {
|
||||||
show: false,
|
show: true,
|
||||||
},
|
},
|
||||||
axisLine: {
|
axisLine: {
|
||||||
|
show: true,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#57617B',
|
color: '#336EBF',
|
||||||
|
width: '1',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
|
|
@ -316,6 +326,9 @@
|
||||||
},
|
},
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false,
|
show: false,
|
||||||
|
// lineStyle: {
|
||||||
|
// color: ['#57617B'],
|
||||||
|
// },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-19 10:15:33
|
* @Date: 2022-06-19 10:15:33
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-06-27 12:52:18
|
* @LastEditTime: 2022-11-28 16:23:25
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -50,10 +50,10 @@
|
||||||
name: '总申请次数',
|
name: '总申请次数',
|
||||||
num: '',
|
num: '',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: '满足率',
|
// name: '满足率',
|
||||||
num: '',
|
// num: '',
|
||||||
},
|
// },
|
||||||
])
|
])
|
||||||
// 右侧数据
|
// 右侧数据
|
||||||
const assignRankings = ref([
|
const assignRankings = ref([
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom" v-show="selectFlag2">
|
<div class="bottom" v-show="selectFlag2">
|
||||||
<span class="light"></span>
|
<span class="light"></span>
|
||||||
<div v-for="val in dictList" :key="val" @click="changeAreaFunction(val)">
|
<div
|
||||||
|
v-for="val in dictList"
|
||||||
|
:key="val"
|
||||||
|
@click="changeAreaFunction(val)"
|
||||||
|
>
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -30,9 +34,18 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="algorithm-class">
|
<div class="algorithm-class">
|
||||||
<div v-for="(item, index) in dataList" :key="`algorithm-${index}`" class="algorithm-card">
|
<div
|
||||||
<a-image :src="algorithmCardPhoto(item)" :width="525" :height="275" :fallback="imgSrc" :preview="false">
|
v-for="(item, index) in dataList"
|
||||||
</a-image>
|
:key="`algorithm-${index}`"
|
||||||
|
class="algorithm-card"
|
||||||
|
>
|
||||||
|
<a-image
|
||||||
|
:src="algorithmCardPhoto(item)"
|
||||||
|
:width="525"
|
||||||
|
:height="275"
|
||||||
|
:fallback="imgSrc"
|
||||||
|
:preview="false"
|
||||||
|
></a-image>
|
||||||
|
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ item.name }}</template>
|
<template #title>{{ item.name }}</template>
|
||||||
|
|
@ -49,11 +62,15 @@
|
||||||
import { getCategoryTreePage } from '@/api/personalCenter'
|
import { getCategoryTreePage } from '@/api/personalCenter'
|
||||||
import { getGisByArea } from '@/api/home'
|
import { getGisByArea } from '@/api/home'
|
||||||
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
|
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
const router = useRouter()
|
||||||
|
const area = router.currentRoute.value.query.area
|
||||||
const deptType = ref(null)
|
const deptType = ref(null)
|
||||||
const typeName = ref('全市')
|
const typeName = ref('全市')
|
||||||
const typeName2 = ref('全部')
|
const typeName2 = ref('全部')
|
||||||
|
if (area) {
|
||||||
|
typeName2.value = area
|
||||||
|
}
|
||||||
const dictList = ref([])
|
const dictList = ref([])
|
||||||
const dataList = ref([])
|
const dataList = ref([])
|
||||||
const selectFlag2 = ref(false)
|
const selectFlag2 = ref(false)
|
||||||
|
|
@ -74,14 +91,14 @@ const params = {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
type: '智能算法',
|
type: '智能算法',
|
||||||
area: typeName2.value == '全部' ? '' : typeName2.value,
|
area: typeName2.value == '全部' ? '' : typeName2.value,
|
||||||
pageSize: 9 // 固定9
|
pageSize: 9, // 固定9
|
||||||
}
|
}
|
||||||
|
|
||||||
// 切换领域
|
// 切换领域
|
||||||
const changeAreaFunction = (val) => {
|
const changeAreaFunction = (val) => {
|
||||||
params.pageNum = 1;
|
params.pageNum = 1
|
||||||
typeName2.value = val
|
typeName2.value = val
|
||||||
params.area = typeName2.value == '全部' ? '' : typeName2.value;
|
params.area = typeName2.value == '全部' ? '' : typeName2.value
|
||||||
selectFlag2.value = false
|
selectFlag2.value = false
|
||||||
pageWithAttrsFunction()
|
pageWithAttrsFunction()
|
||||||
}
|
}
|
||||||
|
|
@ -106,8 +123,8 @@ const algorithmCardPhoto = (item) => {
|
||||||
if (item.pic && typeof item.pic == 'string') {
|
if (item.pic && typeof item.pic == 'string') {
|
||||||
_arr = JSON.parse(item.pic)
|
_arr = JSON.parse(item.pic)
|
||||||
}
|
}
|
||||||
let _img = _arr[0] && _arr[0].img || imgSrc.value;
|
let _img = (_arr[0] && _arr[0].img) || imgSrc.value
|
||||||
console.log('_img------------>', _img);
|
console.log('_img------------>', _img)
|
||||||
return _img
|
return _img
|
||||||
}
|
}
|
||||||
//跳转详情页
|
//跳转详情页
|
||||||
|
|
@ -141,7 +158,7 @@ const algorithmFunction = (e) => {
|
||||||
const changeDeptType = (str) => {
|
const changeDeptType = (str) => {
|
||||||
if (str) {
|
if (str) {
|
||||||
if (algorithmclassDom) {
|
if (algorithmclassDom) {
|
||||||
algorithmclassDom.scrollTop = 0;
|
algorithmclassDom.scrollTop = 0
|
||||||
}
|
}
|
||||||
switch (str) {
|
switch (str) {
|
||||||
case '全市':
|
case '全市':
|
||||||
|
|
@ -161,9 +178,9 @@ const changeDeptType = (str) => {
|
||||||
typeName.value = '企 业'
|
typeName.value = '企 业'
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
params.pageNum = 1;
|
params.pageNum = 1
|
||||||
if (deptType.value !== null && deptType.value !== undefined) {
|
if (deptType.value !== null && deptType.value !== undefined) {
|
||||||
params.deptType = deptType.value;
|
params.deptType = deptType.value
|
||||||
} else {
|
} else {
|
||||||
if (Object.keys(params).includes('deptType')) {
|
if (Object.keys(params).includes('deptType')) {
|
||||||
delete params.deptType
|
delete params.deptType
|
||||||
|
|
@ -177,14 +194,22 @@ const changeDeptType = (str) => {
|
||||||
const getData = (str) => {
|
const getData = (str) => {
|
||||||
getGisByArea(params).then((res) => {
|
getGisByArea(params).then((res) => {
|
||||||
const resData = res.data.data || {}
|
const resData = res.data.data || {}
|
||||||
if (resData.list.length > 0 && resData.list.length < 9 && algorithmclassDom) {
|
if (
|
||||||
|
resData.list.length > 0 &&
|
||||||
|
resData.list.length < 9 &&
|
||||||
|
algorithmclassDom
|
||||||
|
) {
|
||||||
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
|
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
|
||||||
}
|
}
|
||||||
dataList.value = resData.list || []
|
dataList.value = resData.list || []
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
algorithmclassDom = document.querySelector('.algorithm-box')
|
algorithmclassDom = document.querySelector('.algorithm-box')
|
||||||
if (str && algorithmclassDom) {
|
if (str && algorithmclassDom) {
|
||||||
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
|
algorithmclassDom.removeEventListener(
|
||||||
|
'scroll',
|
||||||
|
algorithmFunction,
|
||||||
|
true
|
||||||
|
)
|
||||||
algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
|
algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -229,7 +254,8 @@ onBeforeUnmount(() => {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.4rem;
|
top: 0.4rem;
|
||||||
left: 1.52rem;
|
left: 1.52rem;
|
||||||
background: url('~@/assets/capacitySquare/select-light1.png') no-repeat;
|
background: url('~@/assets/capacitySquare/select-light1.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -250,7 +276,8 @@ onBeforeUnmount(() => {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -0.08rem;
|
top: -0.08rem;
|
||||||
left: -0.3rem;
|
left: -0.3rem;
|
||||||
background: url('~@/assets/capacitySquare/select-light2.png') no-repeat;
|
background: url('~@/assets/capacitySquare/select-light2.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -299,7 +326,8 @@ onBeforeUnmount(() => {
|
||||||
.algorithm-card-photo {
|
.algorithm-card-photo {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: url('~@/assets/capacitySquare/algorithm-photo.jpg') no-repeat;
|
background: url('~@/assets/capacitySquare/algorithm-photo.jpg')
|
||||||
|
no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -313,7 +341,8 @@ onBeforeUnmount(() => {
|
||||||
font-family: alibaba;
|
font-family: alibaba;
|
||||||
bottom: 0.15rem;
|
bottom: 0.15rem;
|
||||||
padding-left: 0.22rem;
|
padding-left: 0.22rem;
|
||||||
background: url('~@/assets/capacitySquare/algorithm-title-bg.png') no-repeat;
|
background: url('~@/assets/capacitySquare/algorithm-title-bg.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-08-09 09:31:25
|
* @Date: 2022-08-09 09:31:25
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-10-24 10:44:50
|
* @LastEditTime: 2022-11-29 14:41:49
|
||||||
* @Description: 应用资源
|
* @Description: 应用资源
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -57,12 +57,17 @@
|
||||||
import { selectAppList } from '@/api/home'
|
import { selectAppList } from '@/api/home'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const selectArea = router.currentRoute.value.query.area
|
||||||
const pageNum = ref(1)
|
const pageNum = ref(1)
|
||||||
const flag = ref(true)
|
const flag = ref(true)
|
||||||
const type = ref(null)
|
const type = ref(null)
|
||||||
const area = ref(null)
|
const area = ref(null)
|
||||||
const typeName = ref('全市')
|
const typeName = ref('全市')
|
||||||
const typeName2 = ref('全部')
|
const typeName2 = ref('全部')
|
||||||
|
if (selectArea && selectArea !== '全部') {
|
||||||
|
typeName2.value = selectArea
|
||||||
|
area.value = selectArea
|
||||||
|
}
|
||||||
const dictList = ref([])
|
const dictList = ref([])
|
||||||
const data = reactive({ list: [] })
|
const data = reactive({ list: [] })
|
||||||
const selectFlag = ref(false)
|
const selectFlag = ref(false)
|
||||||
|
|
@ -121,7 +126,7 @@
|
||||||
type: type.value,
|
type: type.value,
|
||||||
area: area.value,
|
area: area.value,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
console.log('res---应用广场--------->', res);
|
console.log('res---应用广场--------->', res)
|
||||||
|
|
||||||
if (res.data.data.total.length < 9) {
|
if (res.data.data.total.length < 9) {
|
||||||
dom.removeEventListener('scroll', viewMonitor, true)
|
dom.removeEventListener('scroll', viewMonitor, true)
|
||||||
|
|
|
||||||
|
|
@ -60,9 +60,15 @@
|
||||||
import { getCategoryTreePage } from '@/api/personalCenter'
|
import { getCategoryTreePage } from '@/api/personalCenter'
|
||||||
import { getGisByArea } from '@/api/home'
|
import { getGisByArea } from '@/api/home'
|
||||||
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
|
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
const router = useRouter()
|
||||||
|
const area = router.currentRoute.value.query.area
|
||||||
const deptType = ref(null)
|
const deptType = ref(null)
|
||||||
const typeName = ref('全市')
|
const typeName = ref('全市')
|
||||||
const typeName2 = ref('全部')
|
const typeName2 = ref('全部')
|
||||||
|
if (area) {
|
||||||
|
typeName2.value = area
|
||||||
|
}
|
||||||
const dictList = ref([])
|
const dictList = ref([])
|
||||||
const dataList = ref([])
|
const dataList = ref([])
|
||||||
const selectFlag2 = ref(false)
|
const selectFlag2 = ref(false)
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-09 15:41:19
|
* @Date: 2022-06-09 15:41:19
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-08-02 11:30:50
|
* @LastEditTime: 2022-11-28 17:05:33
|
||||||
* @Description: 上传组件
|
* @Description: 上传组件
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -92,6 +92,7 @@
|
||||||
}
|
}
|
||||||
if (!isLt10M) {
|
if (!isLt10M) {
|
||||||
message.error(`${file.name} 超出100M的大小`)
|
message.error(`${file.name} 超出100M的大小`)
|
||||||
|
flag = false
|
||||||
}
|
}
|
||||||
return flag || Upload.LIST_IGNORE
|
return flag || Upload.LIST_IGNORE
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -8,8 +8,7 @@
|
||||||
></DetalsTitle>
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<!-- 青岛市局 -->
|
<!-- 青岛市局 -->
|
||||||
<div style="width: 100%; display: flex; justify-content: center"
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
>
|
|
||||||
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
||||||
<div class="content-left" v-if="item.titleType === '调用接口'">
|
<div class="content-left" v-if="item.titleType === '调用接口'">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
|
@ -97,12 +96,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.people.value
|
? item.people.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.people.value }}
|
{{ item.people.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -112,12 +113,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.phone.value
|
? item.phone.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.phone.value }}
|
{{ item.phone.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -169,7 +172,15 @@
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useStore } from 'vuex'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const store = useStore()
|
||||||
|
const role = ref(false)
|
||||||
|
store.getters['user/roleList'].map((val) => {
|
||||||
|
if (val === '运维管理员') {
|
||||||
|
role.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
const approveStatus = ref('通过')
|
const approveStatus = ref('通过')
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
|
|
|
||||||
|
|
@ -8,8 +8,7 @@
|
||||||
></DetalsTitle>
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<!-- 青岛市局 -->
|
<!-- 青岛市局 -->
|
||||||
<div style="width: 100%; display: flex; justify-content: center"
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in dataFrom.content"
|
v-for="(item, index) in dataFrom.content"
|
||||||
|
|
@ -24,6 +23,7 @@
|
||||||
<a-tooltip
|
<a-tooltip
|
||||||
v-if="
|
v-if="
|
||||||
approveStatus !== '通过' &&
|
approveStatus !== '通过' &&
|
||||||
|
!role &&
|
||||||
(carditem.attrType === '联系人' ||
|
(carditem.attrType === '联系人' ||
|
||||||
carditem.attrType === '联系人电话')
|
carditem.attrType === '联系人电话')
|
||||||
"
|
"
|
||||||
|
|
@ -55,7 +55,15 @@
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useStore } from 'vuex'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const store = useStore()
|
||||||
|
const role = ref(false)
|
||||||
|
store.getters['user/roleList'].map((val) => {
|
||||||
|
if (val === '运维管理员') {
|
||||||
|
role.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
const approveStatus = ref('通过')
|
const approveStatus = ref('通过')
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,7 @@
|
||||||
:type="dataFrom.englishTitle"
|
:type="dataFrom.englishTitle"
|
||||||
></DetalsTitle>
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 100%; display: flex; justify-content: center"
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
>
|
|
||||||
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
||||||
<div class="content-left">
|
<div class="content-left">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
|
@ -52,12 +51,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.people.value
|
? item.people.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.people.value }}
|
{{ item.people.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -67,12 +68,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.phone.value
|
? item.phone.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.phone.value }}
|
{{ item.phone.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -124,7 +127,15 @@
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useStore } from 'vuex'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const store = useStore()
|
||||||
|
const role = ref(false)
|
||||||
|
store.getters['user/roleList'].map((val) => {
|
||||||
|
if (val === '运维管理员') {
|
||||||
|
role.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
const approveStatus = ref('通过')
|
const approveStatus = ref('通过')
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,7 @@
|
||||||
:type="dataFrom.englishTitle"
|
:type="dataFrom.englishTitle"
|
||||||
></DetalsTitle>
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 100%; display: flex; justify-content: center"
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
|
@ -40,6 +39,7 @@
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus !== '通过' &&
|
approveStatus !== '通过' &&
|
||||||
|
!role &&
|
||||||
(carditem.attrType === '部门联系人' ||
|
(carditem.attrType === '部门联系人' ||
|
||||||
carditem.attrType === '联系人电话')
|
carditem.attrType === '联系人电话')
|
||||||
? '请申请后查看'
|
? '请申请后查看'
|
||||||
|
|
@ -50,6 +50,7 @@
|
||||||
:class="{
|
:class="{
|
||||||
'blur-word':
|
'blur-word':
|
||||||
approveStatus !== '通过' &&
|
approveStatus !== '通过' &&
|
||||||
|
!role &&
|
||||||
(carditem.attrType === '部门联系人' ||
|
(carditem.attrType === '部门联系人' ||
|
||||||
carditem.attrType === '联系人电话'),
|
carditem.attrType === '联系人电话'),
|
||||||
}"
|
}"
|
||||||
|
|
@ -80,7 +81,15 @@
|
||||||
import { pinyin } from 'pinyin-pro'
|
import { pinyin } from 'pinyin-pro'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useStore } from 'vuex'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const store = useStore()
|
||||||
|
const role = ref(false)
|
||||||
|
store.getters['user/roleList'].map((val) => {
|
||||||
|
if (val === '运维管理员') {
|
||||||
|
role.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
const approveStatus = ref('通过')
|
const approveStatus = ref('通过')
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
let flag = ref(true)
|
let flag = ref(true)
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,7 @@
|
||||||
:type="dataFrom.englishTitle"
|
:type="dataFrom.englishTitle"
|
||||||
></DetalsTitle>
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 100%; display: flex; justify-content: center"
|
<div style="width: 100%; display: flex; justify-content: center">
|
||||||
>
|
|
||||||
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
||||||
<div class="content-left">
|
<div class="content-left">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
|
@ -63,12 +62,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.people.value
|
? item.people.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.people.value }}
|
{{ item.people.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -78,12 +79,14 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{
|
{{
|
||||||
approveStatus === '通过'
|
approveStatus === '通过' || role
|
||||||
? item.phone.value
|
? item.phone.value
|
||||||
: '请申请后查看'
|
: '请申请后查看'
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<span :class="{ 'blur-word': approveStatus !== '通过' }">
|
<span
|
||||||
|
:class="{ 'blur-word': approveStatus !== '通过' && !role }"
|
||||||
|
>
|
||||||
{{ item.phone.value }}
|
{{ item.phone.value }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -135,7 +138,15 @@
|
||||||
import { pinyin } from 'pinyin-pro'
|
import { pinyin } from 'pinyin-pro'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useStore } from 'vuex'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const store = useStore()
|
||||||
|
const role = ref(false)
|
||||||
|
store.getters['user/roleList'].map((val) => {
|
||||||
|
if (val === '运维管理员') {
|
||||||
|
role.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
const approveStatus = ref('通过')
|
const approveStatus = ref('通过')
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
|
|
|
||||||
|
|
@ -1615,8 +1615,10 @@
|
||||||
}
|
}
|
||||||
// 青岛-西海岸处理
|
// 青岛-西海岸处理
|
||||||
const getXiHaiAn = (res) => {
|
const getXiHaiAn = (res) => {
|
||||||
;((res.data && res.data.data && res.data.data.list) || []).forEach(
|
debugger
|
||||||
(val) => {
|
const data = (res.data && res.data.data && res.data.data.list) || []
|
||||||
|
const total = (res.data && res.data.data && res.data.data.total) || 0
|
||||||
|
data.forEach((val) => {
|
||||||
val.id = val.serviceId // id
|
val.id = val.serviceId // id
|
||||||
val.name = val.serviceName // 名字
|
val.name = val.serviceName // 名字
|
||||||
val.sjlCount = val.requestQuantity // 数据量
|
val.sjlCount = val.requestQuantity // 数据量
|
||||||
|
|
@ -1624,10 +1626,13 @@
|
||||||
val.deptName = val.departmentName // 部门
|
val.deptName = val.departmentName // 部门
|
||||||
val.createTime = val.createTime.split('.')[0]
|
val.createTime = val.createTime.split('.')[0]
|
||||||
val.createDate = val.createTime // 发布时间
|
val.createDate = val.createTime // 发布时间
|
||||||
}
|
})
|
||||||
)
|
|
||||||
resourceList.data = res.data.data.list || []
|
console.log('接口数据', data)
|
||||||
resourceTotal.value = res.data.data.total || ''
|
resourceList.data = data || []
|
||||||
|
console.log('接口数据2', resourceList.data)
|
||||||
|
resourceTotal.value = total
|
||||||
|
console.log()
|
||||||
}
|
}
|
||||||
let shoppingCartList = ref([])
|
let shoppingCartList = ref([])
|
||||||
// 获取申购车列表
|
// 获取申购车列表
|
||||||
|
|
|
||||||
|
|
@ -812,7 +812,7 @@
|
||||||
console.log('res=====>', res.data.data)
|
console.log('res=====>', res.data.data)
|
||||||
if (res.data.code == 0) {
|
if (res.data.code == 0) {
|
||||||
if (res.data.data.length == 0) {
|
if (res.data.data.length == 0) {
|
||||||
message.warning('该关键词，暂无应用资源！')
|
// message.warning('该关键词，暂无应用资源！')
|
||||||
} else {
|
} else {
|
||||||
// 过滤本单位的应用系统
|
// 过滤本单位的应用系统
|
||||||
res.data.data.map((val) => {
|
res.data.data.map((val) => {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
海康H5Player
|
海康H5Player
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div :id="videoId" style="width: 800px; height: 600px; z-index: 9999"></div>
|
<div :id="videoId" ref="video333" style="width: 800px; height: 600px"></div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
// const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
// const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
||||||
|
|
@ -41,6 +41,7 @@
|
||||||
mseSupport: MSE_IS_SUPPORT,
|
mseSupport: MSE_IS_SUPPORT,
|
||||||
// tabActive: MSE_IS_SUPPORT ? 'mse' : 'decoder',
|
// tabActive: MSE_IS_SUPPORT ? 'mse' : 'decoder',
|
||||||
tabActive: 'decoder',
|
tabActive: 'decoder',
|
||||||
|
videoDom: {},
|
||||||
urls: {
|
urls: {
|
||||||
realplay: 'ws://10.19.147.22:559/EUrl/q2jQie4',
|
realplay: 'ws://10.19.147.22:559/EUrl/q2jQie4',
|
||||||
talk: 'wss://10.41.163.126:6014/proxy/10.41.163.126:559/EUrl/6gFx47S',
|
talk: 'wss://10.41.163.126:6014/proxy/10.41.163.126:559/EUrl/6gFx47S',
|
||||||
|
|
@ -70,18 +71,13 @@
|
||||||
},
|
},
|
||||||
created() {},
|
created() {},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.init()
|
// this.init()
|
||||||
mybus.emit('closeLoading', true)
|
mybus.emit('closeLoading', true)
|
||||||
this.createPlayer()
|
this.createPlayer()
|
||||||
this.arrangeWindow()
|
// this.arrangeWindow()
|
||||||
if (this.unStopable) {
|
if (this.unStopable) {
|
||||||
this.videoPlay(this.videoUrl, 0)
|
|
||||||
} else {
|
|
||||||
this.realplay(this.videoUrl, 0)
|
this.realplay(this.videoUrl, 0)
|
||||||
}
|
}
|
||||||
//videoUrl this.realplay(this.videoUrl,0);//循环传过来的数组进行播放，index根据选中的个数
|
|
||||||
|
|
||||||
//this.realplay('wss://10.134.135.44:6014/proxy/10.10.20.14:559/openUrl/y3mFfcA',0);
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
videoUrl: {
|
videoUrl: {
|
||||||
|
|
@ -120,15 +116,18 @@
|
||||||
//szId: 'player'+this.index,
|
//szId: 'player'+this.index,
|
||||||
szId: this.videoId,
|
szId: this.videoId,
|
||||||
szBasePath: '/util/', //引入静态资源地址，我这里静态资源在public/js文件存放，所以设置为js
|
szBasePath: '/util/', //引入静态资源地址，我这里静态资源在public/js文件存放，所以设置为js
|
||||||
iMaxSplit: 4,
|
// iMaxSplit: 4,
|
||||||
iWidth: '800px',
|
// iWidth: '800px',
|
||||||
iCurrentSplit: 4,
|
// iCurrentSplit: 4,
|
||||||
openDebug: true,
|
// openDebug: true,
|
||||||
oStyle: {
|
// oStyle: {
|
||||||
borderSelect: '#FFCC00',
|
// borderSelect: '#FFCC00',
|
||||||
},
|
// },
|
||||||
})
|
})
|
||||||
let that = this
|
let that = this
|
||||||
|
that.videoDom = that.$refs.video333.querySelector('video') || {}
|
||||||
|
// that.videoDom.autoplay = false
|
||||||
|
|
||||||
// 事件回调绑定
|
// 事件回调绑定
|
||||||
this.player.JS_SetWindowControlCallback({
|
this.player.JS_SetWindowControlCallback({
|
||||||
windowEventSelect: function (iWndIndex) {
|
windowEventSelect: function (iWndIndex) {
|
||||||
|
|
@ -138,8 +137,8 @@
|
||||||
pluginErrorHandler: function (iWndIndex, iErrorCode, oError) {
|
pluginErrorHandler: function (iWndIndex, iErrorCode, oError) {
|
||||||
//插件错误回调
|
//插件错误回调
|
||||||
console.log('pluginError callback: ', iWndIndex, iErrorCode, oError)
|
console.log('pluginError callback: ', iWndIndex, iErrorCode, oError)
|
||||||
message.error('取流异常,请稍后尝试')
|
// message.error('取流异常,请稍后尝试')
|
||||||
mybus.emit('closeLoading', false)
|
// mybus.emit('closeLoading', false)
|
||||||
},
|
},
|
||||||
windowEventOver: function (iWndIndex) {
|
windowEventOver: function (iWndIndex) {
|
||||||
//鼠标移过回调
|
//鼠标移过回调
|
||||||
|
|
@ -159,15 +158,19 @@
|
||||||
},
|
},
|
||||||
firstFrameDisplay: function (iWndIndex, iWidth, iHeight) {
|
firstFrameDisplay: function (iWndIndex, iWidth, iHeight) {
|
||||||
//首帧显示回调
|
//首帧显示回调
|
||||||
console.log(
|
// console.log(
|
||||||
'firstFrame loaded callback: ',
|
// 'firstFrame loaded callback: ',
|
||||||
iWndIndex,
|
// iWndIndex,
|
||||||
iWidth,
|
// iWidth,
|
||||||
iHeight
|
// iHeight
|
||||||
)
|
// )
|
||||||
// 如果是录像播放，首帧绘制完成后停止
|
// // 如果是录像播放，首帧绘制完成后停止
|
||||||
if (!that.realTime) {
|
// if (!that.realTime) {
|
||||||
that.pausePlay(iWndIndex)
|
// that.pausePlay(iWndIndex)
|
||||||
|
if (!that.unStopable) {
|
||||||
|
setTimeout(() => {
|
||||||
|
that.videoDom.pause()
|
||||||
|
}, 0)
|
||||||
}
|
}
|
||||||
mybus.emit('closeLoading', false)
|
mybus.emit('closeLoading', false)
|
||||||
},
|
},
|
||||||
|
|
@ -191,67 +194,23 @@
|
||||||
// 初始化结束
|
// 初始化结束
|
||||||
// 视频预览
|
// 视频预览
|
||||||
realplay(playURL, index1) {
|
realplay(playURL, index1) {
|
||||||
|
let that = this
|
||||||
this.realTime = false
|
this.realTime = false
|
||||||
mybus.emit('closeLoading', true)
|
mybus.emit('closeLoading', true)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
mybus.emit('closeLoading', false)
|
mybus.emit('closeLoading', false)
|
||||||
}, 3000)
|
}, 3000)
|
||||||
|
this.player.JS_Stop(0)
|
||||||
this.mode = 0 //解码方式：0普通模式 1高级模式
|
this.mode = 0 //解码方式：0普通模式 1高级模式
|
||||||
const { player, mode, urls } = this
|
const { player, mode, urls } = this
|
||||||
// playURL = this.realplay
|
|
||||||
console.log('视频播放地址', playURL)
|
|
||||||
// const startTime = {
|
|
||||||
// startTime: ,
|
|
||||||
// }
|
|
||||||
// const endTime = {
|
|
||||||
// endTime: ,
|
|
||||||
// }
|
|
||||||
player
|
|
||||||
.JS_Play(
|
|
||||||
playURL,
|
|
||||||
{ playURL, mode },
|
|
||||||
index1,
|
|
||||||
'2022-11-22T10:00:00Z',
|
|
||||||
'2022-11-22T11:00:00Z'
|
|
||||||
)
|
|
||||||
.then(
|
|
||||||
() => {
|
|
||||||
console.log('realplay success')
|
|
||||||
},
|
|
||||||
(e) => {
|
|
||||||
console.error(e)
|
|
||||||
// message.error('错误代码:' + e)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
// 实时播放
|
|
||||||
videoPlay(playURL, index1) {
|
|
||||||
let that = this
|
|
||||||
this.realTime = true
|
|
||||||
mybus.emit('closeLoading', true)
|
|
||||||
setTimeout(() => {
|
|
||||||
mybus.emit('closeLoading', false)
|
|
||||||
}, 3000)
|
|
||||||
if (!that.unStopable) {
|
|
||||||
message.warning('预览将在约6s后停止')
|
|
||||||
setTimeout(() => {
|
|
||||||
that.stopAllPlay()
|
|
||||||
}, 6000)
|
|
||||||
}
|
|
||||||
this.mode = 0 //解码方式：0普通模式 1高级模式
|
|
||||||
const { player, mode, urls } = this
|
|
||||||
// playURL = this.realplay
|
|
||||||
console.log('视频播放地址', playURL)
|
|
||||||
// const startTime = {
|
|
||||||
// startTime: ,
|
|
||||||
// }
|
|
||||||
// const endTime = {
|
|
||||||
// endTime: ,
|
|
||||||
// }
|
|
||||||
player.JS_Play(playURL, { playURL, mode }, index1).then(
|
player.JS_Play(playURL, { playURL, mode }, index1).then(
|
||||||
() => {
|
() => {
|
||||||
console.log('realplay success')
|
mybus.emit('closeLoading', false)
|
||||||
// 预览时6s停止播放
|
if (!that.unStopable) {
|
||||||
|
setTimeout(() => {
|
||||||
|
that.videoDom.pause()
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
(e) => {
|
(e) => {
|
||||||
console.error(e)
|
console.error(e)
|
||||||
|
|
@ -272,20 +231,6 @@
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
// 暂停单个视频
|
|
||||||
pausePlay(index) {
|
|
||||||
let that = this
|
|
||||||
this.player.JS_Pause(index).then(
|
|
||||||
() => {
|
|
||||||
console.log('暂停成功')
|
|
||||||
},
|
|
||||||
(e) => {
|
|
||||||
console.error(e)
|
|
||||||
// 暂停失败切换为实时播放
|
|
||||||
that.videoPlay(that.videoUrl, 0)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
console.log('关闭所有视频')
|
console.log('关闭所有视频')
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,15 @@
|
||||||
:key="item.key"
|
:key="item.key"
|
||||||
@click="jumpPage(item, 'headerClick')"
|
@click="jumpPage(item, 'headerClick')"
|
||||||
class="nav"
|
class="nav"
|
||||||
:class="[{'select':item.key == select},{'select-inner':(item.key == 'DetailsPageconetent' && item.innerKey && props.targetFlag)}]"
|
:class="[
|
||||||
|
{ select: item.key == select },
|
||||||
|
{
|
||||||
|
'select-inner':
|
||||||
|
item.key == 'DetailsPageconetent' &&
|
||||||
|
item.innerKey &&
|
||||||
|
props.targetFlag,
|
||||||
|
},
|
||||||
|
]"
|
||||||
>
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -54,6 +62,7 @@
|
||||||
p-id="2187"
|
p-id="2187"
|
||||||
width="0.35rem"
|
width="0.35rem"
|
||||||
height="0.35rem"
|
height="0.35rem"
|
||||||
|
@click="goToView()"
|
||||||
>
|
>
|
||||||
<path
|
<path
|
||||||
d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
|
d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
|
||||||
|
|
@ -90,14 +99,18 @@
|
||||||
</template>
|
</template>
|
||||||
<span
|
<span
|
||||||
class="name"
|
class="name"
|
||||||
@click="jumpPage({ name: '个人中心', key: 'personalCenter' },'headerClick')"
|
@click="
|
||||||
|
jumpPage({ name: '个人中心', key: 'personalCenter' }, 'headerClick')
|
||||||
|
"
|
||||||
>
|
>
|
||||||
{{ user.realName }}
|
{{ user.realName }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
<span @click="logout" class="out">退出</span>
|
<span @click="logout" class="out">退出</span>
|
||||||
<i
|
<i
|
||||||
@click="jumpPage({ name: '后台管理', key: 'houtaiguanli' },'headerClick')"
|
@click="
|
||||||
|
jumpPage({ name: '后台管理', key: 'houtaiguanli' }, 'headerClick')
|
||||||
|
"
|
||||||
class="iconTo"
|
class="iconTo"
|
||||||
v-show="backFlag"
|
v-show="backFlag"
|
||||||
></i>
|
></i>
|
||||||
|
|
@ -203,7 +216,10 @@
|
||||||
select.value = item.key
|
select.value = item.key
|
||||||
switch (item.name) {
|
switch (item.name) {
|
||||||
case '个人中心':
|
case '个人中心':
|
||||||
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
window.sessionStorage.setItem(
|
||||||
|
'type',
|
||||||
|
JSON.stringify('PurchaseVehicle')
|
||||||
|
)
|
||||||
router.push({
|
router.push({
|
||||||
path: '/personalCenter',
|
path: '/personalCenter',
|
||||||
})
|
})
|
||||||
|
|
@ -279,7 +295,10 @@
|
||||||
//select.value = item.key
|
//select.value = item.key
|
||||||
switch (item.name) {
|
switch (item.name) {
|
||||||
case '个人中心':
|
case '个人中心':
|
||||||
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
window.sessionStorage.setItem(
|
||||||
|
'type',
|
||||||
|
JSON.stringify('PurchaseVehicle')
|
||||||
|
)
|
||||||
router.push({
|
router.push({
|
||||||
path: '/personalCenter',
|
path: '/personalCenter',
|
||||||
})
|
})
|
||||||
|
|
@ -295,7 +314,7 @@
|
||||||
query: {
|
query: {
|
||||||
id: targetRouter.value.id,
|
id: targetRouter.value.id,
|
||||||
},
|
},
|
||||||
});
|
})
|
||||||
break
|
break
|
||||||
case '能力云图':
|
case '能力云图':
|
||||||
router.push({
|
router.push({
|
||||||
|
|
@ -321,7 +340,6 @@
|
||||||
router.push('/home')
|
router.push('/home')
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const scrollTop = ref(0)
|
const scrollTop = ref(0)
|
||||||
|
|
@ -403,24 +421,32 @@
|
||||||
|
|
||||||
mybus.on('changeMenuStyle', (data) => {
|
mybus.on('changeMenuStyle', (data) => {
|
||||||
debugger
|
debugger
|
||||||
targetRouter.value = data;
|
targetRouter.value = data
|
||||||
if (data.path == '/algorithmCompare') {
|
if (data.path == '/algorithmCompare') {
|
||||||
jumpPage({
|
jumpPage(
|
||||||
"name": "能力集市",
|
{
|
||||||
"key": "DetailsPageconetent",
|
name: '能力集市',
|
||||||
"innerKey":"algorithmCompare"
|
key: 'DetailsPageconetent',
|
||||||
},'innerClick');
|
innerKey: 'algorithmCompare',
|
||||||
|
},
|
||||||
|
'innerClick'
|
||||||
|
)
|
||||||
} else if (data.path == '/DetailsPageconetent') {
|
} else if (data.path == '/DetailsPageconetent') {
|
||||||
jumpPage({ name: '能力集市', key: 'DetailsPageconetent' },'headerClick')
|
jumpPage(
|
||||||
|
{ name: '能力集市', key: 'DetailsPageconetent' },
|
||||||
|
'headerClick'
|
||||||
|
)
|
||||||
} else if (data.path == '/details') {
|
} else if (data.path == '/details') {
|
||||||
jumpPage({
|
jumpPage(
|
||||||
"name": "能力集市",
|
{
|
||||||
"key": "DetailsPageconetent",
|
name: '能力集市',
|
||||||
"innerKey":"details"
|
key: 'DetailsPageconetent',
|
||||||
},'innerClick');
|
innerKey: 'details',
|
||||||
|
},
|
||||||
|
'innerClick'
|
||||||
|
)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
mybus.off('getSgcNum')
|
mybus.off('getSgcNum')
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,8 @@
|
||||||
(item.type === '组件服务' &&
|
(item.type === '组件服务' &&
|
||||||
item.infoList &&
|
item.infoList &&
|
||||||
item.infoList.filter((val) => val.attrType == '图层缩略图')[0]) ||
|
item.infoList.filter((val) => val.attrType == '图层缩略图')[0]) ||
|
||||||
item.infoList.filter((val) => val.attrType == '组件图片')[0]
|
item.infoList.filter((val) => val.attrType == '组件图片')[0] ||
|
||||||
|
item.infoList.filter((val) => val.attrType == '算法效果图片')[0]
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<a-image
|
<a-image
|
||||||
|
|
@ -99,6 +100,18 @@
|
||||||
"
|
"
|
||||||
:fallback="item.type == '开发组件' ? imgSrcKfzj : imgSrcYwzj"
|
:fallback="item.type == '开发组件' ? imgSrcKfzj : imgSrcYwzj"
|
||||||
/>
|
/>
|
||||||
|
<a-image
|
||||||
|
v-else-if="
|
||||||
|
item.infoList.filter((val) => val.attrType == '算法效果图片')[0]
|
||||||
|
"
|
||||||
|
:width="106"
|
||||||
|
:preview="false"
|
||||||
|
:src="
|
||||||
|
item.infoList.filter((val) => val.attrType == '算法效果图片')[0]
|
||||||
|
.attrValue
|
||||||
|
"
|
||||||
|
:fallback="imgSrcZnsf"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="left"
|
class="left"
|
||||||
|
|
@ -830,6 +843,7 @@
|
||||||
})
|
})
|
||||||
const imgSrcYyzy = ref(require('@/assets/home/yyzy_square.png'))
|
const imgSrcYyzy = ref(require('@/assets/home/yyzy_square.png'))
|
||||||
const imgSrcTcfw = ref(require('@/assets/home/tcfw_square.png'))
|
const imgSrcTcfw = ref(require('@/assets/home/tcfw_square.png'))
|
||||||
|
const imgSrcZnsf = ref(require('@/assets/home/znsf_square.png'))
|
||||||
const imgSrcKfzj = ref(require('@/assets/home/kfzj_square.png'))
|
const imgSrcKfzj = ref(require('@/assets/home/kfzj_square.png'))
|
||||||
const imgSrcYwzj = ref(require('@/assets/home/ywzj_square.png'))
|
const imgSrcYwzj = ref(require('@/assets/home/ywzj_square.png'))
|
||||||
let videoUrl = ref('')
|
let videoUrl = ref('')
|
||||||
|
|
@ -914,6 +928,7 @@
|
||||||
getTagList,
|
getTagList,
|
||||||
imgSrcYyzy,
|
imgSrcYyzy,
|
||||||
imgSrcTcfw,
|
imgSrcTcfw,
|
||||||
|
imgSrcZnsf,
|
||||||
imgSrcKfzj,
|
imgSrcKfzj,
|
||||||
imgSrcYwzj,
|
imgSrcYwzj,
|
||||||
downLoad
|
downLoad
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: Light
|
* @Author: Light
|
||||||
* @Date: 2022-11-18 11:53:43
|
* @Date: 2022-11-18 11:53:43
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-26 16:30:51
|
* @LastEditTime: 2022-11-29 17:28:02
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -28,10 +28,30 @@
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
</template>
|
</template>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="title">待申请列表</div>
|
<div class="title">
|
||||||
|
待申请列表
|
||||||
|
<a
|
||||||
|
style="
|
||||||
|
display: inline-block;
|
||||||
|
width: 60px;
|
||||||
|
height: 18px;
|
||||||
|
line-height: 18px;
|
||||||
|
text-align: center;
|
||||||
|
background: #1890ff;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 10px;
|
||||||
|
"
|
||||||
|
href="/static/download/InstallRootCert.exe"
|
||||||
|
>
|
||||||
|
证书下载
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<a-button type="primary" @click="apply">一键申请</a-button>
|
<a-button type="primary" @click="showApply">一键申请</a-button>
|
||||||
</template>
|
</template>
|
||||||
</a-list>
|
</a-list>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -134,6 +154,28 @@
|
||||||
></h5-player>
|
></h5-player>
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
|
<a-modal
|
||||||
|
:width="800"
|
||||||
|
v-model:visible="visibleApply"
|
||||||
|
title="视频监控申请"
|
||||||
|
@ok="apply"
|
||||||
|
@cancel="clear"
|
||||||
|
>
|
||||||
|
<p>本次申请的视频监控包含以下{{ showArrApply.length }}个，是否提交申请？</p>
|
||||||
|
<a-table
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="showArrApply"
|
||||||
|
:pagination="{
|
||||||
|
pageSize: 5,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<template #bodyCell="{ column, text }">
|
||||||
|
<template v-if="column.dataIndex === 'name'">
|
||||||
|
<a>{{ text }}</a>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
|
|
@ -158,8 +200,10 @@
|
||||||
const delWacFlag = ref(true)
|
const delWacFlag = ref(true)
|
||||||
const delApply = ref(true)
|
const delApply = ref(true)
|
||||||
const visible = ref(false)
|
const visible = ref(false)
|
||||||
|
const visibleApply = ref(false)
|
||||||
const instanceId = ref('')
|
const instanceId = ref('')
|
||||||
const showArr = ref({})
|
const showArr = ref([])
|
||||||
|
const showArrApply = ref([])
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: '名称',
|
title: '名称',
|
||||||
|
|
@ -193,6 +237,18 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
const showApply = () => {
|
||||||
|
if (dataList.toBeApplied.length === 0) {
|
||||||
|
message.warning('待申请列表为空!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (dataList.toBeApplied.length + dataList.requested.length > 10) {
|
||||||
|
message.warning('最多只能申请10个视频监控!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
visibleApply.value = true
|
||||||
|
showArrApply.value = dataList.toBeApplied
|
||||||
|
}
|
||||||
const delWillApplyCamera = (id) => {
|
const delWillApplyCamera = (id) => {
|
||||||
console.log('撤销===>', id)
|
console.log('撤销===>', id)
|
||||||
if (delWacFlag.value) {
|
if (delWacFlag.value) {
|
||||||
|
|
@ -209,10 +265,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const apply = () => {
|
const apply = () => {
|
||||||
if (dataList.toBeApplied.length === 0) {
|
|
||||||
message.warning('待申请列表为空!')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let obj = {
|
let obj = {
|
||||||
arr: [
|
arr: [
|
||||||
{
|
{
|
||||||
|
|
@ -311,10 +363,13 @@
|
||||||
console.log('清空')
|
console.log('清空')
|
||||||
instanceId.value = ''
|
instanceId.value = ''
|
||||||
showArr.value = []
|
showArr.value = []
|
||||||
|
showArrApply.value = []
|
||||||
visible.value = false
|
visible.value = false
|
||||||
|
visibleApply.value = false
|
||||||
delApply.value = true
|
delApply.value = true
|
||||||
dataList.selectItem = {}
|
dataList.selectItem = {}
|
||||||
showVisible.value = false
|
showVisible.value = false
|
||||||
|
showVisible.value = false
|
||||||
}
|
}
|
||||||
const init = () => {
|
const init = () => {
|
||||||
willApplyCameraSelect().then((res) => {
|
willApplyCameraSelect().then((res) => {
|
||||||
|
|
@ -359,8 +414,8 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
mybus.on('selectCamera', (obj) => {
|
mybus.on('selectCamera', (obj) => {
|
||||||
// 判断最多10条
|
// 判断最多10条 + dataList.requested.length
|
||||||
if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
|
if (dataList.toBeApplied.length >= 10) {
|
||||||
message.warning('最多只能申请10个视频监控！')
|
message.warning('最多只能申请10个视频监控！')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -392,8 +447,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
mybus.on('initDetailsPageconetent', () => {
|
||||||
|
initApply()
|
||||||
|
})
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
mybus.off('selectCamera')
|
mybus.off('selectCamera')
|
||||||
|
mybus.off('initDetailsPageconetent')
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|
|
||||||
|
|
@ -1443,7 +1443,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//分页
|
//分页
|
||||||
const onRoomChange = () => {
|
const onRoomChange = (pageNumber) => {
|
||||||
roomPage.value = pageNumber
|
roomPage.value = pageNumber
|
||||||
searchData()
|
searchData()
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -409,7 +409,8 @@
|
||||||
v-loading="spinningHome"
|
v-loading="spinningHome"
|
||||||
element-loading-text="Loading..."
|
element-loading-text="Loading..."
|
||||||
element-loading-svg-view-box="-10, -10, 50, 50"
|
element-loading-svg-view-box="-10, -10, 50, 50"
|
||||||
element-loading-background="rgba(122, 122, 122, 0.8)"
|
element-loading-background="rgba(122, 122, 122, 0.9)"
|
||||||
|
:element-loading-svg="svg"
|
||||||
>
|
>
|
||||||
<video-surveillance></video-surveillance>
|
<video-surveillance></video-surveillance>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -714,6 +715,16 @@
|
||||||
const spinning = ref(true)
|
const spinning = ref(true)
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
const isXiHaiAn = whoShow1.value.itShowXiHaiAn
|
const isXiHaiAn = whoShow1.value.itShowXiHaiAn
|
||||||
|
const svg = `
|
||||||
|
<path class="path" d="
|
||||||
|
M 30 15
|
||||||
|
L 28 17
|
||||||
|
M 25.61 25.61
|
||||||
|
A 15 15, 0, 0, 1, 15 30
|
||||||
|
A 15 15, 0, 1, 1, 27.99 7.5
|
||||||
|
L 15 15
|
||||||
|
" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
|
||||||
|
`
|
||||||
const options = reactive({
|
const options = reactive({
|
||||||
width: '912px', //播放器宽度
|
width: '912px', //播放器宽度
|
||||||
height: '513px', //播放器高度
|
height: '513px', //播放器高度
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
class="name"
|
class="name"
|
||||||
v-for="(item, index) in jcList.slice(0, 5)"
|
v-for="(item, index) in jcList.slice(0, 5)"
|
||||||
:key="item.name"
|
:key="item.name"
|
||||||
:class="index == 2 ? 'name-last' : ''"
|
:class="index == 3 ? 'name-last' : ''"
|
||||||
@click="selectOne2(item.name)"
|
@click="selectOne2(item.name)"
|
||||||
>
|
>
|
||||||
{{
|
{{
|
||||||
|
|
|
||||||
|
|
@ -484,6 +484,10 @@
|
||||||
yaweiApproveDetails({ applyGuid: item.GUID })
|
yaweiApproveDetails({ applyGuid: item.GUID })
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log('详情===========>', res.data.data)
|
console.log('详情===========>', res.data.data)
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
message.error('数据请求失败！')
|
||||||
|
return
|
||||||
|
}
|
||||||
res.data.data.map((val) => {
|
res.data.data.map((val) => {
|
||||||
val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
|
val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
|
||||||
})
|
})
|
||||||
|
|
@ -717,6 +721,14 @@
|
||||||
} else if (typeName.value == '数据资源申请') {
|
} else if (typeName.value == '数据资源申请') {
|
||||||
yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
|
yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
|
||||||
(res) => {
|
(res) => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
num.value = []
|
||||||
|
total.value = 0
|
||||||
|
contentList.data = []
|
||||||
|
contentList2.data = []
|
||||||
|
showType.value = ''
|
||||||
|
return
|
||||||
|
}
|
||||||
console.log('数据资源申请===============>', res.data.data)
|
console.log('数据资源申请===============>', res.data.data)
|
||||||
contentList.data = res.data.data.data
|
contentList.data = res.data.data.data
|
||||||
num.value = []
|
num.value = []
|
||||||
|
|
@ -727,6 +739,14 @@
|
||||||
} else if (typeName.value == '云资源申请') {
|
} else if (typeName.value == '云资源申请') {
|
||||||
getResourceBusinessList({ userAccount: userName.value }).then((res) => {
|
getResourceBusinessList({ userAccount: userName.value }).then((res) => {
|
||||||
console.log('数据资源申请===============>', res.data.data)
|
console.log('数据资源申请===============>', res.data.data)
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
num.value = []
|
||||||
|
total.value = 0
|
||||||
|
contentList.data = []
|
||||||
|
contentList2.data = []
|
||||||
|
showType.value = ''
|
||||||
|
return
|
||||||
|
}
|
||||||
contentList.data = res.data.data
|
contentList.data = res.data.data
|
||||||
contentList2.data = res.data.data
|
contentList2.data = res.data.data
|
||||||
num.value = []
|
num.value = []
|
||||||
|
|
@ -735,6 +755,14 @@
|
||||||
})
|
})
|
||||||
} else if (typeName.value == '云视频申请') {
|
} else if (typeName.value == '云视频申请') {
|
||||||
getVideoBusinessList({ userAccount: userName.value }).then((res) => {
|
getVideoBusinessList({ userAccount: userName.value }).then((res) => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
num.value = []
|
||||||
|
total.value = 0
|
||||||
|
contentList.data = []
|
||||||
|
contentList2.data = []
|
||||||
|
showType.value = ''
|
||||||
|
return
|
||||||
|
}
|
||||||
console.log('数据资源申请===============>', res.data.data)
|
console.log('数据资源申请===============>', res.data.data)
|
||||||
contentList.data = res.data.data
|
contentList.data = res.data.data
|
||||||
contentList2.data = res.data.data
|
contentList2.data = res.data.data
|
||||||
|
|
|
||||||
|
|
@ -151,10 +151,10 @@
|
||||||
destroyOnClose="true"
|
destroyOnClose="true"
|
||||||
:maskClosable="false"
|
:maskClosable="false"
|
||||||
>
|
>
|
||||||
<publish-details
|
<!-- <publish-details
|
||||||
:businessKey="businessKey"
|
:businessKey="businessKey"
|
||||||
:processInstanceId="processInstanceId"
|
:processInstanceId="processInstanceId"
|
||||||
></publish-details>
|
></publish-details> -->
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<a-modal
|
<a-modal
|
||||||
v-model:visible="increasedVisible"
|
v-model:visible="increasedVisible"
|
||||||
|
|
@ -232,7 +232,7 @@
|
||||||
import { getUserInfo } from '@/api/user'
|
import { getUserInfo } from '@/api/user'
|
||||||
// TheNewRelease
|
// TheNewRelease
|
||||||
import TheNewRelease from '@/views/personalCenter/components/TheNewRelease'
|
import TheNewRelease from '@/views/personalCenter/components/TheNewRelease'
|
||||||
import PublishDetails from '@/views/personalCenter/components/PublishDetails'
|
// import PublishDetails from '@/views/personalCenter/components/PublishDetails'
|
||||||
import TheShelvesAbility from '@/views/personalCenter/components/TheShelvesAbility' //能力下架申请
|
import TheShelvesAbility from '@/views/personalCenter/components/TheShelvesAbility' //能力下架申请
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
let tabList = ref([
|
let tabList = ref([
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue