HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge数据大屏

zzq
石超 2024-06-13 10:44:25 +08:00
parent d1a64265a0 ef15878e30
commit 41cab038fb
3 changed files with 158 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
src/views/dashboard/dataScreen/index.vue
View File

@ -1,92 +1,91 @@
<template>
<div class="map" @click="mapClick"></div>
<div class="data-screen">
<div class="basic-data">
<div class="title">基本数据</div>
<div class="show-quantity-div">
<div class="number-1 show-span-div">
<div class="show-quantity">
<div class="sub-title">企业总数</div>
<div class="show-number">3157</div>
</div>
</div>
<div class="number-2 show-span-div">
<div class="show-quantity">
<div class="sub-title">测算土地面积</div>
<div class="show-number">6360<span class="suffix">㎡</span></div>
</div>
</div>
<div class="number-3 show-span-div">
<div class="show-quantity">
<div class="sub-title">测算房产面积</div>
<div class="show-number">3157<span class="suffix">㎡</span></div>
</div>
</div>
</div>
</div>
<div class="enterprise-area">
<div class="title">企业占地面积分乡镇情况</div>
<div class="enterprise-area-bar"></div>
</div>
<div class="enterprise-income">
<div class="title">企业收入分镇情况</div>
<div class="enterprise-income-bar"></div>
</div>
<div class="area-pie-div">
<div class="title">企业占地面积（土地、房产）</div>
<div class="area-pie">
<div class="land-area">
<div class="pie-title">土地面积占比</div>
<div class="land-area-pie"></div>
</div>
<div class="real-estate-area">
<div class="pie-title">房产面积占比</div>
<div class="real-estate-area-pie"></div>
</div>
</div>
</div>
<div class="pack-up"></div>
</div>
<div class="search-div">
<a-input-search
class="search-input"
v-model:value="value"
placeholder="请输入企业名称/法人/地址搜索"
size="large"
>
<template #enterButton>
<a-button class="search-button" type="primary" :icon="h(SearchOutlined)">搜索</a-button>
</template>
</a-input-search>
<div class="show-search-list">
<div class="show-search-title"></div>
<div class="show-search-content">
<div class="show-search-item" v-for="(item, index) in searchList" :key="index">
<div style="width: 100%; color: #d3f1ff">
<div style="display: flex; justify-content: space-between; margin-bottom: 8px">
<div class="item-name">{{ item.name }}</div>
<div class="item-person-name">{{ item.personName }}</div>
<div style="width: 100%; height: 100%">
<div class="map" @click="mapClick"></div>
<div class="data-screen">
<div class="basic-data">
<div class="title">基本数据</div>
<div class="show-quantity-div">
<div class="number-1 show-span-div">
<div class="show-quantity">
<div class="sub-title">企业总数</div>
<div class="show-number">3157</div>
</div>
</div>
<div class="number-2 show-span-div">
<div class="show-quantity">
<div class="sub-title">测算土地面积</div>
<div class="show-number">6360<span class="suffix">㎡</span></div>
</div>
</div>
<div class="number-3 show-span-div">
<div class="show-quantity">
<div class="sub-title">测算房产面积</div>
<div class="show-number">3157<span class="suffix">㎡</span></div>
</div>
</div>
</div>
</div>
<div class="enterprise-area">
<div class="title">企业占地面积分乡镇情况</div>
<div class="enterprise-area-bar"></div>
</div>
<div class="enterprise-income">
<div class="title">企业收入分镇情况</div>
<div class="enterprise-income-bar"></div>
</div>
<div class="area-pie-div">
<div class="title">企业占地面积（土地、房产）</div>
<div class="area-pie">
<div class="land-area">
<div class="pie-title">土地面积占比</div>
<div class="land-area-pie"></div>
</div>
<div class="real-estate-area">
<div class="pie-title">房产面积占比</div>
<div class="real-estate-area-pie"></div>
</div>
</div>
</div>
<div class="pack-up"></div>
</div>
<div class="search-div">
<a-input-search
class="search-input"
v-model:value="value"
placeholder="请输入企业名称/法人/地址搜索"
size="large"
@search="onSearch"
>
<template #enterButton>
<a-button class="search-button" type="primary" :icon="h(SearchOutlined)">搜索</a-button>
</template>
</a-input-search>
<div class="show-search-list">
<div class="show-search-title"></div>
<div class="show-search-content">
<div class="show-search-item" v-for="(item, index) in searchList" :key="index">
<div style="width:100%;color:#D3F1FF">
<div style="display:flex;justify-content: space-between;margin-bottom: 8px">
<div class="item-name">{{item.name}}</div>
<div class="item-person-name">{{item.personName}}</div>
</div>
<div class="item-address"><img :src="'dataScreen/address.svg'" style="margin-right: 10px"/>{{item.address}}</div>
</div>
<div class="item-address"
><img :src="'dataScreen/address.svg'" style="margin-right: 10px" />{{
item.address
}}</div
>
</div>
</div>
</div>
</div>
</div>
<div class="show-enterprise-info" :style="`top:${infoPosition.top};left:${infoPosition.left}`">
<div class="title-div">
<div class="title-span">隆兴板材厂A</div>
<div class="title-close-button"><img :src="'dataScreen/info-close.svg'" /></div>
<div class="show-enterprise-info" :style="`top:${infoPosition.top};left:${infoPosition.left}`">
<div class="title-div">
<div class="title-span">隆兴板材厂A</div>
<div class="title-close-button"><img :src="'dataScreen/info-close.svg'"/></div>
</div>
<div v-for="(item, index) in enterpriseInfo" :key="index" class="show-info-item">
<div class="first-span">{{item.title}}</div>
<div class="last-span">{{showEnterpriseInfoData[item.key] }}</div>
</div>
<div class="show-image">图片</div>
</div>
<div v-for="(item, index) in enterpriseInfo" :key="index" class="show-info-item">
<div class="first-span">{{ item.title }}</div>
<div class="last-span">{{ showEnterpriseInfoData[item.key] }}</div>
</div>
<div class="show-image">图片</div>
</div>
</template>

