Browse Source

地图

qin_v11_master
超级管理员 1 year ago
parent
commit
d8eb889312
  1. 2
      src/components/DesignForm/app/formPage.vue
  2. 47
      src/components/DesignForm/app/mapPage.vue
  3. 2
      src/components/DesignForm/app/timeAxis.vue
  4. 9
      src/components/DesignForm/tableListPage/index.vue
  5. 20
      src/types/components.d.ts
  6. 71
      src/views/sysworkflow/lowcodepage/appFormList.vue
  7. 2
      src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
  8. 1
      src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
  9. 2
      src/views/sysworkflow/lowcodepage/index.vue
  10. 1
      src/views/sysworkflow/lowcodepage/pageList.vue

2
src/components/DesignForm/app/formPage.vue

@ -740,6 +740,8 @@ const appFormSubmit = (params = {}) => {
afterSubmit('success', data)
})
})
}else{
afterSubmit('success', data)
}
})

47
src/components/DesignForm/app/mapPage.vue

@ -22,12 +22,55 @@ const props = defineProps({
default:0
}
});
let mapId = "pickMapView"+ Math.ceil(Math.random());
const longitude= ref<number>(117.14272945140574)
const latitude= ref<number>(35.91808471435389)
/**
@ 作者: 秦东
@ 时间: 2024-07-19 14:55:24
@ 功能: 引入外部js
*/
const loadJScript = () => {
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://api.map.baidu.com/getscript?v=3.0&ak=ljiKlTAsS7SNVqDM16IUwRVFFhrvbxiF';
script.onload = () => {
mapInit()
}
document.body.appendChild(script);
}
//
const mapInit = () => {
const map = new window.BMap.Map("pickMapView"); // Map
var opts = {type: BMAP_NAVIGATION_CONTROL_LARGE}
map.addControl(new BMap.NavigationControl(opts)); //
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.MapTypeControl());
map.enableScrollWheelZoom(); //
const point = new BMap.Point(longitude.value,latitude.value); //
map.centerAndZoom(point, 16);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
const points = new BMap.Point(117.14372945240574,35.92808471455389); //
map.centerAndZoom(points, 16);
var markerd = new BMap.Marker(points);
map.addOverlay(markerd);
}
onMounted(() =>{
loadJScript()
})
</script>
<template>
<div>
{{viewSetup}}
<div id="pickMapView" :ref="mapId" class="openMapView"></div>
</div>
</template>
<style lang='scss' scoped>
.openMapView{
width:100%;
margin: 10px 0 0 0;
height: calc(100vh - 320px);
}
</style>

2
src/components/DesignForm/app/timeAxis.vue

@ -61,6 +61,8 @@ const loadTimeLog = () =>{
if(loadTimePage.value){
props.searchSend.page= chuDiNumber
searchTimeList(props.searchSend)
}else{
loadTimePage.value = false
}
}

9
src/components/DesignForm/tableListPage/index.vue

