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) afterSubmit('success', data)
}) })
}) })
}else{
afterSubmit('success', data)
} }
}) })

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

@ -22,12 +22,55 @@ const props = defineProps({
default:0 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> </script>
<template> <template>
<div> <div>
{{viewSetup}} <div id="pickMapView" :ref="mapId" class="openMapView"></div>
</div> </div>
</template> </template>
<style lang='scss' scoped> <style lang='scss' scoped>
.openMapView{
width:100%;
margin: 10px 0 0 0;
height: calc(100vh - 320px);
}
</style> </style>

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

@ -61,6 +61,8 @@ const loadTimeLog = () =>{
if(loadTimePage.value){ if(loadTimePage.value){
props.searchSend.page= chuDiNumber props.searchSend.page= chuDiNumber
searchTimeList(props.searchSend) 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> <div>
<el-button-group class="ml-4"> <el-button-group class="ml-4">
<el-tooltip <el-tooltip
v-if="viewPage.list.status"
class="box-item" class="box-item"
effect="dark" effect="dark"
content="折叠查询表单" content="折叠查询表单"
@ -1117,19 +1116,19 @@ const tabsView = (val:any,types:number) => {
</div> </div>
</el-col> </el-col>
<el-col v-if="viewType==2" :span="24"> <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>
<el-col v-if="viewType==3" :span="24"> <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" /> <TimeAxisPage ref="timeAxisRef" :data="tableDataList" :view-layout="viewLayout" :columns-filter="columnsFilter" :search-send="searchSend" :drawer-with="drawerWith" />
</el-col> </el-col>
<el-col v-if="viewType==4" :span="24"> <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>
<el-col v-if="viewType==5" :span="24"> <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>
<el-col v-if="viewType==6" :span="24"> <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>
<el-col :span="24" style="display:none"> <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'] DragControlApp: typeof import('./../components/DesignForm/dragControlApp.vue')['default']
DragControlNew: typeof import('./../components/DesignForm/dragControlNew.vue')['default'] DragControlNew: typeof import('./../components/DesignForm/dragControlNew.vue')['default']
ElAffix: typeof import('element-plus/es')['ElAffix'] ElAffix: typeof import('element-plus/es')['ElAffix']
ElAlert: typeof import('element-plus/es')['ElAlert']
ElAside: typeof import('element-plus/es')['ElAside'] ElAside: typeof import('element-plus/es')['ElAside']
ElAvatar: typeof import('element-plus/es')['ElAvatar'] ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb'] ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
@ -39,6 +40,7 @@ declare module '@vue/runtime-core' {
ElCard: typeof import('element-plus/es')['ElCard'] ElCard: typeof import('element-plus/es')['ElCard']
ElCarousel: typeof import('element-plus/es')['ElCarousel'] ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem'] ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCascader: typeof import('element-plus/es')['ElCascader']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup'] ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
ElCol: typeof import('element-plus/es')['ElCol'] ElCol: typeof import('element-plus/es')['ElCol']
@ -63,6 +65,7 @@ declare module '@vue/runtime-core' {
ElImageViewer: typeof import('element-plus/es')['ElImageViewer'] ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
ElInput: typeof import('element-plus/es')['ElInput'] ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber'] ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElLink: typeof import('element-plus/es')['ElLink']
ElMain: typeof import('element-plus/es')['ElMain'] ElMain: typeof import('element-plus/es')['ElMain']
ElMenu: typeof import('element-plus/es')['ElMenu'] ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@ -70,6 +73,7 @@ declare module '@vue/runtime-core' {
ElPagination: typeof import('element-plus/es')['ElPagination'] ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm'] ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
ElPopover: typeof import('element-plus/es')['ElPopover'] ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio'] ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioButton: typeof import('element-plus/es')['ElRadioButton'] ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup'] ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
@ -77,6 +81,7 @@ declare module '@vue/runtime-core' {
ElRow: typeof import('element-plus/es')['ElRow'] ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar'] ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect'] ElSelect: typeof import('element-plus/es')['ElSelect']
ElSelectV2: typeof import('element-plus/es')['ElSelectV2']
ElSlider: typeof import('element-plus/es')['ElSlider'] ElSlider: typeof import('element-plus/es')['ElSlider']
ElSpace: typeof import('element-plus/es')['ElSpace'] ElSpace: typeof import('element-plus/es')['ElSpace']
ElStep: typeof import('element-plus/es')['ElStep'] ElStep: typeof import('element-plus/es')['ElStep']
@ -93,6 +98,7 @@ declare module '@vue/runtime-core' {
ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem'] ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
ElTimePicker: typeof import('element-plus/es')['ElTimePicker'] ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
ElTooltip: typeof import('element-plus/es')['ElTooltip'] ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTransfer: typeof import('element-plus/es')['ElTransfer']
ElTree: typeof import('element-plus/es')['ElTree'] ElTree: typeof import('element-plus/es')['ElTree']
ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect'] ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
ElUpload: typeof import('element-plus/es')['ElUpload'] 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'] HeadToolsNew: typeof import('./../components/DesignForm/public/headToolsNew.vue')['default']
IconSelect: typeof import('./../components/IconSelect/index.vue')['default'] IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default'] IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
IEpCaretTop: typeof import('~icons/ep/caret-top')['default']
IEpClose: typeof import('~icons/ep/close')['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'] IEpEdit: typeof import('~icons/ep/edit')['default']
IEpMessageBox: typeof import('~icons/ep/message-box')['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'] IEpRefresh: typeof import('~icons/ep/refresh')['default']
IEpRefreshLeft: typeof import('~icons/ep/refresh-left')['default']
IEpSearch: typeof import('~icons/ep/search')['default'] IEpSearch: typeof import('~icons/ep/search')['default']
IEpSetting: typeof import('~icons/ep/setting')['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'] LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
LayoutPage: typeof import('./../components/DesignForm/layoutPage/index.vue')['default'] LayoutPage: typeof import('./../components/DesignForm/layoutPage/index.vue')['default']
List: typeof import('./../components/DesignForm/public/form/components/list.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:"" lookApiUrl:""
}, },
dict: {}, 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("") const appFormNameVal = ref("")
provide('appFormNAme', appFormNameVal) provide('appFormNAme', appFormNameVal)
@ -378,10 +444,11 @@ const lookAppList = (val:any) => {
:config="state.config" :config="state.config"
:form-id="state.formId" :form-id="state.formId"
:versionid="versionId" :versionid="versionId"
:viewPage="state.view"
:versiontitle="versionTitle" :versiontitle="versionTitle"
v-model:look-page-is-show="lookPageIsShow" v-model:look-page-is-show="lookPageIsShow"
/> />
</el-drawer> </el-drawer>
</div> </div>
</template> </template>

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

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

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

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

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

@ -189,7 +189,7 @@ const getRongQiAttr = () => {
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="handleCommand('addFormGroup',item.idStr)" >新增分组</el-dropdown-item> <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="handleCommand('addFormApp',item.idStr)" >添加应用</el-dropdown-item>
<el-dropdown-item @click="editFormGroup(item.idStr)" divided>编辑</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> <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" :data="state.tableData"
:search-data="state.searchData" :search-data="state.searchData"
:config="state.config" :config="state.config"
:viewPage="stateList.view"
v-if="state.previewVisible" v-if="state.previewVisible"
/> />

Loading…
Cancel
Save