109
src/views/demo/workflow/task/process/audit.vue
View File

@ -7,13 +7,13 @@
<a-button type="primary" @click="closePage" class="ml-2" danger>关闭 </a-button>
</div>
<div :class="mapConfig?.isShowMap?'form-container':''">
<div :class="mapConfig?.isShowMap ? 'form-container' : ''">
<a-layout>
<a-layout>
<a-layout-content>
<a-layout-content>
<a-tabs v-model:activeKey="activeName" @change="changeActive" type="card">
<a-tab-pane key="form" tab="表单信息" v-if="formVisble">
<div :class="mapConfig?.isShowMap?'form-container':''">
<div :class="mapConfig?.isShowMap ? 'form-container' : ''">
<FormViewer
ref="formBoxRef"
:formConfig="formConfig"
@ -49,31 +49,33 @@
</div>
</a-tab-pane>
<a-tab-pane key="record" tab="流转记录" force-render>
<a-timeline>
<a-timeline-item
v-for="(item, index) in designerData.logs"
:key="index"
:color="item.type"
>
<div class="title">{{ item.time }}</div>
<a-card hoverable size="small">
<div class="type-title">{{ item.name }}</div>
<div class="content">
<span
class="link"
v-for="(userName, index2) in item.userNames"
:key="index2"
>{{ userName }}</span
>
{{ item.des }}
</div>
</a-card>
</a-timeline-item>
</a-timeline>
<div :style="'padding:10px 0 40px 0;overflow:auto; height:' + designerData.height">
<a-timeline>
<a-timeline-item
v-for="(item, index) in designerData.logs"
:key="index"
:color="item.type"
>
<div class="title">{{ item.time }}</div>
<a-card hoverable size="small">
<div class="type-title">{{ item.name }}</div>
<div class="content">
<span
class="link"
v-for="(userName, index2) in item.userNames"
:key="index2"
>{{ userName }}</span
>
{{ item.des }}
</div>
</a-card>
</a-timeline-item>
</a-timeline>
</div>
</a-tab-pane>
</a-tabs>
</a-layout-content>
<a-layout-footer :style="footerStyle" >
<a-layout-footer :style="footerStyle">
<a-tabs v-if="props.isRead == 0" v-model:activeKey="auditName">
<a-tab-pane key="audit" :tab="auditTitleVal">
<div class="approval-column">
@ -123,8 +125,6 @@
/>
</div>
<!-- 节点记录信息 -->
<div class="info-box" v-if="designerData.nodeLogs.length > 0">
<a-drawer v-model:open="infoOpen" class="custom-class" title="记录信息" placement="right">
@ -235,7 +235,6 @@
des: [{ required: true, message: '请填写审批意见', trigger: 'blur' }],
});
if (props.type == 4) {
rules.value = {};
}
@ -257,7 +256,7 @@
const designerData: designerDataType = reactive({
loading: false,
xmlString: '',
height: document.documentElement.clientHeight - 200.5 + 'px;',
height: document.documentElement.clientHeight - 300.5 + 'px;',
midVisible: false,
isCustmerTitle: false,
nodeUsers: [],
@ -290,19 +289,19 @@
const auditName = ref('audit');
const auditTitleVal = ref('审批栏');
const auditNameVal = ref('审批意见');
const rejectOpen = ref(false);
const rejectOpen = ref(false);
const footerStyle = ref({
height:"220px",
width:mapConfig.value.isShowMap ? '100%':'60%',
overFlow:"auto",
color: '#fff',
backgroundColor: '#ffffff',
zIndex:"9999999999",
padding:"0px 100px",
position:"fixed",
bottom:"0px",
left:"0px"
})
height: '220px',
width: mapConfig.value.isShowMap ? '100%' : '60%',
overFlow: 'auto',
color: '#fff',
backgroundColor: '#ffffff',
zIndex: '9999999999',
padding: '0px 100px',
position: 'fixed',
bottom: '0px',
left: '0px',
});
function changeActive(activeKey) {
if (activeKey == 'flow') {
@ -350,14 +349,14 @@
currentNode = wfData.find((t) => t.type == 'bpmn:StartEvent');
mapConfig.value = currentNode.mapConfig;
footerStyle.value.width = mapConfig.value?.isShowMap ? "60%":"100%"
if(mapConfig.value?.isShowMap){}
footerStyle.value.width = mapConfig.value?.isShowMap ? '60%' : '100%';
if (mapConfig.value?.isShowMap) {
}
} else {
currentNode = auditNode;
let currentMapNode = wfData.find((t) => t.type == 'bpmn:StartEvent');
mapConfig.value = currentMapNode.mapConfig;
footerStyle.value.width = mapConfig.value?.isShowMap ? "60%":"100%"
footerStyle.value.width = mapConfig.value?.isShowMap ? '60%' : '100%';
}
if (currentNode.authFields.length > 0) {
formVisble.value = true;
@ -470,7 +469,7 @@
for (let key in nodeMap) {
nodeMap[key] = nodeMap[key].filter((t: { userIds: string | any[] }) => t.userIds.length > 0);
}
logs.reverse();
logs.forEach(
(log: {
unitId: string;
@ -754,13 +753,11 @@
}
}
async function handlerShowGeomtrys(currentNode){
let info = currentNode.authFields?.find((item,index)=>{
return item.component == "MapGeom"
})
let layer:string="";
async function handlerShowGeomtrys(currentNode) {
let info = currentNode.authFields?.find((item, index) => {
return item.component == 'MapGeom';
});
let layer: string = '';
// let layer:string="drone_shp_data";
if (info) {
@ -772,7 +769,7 @@
}
let geomfiledValue = info.field.toLowerCase();
let gids = "";
let gids = '';
try {
await formBoxRef.value.getForm().then((res) => {
@ -818,9 +815,7 @@
}
}
function onMapboxLoad(){
function onMapboxLoad() {
handlerShowGeomtrys(designerData.formCurrentNode);
}
// 驳回到指定节点

48
src/views/demo/workflow/task/process/look.vue
View File

@ -57,27 +57,29 @@
</div>
</a-tab-pane>
<a-tab-pane key="record" tab="流转记录" force-render>
<a-timeline>
<a-timeline-item
v-for="(item, index) in designerData.logs"
:key="index"
:color="item.type"
>
<div class="title">{{ item.time }}</div>
<a-card hoverable size="small">
<div class="type-title">{{ item.name }}</div>
<div class="content">
<span
class="link"
v-for="(userName, index2) in item.userNames"
:key="index2"
>{{ userName }}</span
>
{{ item.des }}
</div>
</a-card>
</a-timeline-item>
</a-timeline>
<div :style="'padding:10px 0 40px 0;overflow:auto; height:' + designerData.height">
<a-timeline>
<a-timeline-item
v-for="(item, index) in designerData.logs"
:key="index"
:color="item.type"
>
<div class="title">{{ item.time }}</div>
<a-card hoverable size="small">
<div class="type-title">{{ item.name }}</div>
<div class="content">
<span
class="link"
v-for="(userName, index2) in item.userNames"
:key="index2"
>{{ userName }}</span
>
{{ item.des }}
</div>
</a-card>
</a-timeline-item>
</a-timeline>
</div>
</a-tab-pane>
</a-tabs>
</a-layout-content>
@ -173,7 +175,7 @@
const designerData: designerDataType = reactive({
loading: false,
xmlString: '',
height: document.documentElement.clientHeight - 200.5 + 'px;',
height: document.documentElement.clientHeight - 300.5 + 'px;',
midVisible: false,
isCustmerTitle: false,
nodeUsers: [],
@ -343,7 +345,7 @@
for (let key in nodeMap) {
nodeMap[key] = nodeMap[key].filter((t: { userIds: string | any[] }) => t.userIds.length > 0);
}
logs.reverse();
logs.forEach(
(log: {
unitId: string;