@ -879,7 +879,6 @@ const tabsView = (val:any,types:number) => {
<div>
<el-button-group class="ml-4">
<el-tooltip
v-if="viewPage.list.status"
class="box-item"
effect="dark"
content="折叠查询表单"
@ -1117,19 +1116,19 @@ const tabsView = (val:any,types:number) => {
</div>
</el-col>
<el-col v-if="viewType==2" :span="24">
<CalendarPage ref="calendarPageRef" :search-send="searchSend" :body-hight="265" :drawer-with="drawerWith" />
<CalendarPage ref="calendarPageRef" :search-send="searchSend" :body-hight="265" :drawer-with="drawerWith" :view-setup="viewPage.card" />
</el-col>
<el-col v-if="viewType==3" :span="24">
<TimeAxisPage ref="timeAxisRef" :data="tableDataList" :view-layout="viewLayout" :columns-filter="columnsFilter" :search-send="searchSend" :drawer-with="drawerWith" />
</el-col>
<el-col v-if="viewType==4" :span="24">
<GanttPage ref="ganttPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage" />
<GanttPage ref="ganttPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.gantt" />
</el-col>
<el-col v-if="viewType==5" :span="24">
<MapPage ref="mapPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage" />
<MapPage ref="mapPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.map" />
</el-col>
<el-col v-if="viewType==6" :span="24">
<CardPage ref="cardPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage" :columns-filter="columnsFilter" />
<CardPage ref="cardPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.card" :columns-filter="columnsFilter" />
</el-col>
<el-col :span="24" style="display:none">

20
src/types/components.d.ts

@ -30,6 +30,7 @@ declare module '@vue/runtime-core' {
DragControlApp: typeof import('./../components/DesignForm/dragControlApp.vue')['default']
DragControlNew: typeof import('./../components/DesignForm/dragControlNew.vue')['default']
ElAffix: typeof import('element-plus/es')['ElAffix']
ElAlert: typeof import('element-plus/es')['ElAlert']
ElAside: typeof import('element-plus/es')['ElAside']
ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
@ -39,6 +40,7 @@ declare module '@vue/runtime-core' {
ElCard: typeof import('element-plus/es')['ElCard']
ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCascader: typeof import('element-plus/es')['ElCascader']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
ElCol: typeof import('element-plus/es')['ElCol']
@ -63,6 +65,7 @@ declare module '@vue/runtime-core' {
ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElLink: typeof import('element-plus/es')['ElLink']
ElMain: typeof import('element-plus/es')['ElMain']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@ -70,6 +73,7 @@ declare module '@vue/runtime-core' {
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
@ -77,6 +81,7 @@ declare module '@vue/runtime-core' {
ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSelectV2: typeof import('element-plus/es')['ElSelectV2']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElSpace: typeof import('element-plus/es')['ElSpace']
ElStep: typeof import('element-plus/es')['ElStep']
@ -93,6 +98,7 @@ declare module '@vue/runtime-core' {
ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTransfer: typeof import('element-plus/es')['ElTransfer']
ElTree: typeof import('element-plus/es')['ElTree']
ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
ElUpload: typeof import('element-plus/es')['ElUpload']
@ -124,12 +130,26 @@ declare module '@vue/runtime-core' {
HeadToolsNew: typeof import('./../components/DesignForm/public/headToolsNew.vue')['default']
IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
IEpCaretTop: typeof import('~icons/ep/caret-top')['default']
IEpClose: typeof import('~icons/ep/close')['default']
IEpCollection: typeof import('~icons/ep/collection')['default']
IEpDelete: typeof import('~icons/ep/delete')['default']
IEpDownload: typeof import('~icons/ep/download')['default']
IEpEdit: typeof import('~icons/ep/edit')['default']
IEpMessageBox: typeof import('~icons/ep/message-box')['default']
IEpMinus: typeof import('~icons/ep/minus')['default']
IEpOperation: typeof import('~icons/ep/operation')['default']
IEpPicture: typeof import('~icons/ep/picture')['default']
IEpPlus: typeof import('~icons/ep/plus')['default']
IEpPosition: typeof import('~icons/ep/position')['default']
IEpRefresh: typeof import('~icons/ep/refresh')['default']
IEpRefreshLeft: typeof import('~icons/ep/refresh-left')['default']
IEpSearch: typeof import('~icons/ep/search')['default']
IEpSetting: typeof import('~icons/ep/setting')['default']
IEpTop: typeof import('~icons/ep/top')['default']
IEpUploadFilled: typeof import('~icons/ep/upload-filled')['default']
IEpUser: typeof import('~icons/ep/user')['default']
IEpView: typeof import('~icons/ep/view')['default']
LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
LayoutPage: typeof import('./../components/DesignForm/layoutPage/index.vue')['default']
List: typeof import('./../components/DesignForm/public/form/components/list.vue')['default']

71
src/views/sysworkflow/lowcodepage/appFormList.vue

@ -249,7 +249,73 @@ const state = reactive({
lookApiUrl:""
},
dict: {},
refreshTable: true
refreshTable: true,
view:{
list:{
status:true,
isClick:false,
form:{
sortWord:"",
sortClass:1
}
},
date:{
status:false,
isClick:false,
form:{
startTime:"",
endTime:"",
dayType:1
}
}
,
time:{
status:false,
isClick:false,
form:{
sortWord:"",
sort:1
}
}
,
gantt:{
status:false,
isClick:false,
form:{
startTime:"",
endTime:"",
dayType:2,
sortWord:"",
sort:1
}
}
,
map:{
status:false,
isClick:false,
form:{
mapWord:"",
sortWord:"",
sort:1
}
},
card:{
status:false,
isClick:false,
form:{
sort:1,
sortWord:"",
imgWork:"",
imgWidth:50,
imgHeight:50,
imgBorderRadius:5,
imgPadding:2,
titleWork:"",
describe:"",
ranks:3
}
}
}
})
const appFormNameVal = ref("")
provide('appFormNAme', appFormNameVal)
@ -378,10 +444,11 @@ const lookAppList = (val:any) => {
:config="state.config"
:form-id="state.formId"
:versionid="versionId"
:viewPage="state.view"
:versiontitle="versionTitle"
v-model:look-page-is-show="lookPageIsShow"
/>
</el-drawer>
</div>
</template>

2
src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue

@ -418,7 +418,7 @@ defineExpose({
}
.tispMsg{
width: 100%;
margin: 20px 0 0 0;
margin: 10px 0 0 0;
height: calc(100vh - 80px);
display: flex;
align-items: center;

1
src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue

@ -945,6 +945,7 @@ const tabsView = (val:any) => {
:search-data="state.searchData"
:config="state.config"
:form-id="props.appPageKey"
:viewPage="stateList.view"
v-if="state.previewVisible"
/>

2
src/views/sysworkflow/lowcodepage/index.vue

@ -189,7 +189,7 @@ const getRongQiAttr = () => {
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="handleCommand('addFormGroup',item.idStr)" >新增分组</el-dropdown-item>
<el-dropdown-item @click="handleCommand('addForm',item.idStr)" >添加表单</el-dropdown-item>
<el-dropdown-item @click="handleCommand('addForm',item.idStr)" style="display:none" >添加表单</el-dropdown-item>
<el-dropdown-item @click="handleCommand('addFormApp',item.idStr)" >添加应用</el-dropdown-item>
<el-dropdown-item @click="editFormGroup(item.idStr)" divided>编辑</el-dropdown-item>
<el-dropdown-item @click="eidtGroupStatus(item.idStr,3)">删除</el-dropdown-item>

1
src/views/sysworkflow/lowcodepage/pageList.vue

@ -1493,6 +1493,7 @@ const getListInfo = () => {
:data="state.tableData"
:search-data="state.searchData"
:config="state.config"
:viewPage="stateList.view"
v-if="state.previewVisible"
/>

Loading…
Cancel
Save