|
|
@@ -1,12 +1,21 @@
|
|
|
<template>
|
|
|
<div class="p-4">
|
|
|
- <BasicTable :rowSelection="{ type: 'checkbox' }" @register="registerTable" :clickToRowSelect="false">
|
|
|
+ <BasicTable
|
|
|
+ :rowSelection="{ type: 'checkbox' }"
|
|
|
+ @register="registerTable"
|
|
|
+ :clickToRowSelect="false"
|
|
|
+ >
|
|
|
<template #toolbar>
|
|
|
<Authority>
|
|
|
<a-button type="primary" @click="handleCreate">新增地图</a-button>
|
|
|
</Authority>
|
|
|
<Authority>
|
|
|
- <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
|
|
|
+ <Popconfirm
|
|
|
+ title="您确定要批量删除数据"
|
|
|
+ ok-text="确定"
|
|
|
+ cancel-text="取消"
|
|
|
+ @confirm="handleDeleteOrBatchDelete(null)"
|
|
|
+ >
|
|
|
<a-button type="primary" color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
|
|
|
</Popconfirm>
|
|
|
</Authority>
|
|
|
@@ -16,56 +25,76 @@
|
|
|
@change="(checked: boolean) => statusChange(checked, record)" />
|
|
|
</template> -->
|
|
|
<template #action="{ record }">
|
|
|
- <TableAction :actions="[
|
|
|
- {
|
|
|
- label: '浏览',
|
|
|
- icon: '' /**clarity:note-edit-line*/,
|
|
|
- onClick: handleViewMap.bind(null, record),
|
|
|
- },
|
|
|
- {
|
|
|
- label: '查看',
|
|
|
- icon: '' /**clarity:note-edit-line*/,
|
|
|
- onClick: handleView.bind(null, record),
|
|
|
- },
|
|
|
- {
|
|
|
- label: '编辑',
|
|
|
- icon: '' /**clarity:note-edit-line*/,
|
|
|
- color: 'warning',
|
|
|
- onClick: handleEdit.bind(null, record),
|
|
|
- },
|
|
|
- {
|
|
|
- label: '审核',
|
|
|
- icon: '',
|
|
|
- color: 'warning',
|
|
|
- onClick: handleExam.bind(null, record),
|
|
|
- },
|
|
|
- {
|
|
|
- label: '删除',
|
|
|
- icon: '' /**ant-design:delete-outlined'*/,
|
|
|
- color: 'error',
|
|
|
- ifShow: record.roleType != RoleEnum.SYS_ADMIN,
|
|
|
- popConfirm: {
|
|
|
- title: '是否确认删除',
|
|
|
- confirm: handleDelete.bind(null, record),
|
|
|
+ <TableAction
|
|
|
+ :actions="[
|
|
|
+ {
|
|
|
+ label: '浏览',
|
|
|
+ icon: '' /**clarity:note-edit-line*/,
|
|
|
+ onClick: handleViewMap.bind(null, record),
|
|
|
},
|
|
|
- },
|
|
|
- ]" />
|
|
|
+ {
|
|
|
+ label: '查看',
|
|
|
+ icon: '' /**clarity:note-edit-line*/,
|
|
|
+ onClick: handleView.bind(null, record),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '编辑',
|
|
|
+ icon: '' /**clarity:note-edit-line*/,
|
|
|
+ color: 'warning',
|
|
|
+ onClick: handleEdit.bind(null, record),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '审核',
|
|
|
+ icon: '',
|
|
|
+ color: 'warning',
|
|
|
+ ifShow: record.nodename === '',
|
|
|
+ onClick: handleExam.bind(null, record),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '删除',
|
|
|
+ icon: '' /**ant-design:delete-outlined'*/,
|
|
|
+ color: 'error',
|
|
|
+ ifShow: record.roleType != RoleEnum.SYS_ADMIN,
|
|
|
+ popConfirm: {
|
|
|
+ title: '是否确认删除',
|
|
|
+ confirm: handleDelete.bind(null, record),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ />
|
|
|
</template>
|
|
|
<template #pdate="{ record }">
|
|
|
<Tag :color="'red'">
|
|
|
- {{
|
|
|
- record.publishdate ? moment(record.publishdate).format('YYYY-MM-DD HH:mm:ss') : ''
|
|
|
- }}
|
|
|
+ {{ record.publishdate ? moment(record.publishdate).format('YYYY-MM-DD HH:mm:ss') : '' }}
|
|
|
</Tag>
|
|
|
</template>
|
|
|
<template #status="{ record }">
|
|
|
<Tag :style="`color:${record.status === 3 || record.status === 3 ? 'red' : '#05B069'};`">
|
|
|
{{
|
|
|
- record.status === 0 ? '待审核' : (record.status === 1 ? '审核通过' : (record.status === 2 ? '审核不通过' : (record.status
|
|
|
- === 3 ? '被驳回' : '未提交')))
|
|
|
+ record.status === 0
|
|
|
+ ? '待审核'
|
|
|
+ : record.status === 1
|
|
|
+ ? '审核通过'
|
|
|
+ : record.status === 2
|
|
|
+ ? '审核不通过'
|
|
|
+ : record.status === 3
|
|
|
+ ? '被驳回'
|
|
|
+ : '未提交'
|
|
|
}}
|
|
|
</Tag>
|
|
|
</template>
|
|
|
+ <template #nodename="{ record }">
|
|
|
+ <Tag :style="`color:${record.nodename === '' ? 'red' : '#05B069'};`">
|
|
|
+ {{
|
|
|
+ record.nodename === '' ? '未提交' : record.nodename
|
|
|
+ }}
|
|
|
+ </Tag>
|
|
|
+ </template>
|
|
|
+ <template #checkname="{ record }">
|
|
|
+ <Tag>
|
|
|
+ {{ record.checkname === '' ? record.publisher : record.checkname }}
|
|
|
+ </Tag>
|
|
|
+ </template>
|
|
|
</BasicTable>
|
|
|
<!-- <MapDrawer @register="registerDrawer" @success="handleSuccess" /> -->
|
|
|
<MapSourceModal @register="registerModal" @success="handleSuccess" />
|
|
|
@@ -85,27 +114,35 @@ import { Authority } from '/@/components/Authority';
|
|
|
import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
|
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
import { Switch, Popconfirm } from 'ant-design-vue';
|
|
|
-import { list, deleteService, mapList } from '/@/api/resource/map';
|
|
|
+import { list, deleteService, mapList, queryResourceById } from '/@/api/resource/map';
|
|
|
import Moment from 'moment';
|
|
|
-import { session } from "/@/utils/Memory.js";
|
|
|
+import { session } from '/@/utils/Memory.js';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'RoleManagement',
|
|
|
components: { BasicTable, MapDrawer, MapSourceModal, TableAction, Authority, Switch, Popconfirm },
|
|
|
setup() {
|
|
|
- const tagValue = ref('')
|
|
|
+ const tagValue = ref('');
|
|
|
const getData = () => {
|
|
|
const formData = new FormData();
|
|
|
- formData.append("interfaceName", "antu.space.provider.sservicebase.ServiceBaseMetaDataViewProvider");
|
|
|
- formData.append("methodName", "getResourcePagedList");
|
|
|
- formData.append("args[]", session.getItem('tokenV2'));
|
|
|
- formData.append("args[]", `{"type":"MR","fields":{"DATA":["serviceid","servicename","servicetype","servicealiasname"],"METADATA":["publisher ","publishdate"]},"pageIndex":1,"pageSize":10, "tagValue":"${tagValue.value || ""}" }`);
|
|
|
+ formData.append(
|
|
|
+ 'interfaceName',
|
|
|
+ 'antu.space.provider.sservicebase.ServiceBaseMetaDataViewProvider'
|
|
|
+ );
|
|
|
+ formData.append('methodName', 'getResourcePagedList');
|
|
|
+ formData.append('args[]', session.getItem('tokenV2'));
|
|
|
+ formData.append(
|
|
|
+ 'args[]',
|
|
|
+ `{"type":"MR","fields":{"DATA":["serviceid","servicename","servicetype","servicealiasname"],"METADATA":["publisher ","publishdate"]},"pageIndex":1,"pageSize":10, "tagValue":"${
|
|
|
+ tagValue.value || ''
|
|
|
+ }" }`
|
|
|
+ );
|
|
|
return new Promise((resolve) => {
|
|
|
mapList(formData).then((res) => {
|
|
|
- resolve(res)
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
+ resolve(res);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ };
|
|
|
//const [registerDrawer, { openDrawer }] = useDrawer();
|
|
|
const [registerModal, { openModal }] = useModal();
|
|
|
const [registerTable, { setProps, reload, setSelectedRowKeys }] = useTable({
|
|
|
@@ -131,16 +168,16 @@ export default defineComponent({
|
|
|
hideOnSinglePage: false,
|
|
|
},
|
|
|
handleSearchInfoFn: (t) => {
|
|
|
- tagValue.value = t.resTag
|
|
|
+ tagValue.value = t.resTag;
|
|
|
},
|
|
|
tableSetting: {
|
|
|
redo: true,
|
|
|
size: true,
|
|
|
setting: false,
|
|
|
- fullScreen: false
|
|
|
+ fullScreen: false,
|
|
|
},
|
|
|
});
|
|
|
- const moment = Moment
|
|
|
+ const moment = Moment;
|
|
|
const { createMessage } = useMessage();
|
|
|
const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
|
|
|
useBatchDelete(delRole, handleSuccess, setProps);
|
|
|
@@ -162,22 +199,30 @@ export default defineComponent({
|
|
|
});
|
|
|
}
|
|
|
|
|
|
- function handleView(record: Recordable) {
|
|
|
- openModal(true, {
|
|
|
- record,
|
|
|
- isUpdate: true,
|
|
|
- isView: true,
|
|
|
- });
|
|
|
+ async function handleView(record: Recordable) {
|
|
|
+ const res = await queryResourceById(record?.serviceid);
|
|
|
+ if (res) {
|
|
|
+ const result = Object.assign(res.metadata, res.servicebase);
|
|
|
+ openModal(true, {
|
|
|
+ record: result,
|
|
|
+ isUpdate: true,
|
|
|
+ isView: true,
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- function handleEdit(record: Recordable) {
|
|
|
- openModal(true, {
|
|
|
- record,
|
|
|
- isUpdate: true,
|
|
|
- });
|
|
|
+ async function handleEdit(record: Recordable) {
|
|
|
+ const res = await queryResourceById(record?.serviceid);
|
|
|
+ if (res) {
|
|
|
+ const result = Object.assign(res.metadata, res.servicebase);
|
|
|
+ openModal(true, {
|
|
|
+ record: result,
|
|
|
+ isUpdate: true,
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- function handleExam(record: Recordable){
|
|
|
+ function handleExam(record: Recordable) {
|
|
|
openModal(true, {
|
|
|
record,
|
|
|
isUpdate: true,
|
|
|
@@ -185,21 +230,24 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
function handleViewMap(record: Recordable) {
|
|
|
- window.open(`http://106.12.170.138:8080/onemapV5.0/mapview.html?${record.serviceid}`, 'target', "")
|
|
|
+ window.open(
|
|
|
+ `http://192.168.119.143:8080/onemapV5.0/mapview.html?${record.serviceid}`,
|
|
|
+ 'target',
|
|
|
+ ''
|
|
|
+ );
|
|
|
}
|
|
|
|
|
|
const handleDelete = async (record: Recordable) => {
|
|
|
if (record?.serviceid) {
|
|
|
- const res = await deleteService(record?.serviceid)
|
|
|
+ const res = await deleteService(record?.serviceid);
|
|
|
if (res?.status !== '-1') {
|
|
|
reload();
|
|
|
- createMessage.success('删除成功!', 1)
|
|
|
- }
|
|
|
- else {
|
|
|
- createMessage.error('删除失败!失败原因:' + res?.message, 1)
|
|
|
+ createMessage.success('删除成功!', 1);
|
|
|
+ } else {
|
|
|
+ createMessage.error('删除失败!失败原因:' + res?.message, 1);
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ };
|
|
|
|
|
|
function handleSuccess() {
|
|
|
openModal(false, {
|
|
|
@@ -229,9 +277,7 @@ export default defineComponent({
|
|
|
reload();
|
|
|
}
|
|
|
};
|
|
|
- onBeforeMount(async () => {
|
|
|
-
|
|
|
- })
|
|
|
+ onBeforeMount(async () => {});
|
|
|
|
|
|
return {
|
|
|
moment,
|
|
|
@@ -256,7 +302,6 @@ export default defineComponent({
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.p-4 {
|
|
|
-
|
|
|
::v-deep.vben-basic-table-form-container {
|
|
|
padding: 0;
|
|
|
|