cc
/
deepdragon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

散点工程 坐标系选择

This commit is contained in:
Cc 2024-10-22 16:48:12 +08:00
parent 4258fbb4a5
commit f387ac959b
70 changed files with 40503 additions and 3856 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
built.js
View File

@ -7,13 +7,13 @@ sshPublish();
async function sshPublish() { async function sshPublish() {
let privateKeyPath = ''; let privateKeyPath = '';
const publishDir = 'D:/nginx-1.25.1/nginx-1.25.1/html/dist'; const publishDir = '/www/server/nginx/html/deepdragon';
let remoteConfig = undefined; let remoteConfig = undefined;
privateKeyPath = ''; privateKeyPath = '';
remoteConfig = { remoteConfig = {
host: '139.224.252.239', host: '119.3.156.115',
username: 'Administrator', username: 'root',
password: 'Jsld.0813', password: 'Jsld.0813',
port: 22, port: 22,
readyTimeout: 5000000 readyTimeout: 5000000

BIN
dist.rar
View File

Binary file not shown.

1
ldmap.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>遁地龙智慧系统</title> <title>遁地龙智慧系统</title>
</head> </head>

5
package.json
View File

@ -8,6 +8,7 @@
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
"build:prod": "vite build && node ./built.js", "build:prod": "vite build && node ./built.js",
"built": "node ./built.js",
"preview": "vite preview" "preview": "vite preview"
}, },
"repository": { "repository": {
@ -17,10 +18,12 @@
"dependencies": { "dependencies": {
"@arcgis/core": "^4.27.6", "@arcgis/core": "^4.27.6",
"@element-plus/icons-vue": "2.0.10", "@element-plus/icons-vue": "2.0.10",
"@turf/turf": "^6.5.0",
"@vue-office/excel": "^1.4.5", "@vue-office/excel": "^1.4.5",
"@vueup/vue-quill": "1.1.0", "@vueup/vue-quill": "1.1.0",
"@vueuse/core": "9.5.0", "@vueuse/core": "9.5.0",
"axios": "0.27.2", "axios": "0.27.2",
"dxf-writer": "^1.18.4",
"echarts": "5.4.0", "echarts": "5.4.0",
"element-plus": "2.2.27", "element-plus": "2.2.27",
"esri-leaflet": "^3.0.11", "esri-leaflet": "^3.0.11",
@ -49,9 +52,9 @@
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^4.2.3", "@vitejs/plugin-vue": "^4.2.3",
"@vue/compiler-sfc": "3.2.45", "@vue/compiler-sfc": "3.2.45",
"leaflet": "^1.9.4",
"rollup-plugin-visualizer": "^5.12.0", "rollup-plugin-visualizer": "^5.12.0",
"sass": "1.56.1", "sass": "1.56.1",
"terser": "^5.31.0",
"unplugin-auto-import": "0.11.4", "unplugin-auto-import": "0.11.4",
"vite": "^4.4.5", "vite": "^4.4.5",
"vite-plugin-compression": "0.5.1", "vite-plugin-compression": "0.5.1",

5675
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

74
src/admin/api/aftersales/afteruser.js Normal file
View File

@ -0,0 +1,74 @@
import request from '@/utils/request'
//获取用户列表
export function wxuserList(query) {
return request({
url: '/wxuser/list',
method: 'get',
params: query,
baseURL: "/afterSales-api",
})
}
//获取用户列表
export function add(data) {
return request({
url: '/wxuser/add',
method: 'post',
baseURL: "/afterSales-api",
data
})
}
//修改用户
export function update(data) {
return request({
url: '/wxuser/update',
method: 'post',
baseURL: "/afterSales-api",
data
})
}
//删除用户
export function remove(userIds) {
return request({
url: '/wxuser/remove/'+userIds,
method: 'delete',
baseURL: "/afterSales-api",
})
}
//获取用户列表
export function supporterApply(query) {
return request({
url: '/supporterApply/list',
method: 'get',
params: query,
baseURL: "/afterSales-api",
})
}
//审核通过
export function agree(applyId) {
return request({
url: '/supporterApply/agree/'+applyId,
method: 'post',
baseURL: "/afterSales-api",
})
}
//审核驳回
export function reject(applyId) {
return request({
url: '/supporterApply/reject/'+applyId,
method: 'post',
baseURL: "/afterSales-api",
})
}
//审核删除
export function deleteAppId(applyId) {
return request({
url: '/supporterApply/remove/'+applyId,
method: 'delete',
baseURL: "/afterSales-api",
})
}

82
src/admin/api/aftersales/deviceParts.js Normal file
View File

@ -0,0 +1,82 @@
import request from '@/utils/request'
//获取设备配件列表
export function devicePartslist(query) {
return request({
url: '/deviceParts/list',
method: 'get',
baseURL: "/afterSales-api",
params: query
})
}
//新增配件
export function devicePartsPost(query) {
return request({
url: '/deviceParts',
baseURL: "/afterSales-api",
method: 'post',
})
}
//修改配件
export function devicePartsPut(query) {
return request({
url: '/deviceParts',
baseURL: "/afterSales-api",
method: 'put',
data: query
})
}
//删除配件
export function devicePartsdel(partsId) {
return request({
url: '/deviceParts'+partsId,
method: 'delete',
baseURL: "/afterSales-api",
})
}
//场景列表
export function sceneList(query) {
return request({
url: '/deviceRepairScene/list',
method: 'get',
params: query,
baseURL: "/afterSales-api",
})
}
//新增场景
export function deviceRepairPOST(data) {
return request({
url: '/deviceRepairScene',
method: 'post',
data: data,
baseURL: "/afterSales-api",
})
}
//修改场景
export function deviceRepairPUT(data) {
return request({
url: '/deviceRepairScene',
method: 'put',
data: data,
baseURL: "/afterSales-api",
})
}
//删除场景
export function deviceRepairDEL(sceneIds) {
return request({
url: '/deviceRepairScene/'+sceneIds,
method: 'delete',
baseURL: "/afterSales-api",
})
}
//查询配件
export function deviceRepairParts(sceneIds) {
return request({
url: '/deviceRepairScene/parts/'+sceneIds,
method: 'get',
baseURL: "/afterSales-api",
})
}

33
src/admin/api/aftersales/log.js Normal file
View File

@ -0,0 +1,33 @@
import request from '@/utils/request'
//获取操作日志记录列表
export function operloglist(query) {
return request({
url: '/monitor/operlog/list',
method: 'get',
baseURL: "/afterSales-api",
params: query
})
}
//获取访问记录列表
export function logininforlist(query) {
return request({
url: '/monitor/logininfor/list',
baseURL: "/afterSales-api",
method: 'get',
params: query
})
}
//批量删除操作日志记录
export function operlogDel(operIds) {
return request({
url: '/monitor/operlog/'+operIds,
baseURL: "/afterSales-api",
method: 'delete',
})
}

93
src/admin/api/aftersales/order.js Normal file
View File

@ -0,0 +1,93 @@
import request from '@/utils/request'
//获取工单列表
export function getorderList(query) {
return request({
url: '/deviceRepair/order/list',
method: 'get',
baseURL: "/afterSales-api",
params: query
})
}
//获取工单详情
export function orderDetailByid(orderId) {
return request({
url: '/deviceRepair/order/orderDetail/'+orderId,
baseURL: "/afterSales-api",
method: 'get',
})
}
//获取工单操作
export function orderactionByid(orderId) {
return request({
url: '/deviceRepair/order/action/'+orderId,
baseURL: "/afterSales-api",
method: 'get',
})
}
//工单评价
export function companyRating(data) {
return request({
url: '/deviceRepair/order/companyRating/'+data.orderId,
baseURL: "/afterSales-api",
method: 'post',
data
})
}
//获取待结算工单列表
export function settlementList(query) {
return request({
url: '/deviceRepairOrder/settlementList',
baseURL: "/afterSales-api",
method: 'get',
params: query
})
}
//结算
export function settlementAction(data) {
return request({
url: '/deviceRepairOrder/settlementAction/'+data.orderId,
baseURL: "/afterSales-api",
method: 'post',
data: data
})
}
export function upload(data) {
return request({
url:'/support/oss/upload',
method: 'post',
baseURL: "/afterSales-api",
data,
headers:{
'Content-Type': 'multipart/form-data'
},
isNosessionObj:true,
isNoLoading:true
})
}
export function uploadDel(ossIds) {
return request({
url:'/support/oss/'+ossIds,
baseURL: "/afterSales-api",
method: 'DELETE',
})
}
//查看银行付款回单
export function bankReceip(orderId) {
return request({
url:'/deviceRepairOrder/bankReceip/'+orderId,
baseURL: "/afterSales-api",
method: 'get',
})
}

83
src/admin/api/system/porfiles.js Normal file
View File

@ -0,0 +1,83 @@
import request from '@/utils/request'
// 查询档案列表
export function regonlist(query) {
return request({
url: '/pipe/profilesRecognition/list',
method: 'get',
params: query
})
}
//查询用户列表
export function regonlayerUsers(profilesId) {
return request({
url: '/pipe/profilesRecognition/layerAuthUsers/'+profilesId,
method: 'get',
})
}
//查询档案已授权用户
export function regonauthUserGet(profilesId) {
return request({
url: '/pipe/profilesRecognition/authUser/'+profilesId,
method: 'get',
})
}
//档案授权
export function regonauthUserPut(data) {
return request({
url: '/pipe/profilesRecognition/authUser',
method: 'PUT',
data:data
})
}
//删除档案
export function regonprofilesDel(ids) {
return request({
url: '/pipe/profilesRecognition/'+ids,
method: 'DELETE',
})
}
// 查询档案列表
export function linelist(query) {
return request({
url: '/pipe/profilesPipeline/list',
method: 'get',
params: query
})
}
//查询用户列表
export function linelayerUsers(profilesId) {
return request({
url: '/pipe/profilesPipeline/layerAuthUsers/'+profilesId,
method: 'get',
})
}
//查询档案已授权用户
export function lineauthUserGet(profilesId) {
return request({
url: '/pipe/profilesPipeline/authUser/'+profilesId,
method: 'get',
})
}
//档案授权
export function lineauthUserPut(data) {
return request({
url: '/pipe/profilesPipeline/authUser',
method: 'PUT',
data:data
})
}
//删除档案
export function lineprofilesDel(ids) {
return request({
url: '/pipe/profilesPipeline/'+ids,
method: 'DELETE',
})
}

68
src/admin/api/system/siteplan.js Normal file
View File

@ -0,0 +1,68 @@
import request from '@/utils/request'
// 改造方案列表
export function list(query) {
return request({
url: '/renovationPlan/list',
method: 'get',
params: query,
baseURL: "/water-api"
})
}
// 站点列表
export function devices(query) {
return request({
url: '/renovationPlan/devices',
method: 'get',
params: query,
baseURL: "/plan-api"
})
}
// 查询施工信息和审核信息
export function build(query) {
return request({
url: '/renovationPlan/build',
method: 'get',
params: query,
baseURL: "/plan-api"
})
}
// 查询改造详情
export function details(query) {
return request({
url: '/renovationPlan/details',
method: 'get',
params: query,
baseURL: "/plan-api"
})
}
// 审核驳回
export function reject(data) {
return request({
url: '/renovationPlan/review/reject',
method: 'post',
data,
baseURL: "/plan-api"
})
}
// 审核通过
export function complete(data) {
return request({
url: '/renovationPlan/review/complete',
method: 'post',
data,
baseURL: "/plan-api"
})
}
// 导出
export function excel(planId) {
return request({
url: '/renovationPlan/export/excel?planId='+planId,
method: 'post',
// data,
baseURL: "/plan-api"
})
}

11
src/admin/permission.js
View File

@ -34,7 +34,16 @@ router.beforeEach((to, from, next) => {
router.addRoute(route) // 动态添加可访问路由表 router.addRoute(route) // 动态添加可访问路由表
} }
}) })
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 if(to.path==='/'){
// next({ name:"Layers" }) // hack方法 确保addRoutes已完成
let name = accessRoutes[0].children[0].name
router.push({name})
}else{
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
}
}) })
}).catch(err => { }).catch(err => {
useUserStore().logOut().then(() => { useUserStore().logOut().then(() => {

29
src/admin/router/index.js
View File

@ -57,19 +57,19 @@ export const constantRoutes = [
component: () => import('@/views/error/401'), component: () => import('@/views/error/401'),
hidden: true hidden: true
}, },
{ // {
path: '', // path: '',
component: Layout, // component: Layout,
redirect: '/index', // redirect: '/index',
children: [ // children: [
{ // {
path: '/index', // path: '/index',
component: () => import('@/views/index'), // component: () => import('@/views/index'),
name: 'Index', // name: 'Index',
meta: { title: '首页', icon: 'dashboard', affix: true } // meta: { title: '首页', icon: 'dashboard', affix: true }
} // }
] // ]
}, // },
{ {
path: '/user', path: '/user',
component: Layout, component: Layout,
@ -83,7 +83,8 @@ export const constantRoutes = [
meta: { title: '个人中心', icon: 'user' } meta: { title: '个人中心', icon: 'user' }
} }
] ]
} },
] ]
// 动态路由，基于用户权限动态去加载 // 动态路由，基于用户权限动态去加载

1
src/admin/store/modules/permission.js
View File

@ -134,6 +134,7 @@ export function filterDynamicRoutes(routes) {
} }
} }
}) })
return res return res
} }

214
src/admin/views/aftersales/afterScaleLog/index.vue Normal file
View File

@ -0,0 +1,214 @@
<template>
<div class="app-container">
<!-- <el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="请求地址" prop="noticeTitle">
<el-input
v-model="queryParams.operUrl"
placeholder="请输入公告标题"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form> -->
<el-table
v-loading="loading"
:data="noticeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column label="名称" align="center" prop="title">
</el-table-column>
<el-table-column label="请求地址" align="center" prop="operUrl">
</el-table-column>
<el-table-column label="请求参数" prop="operParam" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column label="请求类型" prop="requestMethod"> </el-table-column>
<el-table-column
label="返回参数"
align="center"
prop="jsonResult"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column label="IP" align="center" prop="operIp">
</el-table-column>
<el-table-column label="地址/源" align="center" prop="operLocation">
</el-table-column>
<!-- <el-table-column label="创建者" align="center" prop="createBy" width="100" /> -->
<el-table-column
label="创建时间"
align="center"
prop="operTime"
>
<!-- <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> -->
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script setup name="Notice">
import { operloglist } from "@/api/aftersales/log";
const { proxy } = getCurrentInstance();
const { sys_notice_status, sys_notice_type } = proxy.useDict(
"sys_notice_status",
"sys_notice_type"
);
const noticeList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined,
},
rules: {
noticeTitle: [
{ required: true, message: "公告标题不能为空", trigger: "blur" },
],
noticeType: [
{ required: true, message: "公告类型不能为空", trigger: "change" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
/** 查询公告列表 */
function getList() {
loading.value = true;
operloglist(queryParams.value).then((response) => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
noticeId: undefined,
noticeTitle: undefined,
noticeType: undefined,
noticeContent: undefined,
status: "0",
};
proxy.resetForm("noticeRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.noticeId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加公告";
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
const noticeId = row.noticeId || ids.value;
getNotice(noticeId).then((response) => {
form.value = response.data;
open.value = true;
title.value = "修改公告";
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["noticeRef"].validate((valid) => {
if (valid) {
if (form.value.noticeId != undefined) {
updateNotice(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addNotice(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const noticeIds = row.noticeId || ids.value;
proxy.$modal
.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？')
.then(function () {
return delNotice(noticeIds);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
getList();
</script>

207
src/admin/views/aftersales/afterScalefor/index.vue Normal file
View File

@ -0,0 +1,207 @@
<template>
<div class="app-container">
<!-- <el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="登录手机号" prop="noticeTitle">
<el-input
v-model="queryParams.phonenumber"
placeholder="请输入公告标题"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form> -->
<el-table
v-loading="loading"
:data="noticeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column label="登录手机号" align="center" prop="phonenumber">
</el-table-column>
<el-table-column label="设备" align="center" prop="os">
</el-table-column>
<el-table-column label="登录信息" prop="msg"> </el-table-column>
<el-table-column label="IP" align="center" prop="ipaddr">
</el-table-column>
<el-table-column label="地址/源" align="center" prop="loginLocation">
</el-table-column>
<!-- <el-table-column label="创建者" align="center" prop="createBy" width="100" /> -->
<el-table-column
label="创建时间"
align="center"
prop="loginTime"
>
<!-- <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> -->
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script setup name="Notice">
import { logininforlist } from "@/api/aftersales/log";
const { proxy } = getCurrentInstance();
const { sys_notice_status, sys_notice_type } = proxy.useDict(
"sys_notice_status",
"sys_notice_type"
);
const noticeList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined,
},
rules: {
noticeTitle: [
{ required: true, message: "公告标题不能为空", trigger: "blur" },
],
noticeType: [
{ required: true, message: "公告类型不能为空", trigger: "change" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
/** 查询公告列表 */
function getList() {
loading.value = true;
logininforlist(queryParams.value).then((response) => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
noticeId: undefined,
noticeTitle: undefined,
noticeType: undefined,
noticeContent: undefined,
status: "0",
};
proxy.resetForm("noticeRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.noticeId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加公告";
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
const noticeId = row.noticeId || ids.value;
getNotice(noticeId).then((response) => {
form.value = response.data;
open.value = true;
title.value = "修改公告";
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["noticeRef"].validate((valid) => {
if (valid) {
if (form.value.noticeId != undefined) {
updateNotice(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addNotice(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const noticeIds = row.noticeId || ids.value;
proxy.$modal
.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？')
.then(function () {
return delNotice(noticeIds);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
getList();
</script>

319
src/admin/views/aftersales/afteruser/apply.vue Normal file
View File

@ -0,0 +1,319 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
<el-form-item label="姓名" prop="createBy">
<el-input
v-model="queryParams.nickName"
placeholder="请输入姓名"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="createBy">
<el-input
v-model="queryParams.phonenumber"
placeholder="请输入手机号"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="Edit"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:notice:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:notice:remove']"
>删除</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row> -->
<el-table v-loading="loading" :data="noticeList">
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column
label="姓名"
:show-overflow-tooltip="true"
>
<template #default="scope">
{{scope.row.nickName}}
</template>
</el-table-column>
<el-table-column
label="区域"
:show-overflow-tooltip="true"
>
<template #default="scope">
{{scope.row.provinceName}}--{{scope.row.cityName}}--{{scope.row.areaName}}
</template>
</el-table-column>
<el-table-column label="手机号" align="center" prop="phonenumber">
</el-table-column>
<el-table-column label="人员类型" align="center" prop="role" width="100">
<template #default="scope">
<el-tag type="warning" v-if="scope.row.status=='0'">待审核</el-tag>
<el-tag type="success" v-else-if="scope.row.status=='1'">已通过</el-tag>
<el-tag type="danger" v-else>已驳回</el-tag>
</template>
</el-table-column>
<!-- <el-table-column label="创建者" align="center" prop="createBy" width="100" /> -->
<el-table-column label="申请时间" align="center" prop="createTime" >
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:notice:edit']">审核</el-button>
<!-- <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:notice:remove']" >删除</el-button> -->
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改公告对话框 -->
<el-dialog :title="title" v-model="open" width="40%" append-to-body>
<el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="用户姓名" prop="nickName">
<el-input v-model="form.nickName" placeholder="请输入用户昵称" disabled maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="手机号码" prop="phonenumber">
<el-input v-model="form.phonenumber" placeholder="请输入手机号码" disabled maxlength="11" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="区域" prop="phonenumber">
<el-cascader v-model="addr"
:options="options"
disabled
style="width: 100%;"
:props="cityProps" clearable/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="身份证号" prop="phonenumber">
<el-input v-model="form.identityNumber" placeholder="请输入" disabled maxlength="11" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="银行卡号" prop="phonenumber">
<el-input v-model="form.bankCardNumber" placeholder="请输入" disabled maxlength="11" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="开户行" prop="phonenumber">
<el-input v-model="form.bankName" placeholder="请输入" disabled maxlength="11" />
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="agreeAppId">通 过</el-button>
<el-button type="danger" @click="rejectAppId">驳回</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import { supporterApply, agree, reject,deleteAppId } from "@/api/aftersales/afteruser";
import cityData from './city.json'
const { proxy } = getCurrentInstance();
const { sys_user_sex,sys_normal_disable } = proxy.useDict("sys_user_sex","sys_normal_disable" );
const noticeList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const options =ref(cityData)
const cityProps = ref({
value:'code',
label:'name' ,
children: 'children',
})
const roleOptions = ref([
{
roleId: 0,
roleName: '客户',
},
{
roleId: 1,
roleName: '售后',
}
])
const addr =ref()
const applyId =ref()
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined
},
});
const { queryParams, form } = toRefs(data);
function getList() {
loading.value = true;
supporterApply(queryParams.value).then(response => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
applyId: undefined,
};
proxy.resetForm("applyRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.applyId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加公告";
}
function handleChange(e){
console.log(e)
console.log(addr.value)
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
form.value = row;
open.value = true;
applyId.value =row.applyId
title.value = row.nickName;
addr.value = [row.provinceCode.toString().substr(0,2), row.cityCode.toString().substr(0,4), row.areaCode.toString()]
}
function rejectAppId(){
reject( applyId.value).then(res=>{
proxy.$modal.msgSuccess("驳回成功");
open.value = false
getList()
})
}
function agreeAppId() {
console.log(addr.value)
agree( applyId.value).then(res=>{
proxy.$modal.msgSuccess("通过成功");
open.value = false
getList()
})
}
/** 删除按钮操作 */
function handleDelete(row) {
const applyIds = row.applyId || ids.value
proxy.$modal.confirm('是否确认人员为"' + row.nickName + '"的数据项？').then(function() {
return deleteAppId(applyIds);
}).then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
getList();
</script>

14464
src/admin/views/aftersales/afteruser/city.json Normal file
View File

File diff suppressed because it is too large Load Diff

435
src/admin/views/aftersales/afteruser/index.vue Normal file
View File

@ -0,0 +1,435 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="姓名">
<el-input
v-model="queryParams.nickName"
placeholder="请输入姓名"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号">
<el-input
v-model="queryParams.phonenumber"
placeholder="请输入手机号"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="人员类型">
<el-select
v-model="queryParams.role"
placeholder="人员类型"
clearable
style="width: 200px"
>
<el-option label="维修人员" value="supporter" />
<el-option label="客户角色" value="customer" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
>新增</el-button
>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="noticeList">
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column label="手机号" align="center" prop="phonenumber">
</el-table-column>
<el-table-column label="姓名" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.nickName }}
</template>
</el-table-column>
<el-table-column label="区域" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.provinceName }}--{{ scope.row.cityName }}--{{
scope.row.areaName
}}
</template>
</el-table-column>
<el-table-column label="人员类型" align="center" prop="role" width="100">
<template #default="scope">
<el-tag type="primary" v-if="scope.row.role == 'customer'"
>客户角色</el-tag
>
<el-tag type="success" v-else>维修人员</el-tag>
</template>
</el-table-column>
<!-- <el-table-column label="创建者" align="center" prop="createBy" width="100" /> -->
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="100"
>
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:notice:edit']"
>修改</el-button
>
<el-button
link
type="danger"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改公告对话框 -->
<el-dialog :title="title" v-model="open" width="780px" append-to-body>
<el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
<el-row>
<el-col :span="12">
<el-form-item label="用户姓名" prop="nickName">
<el-input
v-model="form.nickName"
placeholder="请输入用户昵称"
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手机号码" prop="phonenumber">
<el-input
v-model="form.phonenumber"
placeholder="请输入手机号码"
maxlength="11"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="区域" prop="phonenumber">
<el-cascader
ref="myCascader"
v-model="addArea"
:options="options"
style="width: 100%"
@change="handleChange"
:props="cityProps"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户性别">
<el-select v-model="form.sex" placeholder="请选择">
<el-option
v-for="dict in sys_user_sex"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-form-item label="角色">
<el-select v-model="form.role" placeholder="请选择">
<el-option
v-for="item in roleOptions"
:key="item.roleId"
:label="item.roleName"
:value="item.roleId"
></el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="邮箱">
<el-input
v-model="form.email"
placeholder="请输入邮箱"
maxlength="50"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in sys_normal_disable"
:key="dict.value"
:label="dict.value"
>{{ dict.label }}</el-radio
>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.role=='supporter'">
<el-col :span="12">
<el-form-item label="身份证号" prop="identityNumber">
<el-input
v-model="form.identityNumber"
placeholder="请输入"
maxlength="30"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="银行卡号" prop="bankCardNumber">
<el-input
v-model="form.bankCardNumber"
placeholder="请输入"
maxlength="11"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户行" prop="bankName">
<el-input
v-model="form.bankName"
placeholder="请输入"
maxlength="11"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import { wxuserList, update, remove, add } from "@/api/aftersales/afteruser";
import cityData from "./city.json";
console.log();
const { proxy } = getCurrentInstance();
const { sys_user_sex, sys_normal_disable } = proxy.useDict(
"sys_user_sex",
"sys_normal_disable"
);
const noticeList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const options = ref(cityData);
const cityProps = ref({
value: "code",
label: "name",
children: "children",
});
const roleOptions = ref([
{
roleId: "customer",
roleName: "客户角色",
},
{
roleId: "supporter",
roleName: "维修人员",
},
]);
const addArea = ref();
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined,
},
rules: {
noticeTitle: [
{ required: true, message: "公告标题不能为空", trigger: "blur" },
],
noticeType: [
{ required: true, message: "公告类型不能为空", trigger: "change" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
/** 查询公告列表 */
function getList() {
loading.value = true;
wxuserList(queryParams.value).then((response) => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
userId: undefined,
status: "0",
};
proxy.resetForm("userRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
function handleChange(value, e) {
console.log();
let pathLabels = proxy.$refs.myCascader.getCheckedNodes()[0].pathLabels;
console.log(value, e);
form.value.provinceCode = value[0] + "0000";
form.value.cityCode = value[1] + "00";
form.value.areaCode = value[2];
form.value.provinceName = pathLabels[0];
form.value.cityName = pathLabels[1];
form.value.areaName = pathLabels[2];
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
addArea.value = [];
title.value = "添加用户";
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
console.log(row);
form.value = Object.assign({}, row);
open.value = true;
title.value = row.nickName;
addArea.value = [
row.provinceCode.toString().substr(0, 2),
row.cityCode.toString().substr(0, 4),
row.areaCode.toString(),
];
console.log(addArea.value);
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["userRef"].validate((valid) => {
if (valid) {
if (form.value.userId != undefined) {
update(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
add(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const userId = row.userId;
proxy.$modal
.confirm('是否确认用户为"' + row.nickName + '"的数据项？')
.then(function () {
return remove(userId);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
getList();
</script>

409
src/admin/views/aftersales/deviceParts/index.vue Normal file
View File

@ -0,0 +1,409 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="deviceName"
placeholder="请输入设备型号"
clearable
prefix-icon="Search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="DeviceVersion"
:props="{ label: 'label', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="VersionRef"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="物料名称" prop="partsName">
<el-input
v-model="queryParams.partsName"
placeholder="请输入物料名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="noticeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="序号"
align="center"
type="index"
width="80"
/>
<el-table-column label="物料编码" align="center" prop="partsCode">
</el-table-column>
<el-table-column label="物料名称" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.partsName }}
</template>
</el-table-column>
<el-table-column label="规格型号" align="center" prop="partsModel">
</el-table-column>
<el-table-column label="单位" align="center" prop="partsUnit">
</el-table-column>
<el-table-column
label="库存"
align="center"
prop="quantityMolecular"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
label="价格"
align="center"
prop="price"
width="100"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="100"
>
<!-- <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> -->
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:notice:edit']"
>修改</el-button
>
<el-button
link
type="danger"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
<!-- 添加或修改公告对话框 -->
<el-dialog :title="title" v-model="open" width="780px" append-to-body>
<el-form ref="noticeRef" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="物料编码" prop="partsCode">
<el-input v-model="form.partsCode" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="设备类型" prop="deviceVersion">
<el-select
v-model="form.deviceVersion"
placeholder="设备类型"
clearable
>
<el-option
v-for="item in device_version"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="物料名称" prop="partsName">
<el-input v-model="form.partsName" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="规格型号" prop="partsModel">
<el-input v-model="form.partsModel" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="单位" prop="partsUnit">
<el-input v-model="form.partsUnit" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="库存" prop="quantityMolecular">
<el-input v-model="form.quantityMolecular" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="价格">
<el-input v-model="form.price" placeholder="请输入" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import {
devicePartslist,
devicePartsPut,
devicePartsdel,
} from "@/api/aftersales/deviceParts";
import { getDicts } from "@/api/system/dict/data";
const { proxy } = getCurrentInstance();
const noticeList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const DeviceVersion = ref([]);
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined,
},
rules: {
partsCode: [{ required: true, message: "不能为空", trigger: "blur" }],
partsModel: [{ required: true, message: "不能为空", trigger: "change" }],
partsName: [{ required: true, message: "不能为空", trigger: "blur" }],
deviceVersion: [{ required: true, message: "不能为空", trigger: "blur" }],
partsUnit: [{ required: true, message: "不能为空", trigger: "blur" }],
quantityMolecular: [
{ required: true, message: "不能为空", trigger: "blur" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
const deviceName = ref("");
const device_version = ref([]);
function getVersion() {
getDicts("device_version").then((res) => {
device_version.value = res.data;
DeviceVersion.value = [
{
id: 0,
label: "所有类型",
parentId: -1,
children: res.data.map((item) => {
return {
id: item.dictValue,
label: item.dictLabel,
parentId: 0,
...item,
};
}),
},
];
});
}
getVersion();
/** 根据名称筛选部门树 */
watch(deviceName, (val) => {
proxy.$refs["VersionRef"].filter(val);
});
/** 通过条件过滤节点 */
const filterNode = (value, data) => {
if (!value) return true;
return data.label.indexOf(value) !== -1;
};
function handleNodeClick(e) {
console.log(e);
queryParams.value.deviceVersion = e.dictValue;
getList();
}
/** 查询公告列表 */
function getList() {
loading.value = true;
devicePartslist(queryParams.value).then((response) => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
noticeId: undefined,
noticeTitle: undefined,
noticeType: undefined,
noticeContent: undefined,
status: "0",
};
proxy.resetForm("noticeRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
const idName = ref();
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.partsId);
idName.value = selection.map((item) => item.partsName);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
if (queryParams.value.deviceVersion) {
form.value.deviceVersion = queryParams.value.deviceVersion;
open.value = true;
title.value = "添加公告";
} else {
proxy.$modal.msgWarning("请先选择设备型号");
}
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
form.value = Object.assign({}, row);
open.value = true;
title.value = row.partsName;
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["noticeRef"].validate((valid) => {
if (valid) {
if (form.value.partsId != undefined) {
devicePartsPut(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
devicePartsPost(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const partsId = row.partsId || ids.value;
const partsName = row.partsName || idName.value;
proxy.$modal
.confirm('是否确认删除物料"' + partsName + '"的数据项？')
.then(function () {
return devicePartsdel(partsId);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
getList();
</script>

410
src/admin/views/aftersales/deviceParts/scene.vue Normal file
View File

@ -0,0 +1,410 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="deviceName"
placeholder="请输入设备型号"
clearable
prefix-icon="Search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="DeviceVersion"
:props="{ label: 'label', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="deptTreeRef"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="物料名称" prop="partsName">
<el-input
v-model="queryParams.partsName"
placeholder="请输入物料名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="noticeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="序号"
align="center"
type="index"
width="80"
/>
<el-table-column label="场景名称" align="center" prop="sceneName">
</el-table-column>
<el-table-column label="价格区间" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.minPrice }} ~ {{ scope.row.maxPrice }}
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
>
<!-- <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> -->
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:notice:edit']"
>修改</el-button
>
<el-button
link
type="danger"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
<!-- 添加或修改公告对话框 -->
<el-dialog :title="title" v-model="open" width="780px" append-to-body>
<el-form ref="VersionRef" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="场景名称" prop="sceneName">
<el-input v-model="form.sceneName" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="设备类型" prop="deviceVersion">
<el-select
v-model="form.deviceVersion"
placeholder="设备类型"
@change="changeVerson"
clearable
>
<el-option
v-for="item in device_version"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="配件选择" prop="deviceVersion">
<el-transfer v-model="device_value"
:titles="['未选配件', '已选配件']"
:data="device_list" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import {
devicePartslist,
devicePartsPut,
devicePartsdel,
deviceRepairDEL,
deviceRepairParts,
deviceRepairPUT,
deviceRepairPOST,
sceneList
} from "@/api/aftersales/deviceParts";
import { getDicts } from '@/api/system/dict/data'
const { proxy } = getCurrentInstance();
const noticeList = ref([]);
const open = ref(false);
const loading = ref(false);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const DeviceVersion = ref([]);
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
status: undefined,
},
rules: {
sceneName: [{ required: true, message: "不能为空", trigger: "blur" }],
deviceVersion: [{ required: true, message: "不能为空", trigger: "blur" }],
partsUnit: [{ required: true, message: "不能为空", trigger: "blur" }],
},
});
const { queryParams, form, rules } = toRefs(data);
const device_value=ref([])
const device_list=ref([])
const deviceName = ref("");
const device_version =ref([])
function getVersion(){
getDicts('device_version').then(res=>{
device_version.value =res.data
DeviceVersion.value = [
{
id: 0,
label: "所有类型",
parentId: -1,
children: res.data.map((item) => {
return {
id: item.dictValue,
label: item.dictLabel,
parentId: 0,
...item,
};
}),
},
];
})
}
getVersion()
/** 根据名称筛选部门树 */
watch(deviceName, (val) => {
proxy.$refs["deptTreeRef"].filter(val);
});
/** 通过条件过滤节点 */
const filterNode = (value, data) => {
if (!value) return true;
return data.label.indexOf(value) !== -1;
};
function handleNodeClick(e) {
console.log(e);
queryParams.value.deviceVersion = e.dictValue;
getList();
}
/** 查询公告列表 */
function getList() {
loading.value = true;
sceneList(queryParams.value).then((response) => {
noticeList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
function changeVerson(e){
device_value.value=[]
getDeviceList(e)
}
/** 查询所属列表 */
function getDeviceList(deviceVersion) {
devicePartslist({pageNum:1,pageSize:1000,deviceVersion}).then((response) => {
device_list.value = response.rows.map(item=>{
return {
label:item.partsName,
key:item.partsId,
...item
}
});
console.log(device_list.value)
open.value = true;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
noticeId: undefined,
noticeTitle: undefined,
noticeType: undefined,
noticeContent: undefined,
status: "0",
};
proxy.resetForm("VersionRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
const idName = ref();
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.sceneId);
idName.value = selection.map((item) => item.sceneName);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
if (queryParams.value.deviceVersion) {
getDeviceList(queryParams.value.deviceVersion)
form.value.deviceVersion = queryParams.value.deviceVersion
title.value = "添加维修场景";
} else {
proxy.$modal.msgWarning("请先选择设备型号");
}
}
/**修改按钮操作 */
function handleUpdate(row) {
reset();
form.value = Object.assign({}, row);
device_value.value=[]
getDeviceList(row.deviceVersion)
deviceRepairParts(row.sceneId).then(res=>{
console.log(res)
device_value.value=res.data
})
title.value = "修改维修场景";
}
/** 提交按钮 */
function submitForm() {
console.log(device_value.value)
console.log(form.value)
form.value.partsIds = device_value.value
proxy.$refs["VersionRef"].validate((valid) => {
if (valid) {
if (form.value.sceneId != undefined) {
deviceRepairPUT(form.value).then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
deviceRepairPOST(form.value).then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const partsId = row.sceneId || ids.value;
const partsName = row.sceneName || idName.value;
proxy.$modal
.confirm('是否确认删除维修场景"' + partsName + '"的数据项？')
.then(function () {
return deviceRepairDEL(partsId);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
getList();
</script>

727
src/admin/views/aftersales/order/index.vue Normal file
View File

@ -0,0 +1,727 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="站点名称" prop="noticeTitle">
<el-input
v-model="queryParams.noticeTitle"
placeholder="请输入站点名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="联系人" prop="createBy">
<el-input
v-model="queryParams.createBy"
placeholder="请输入联系人"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="createBy">
<el-input
v-model="queryParams.createBy"
placeholder="请输入手机号"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="noticeType">
<el-select
v-model="queryParams.noticeType"
placeholder="工单类型"
clearable
style="width: 200px"
>
<el-option
v-for="dict in sys_notice_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:notice:remove']"
>删除</el-button
>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> -->
<el-table v-loading="loading" :data="orderList">
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column label="站点名称" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.device.name }}
</template>
</el-table-column>
<el-table-column label="区域" :show-overflow-tooltip="true">
<template #default="scope">
{{ scope.row.device.provinceName }}-{{ scope.row.device.cityName }}-{{
scope.row.device.areaName
}}
</template>
</el-table-column>
<el-table-column label="报修人" align="center" prop="contactName">
<template #default="scope">
<span>{{ scope.row.contactName }}({{ scope.row.contactPhone }})</span>
</template>
</el-table-column>
<el-table-column
label="报修时间"
align="center"
prop="createTime"
width="180"
>
<template #default="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="接单人" align="center" prop="">
<template #default="scope">
<span>{{ scope.row.contactName}}({{scope.row.contactPhone}})</span>
</template>
</el-table-column>
<el-table-column label="接单时间" align="center" prop="createTime" width="100">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column> -->
<el-table-column
label="报修问题"
align="center"
prop="faultDesc"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
label="状态"
align="center"
prop="orderStatus"
width="150"
>
<template #default="scope">
<el-tag :type="orderStatus[scope.row.orderStatus].type">{{
orderStatus[scope.row.orderStatus].label
}}</el-tag>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="View"
@click="handleView(scope.row)"
>查看</el-button
>
<el-button
link
type="primary"
icon="Edit"
:disabled="scope.row.orderStatus !== 5"
@click="handlesCore(scope.row)"
>主管评价</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改工单对话框 -->
<el-dialog :title="title" v-model="open" width="50%" append-to-body>
<el-timeline style="width: 100%">
<el-timeline-item
:timestamp="detailAction[0].actionTime"
placement="top"
v-if="detailAction.length > 0"
>
<el-card>
<el-descriptions
class="margin-top"
title="用户报修"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">设备信息</div>
</template>
<div>{{ detailAction[0].actionInfo.device.ownerName }}</div>
<div>{{ detailAction[0].actionInfo.device.ownerPhone }}</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">设备地址</div>
</template>
{{ detailAction[0].actionInfo.device.provinceName
}}{{ detailAction[0].actionInfo.device.cityName
}}{{ detailAction[0].actionInfo.device.areaName
}}{{ detailAction[0].actionInfo.device.townName
}}{{ detailAction[0].actionInfo.device.community }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">保修时间</div>
</template>
<div style="width: 75px">
{{ detailAction[0].actionInfo.device.warrantyPeriod }}
</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">报修联系人</div>
</template>
<div style="width: 100px">
{{ detailAction[0].actionInfo.contactName }}
</div>
<div>{{ detailAction[0].actionInfo.contactPhone }}</div>
</el-descriptions-item>
<el-descriptions-item span="2">
<template #label>
<div class="cell-item">故障描述</div>
</template>
<div>{{ detailAction[0].actionInfo.faultDesc }}</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">图片/视频</div>
</template>
<div v-for="item in detailAction[0].actionInfo.faultImg">
<el-image
style="width: 100px; height: 100px;float: left;margin: 5px;"
:src="item"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:preview-src-list="[item]"
:initial-index="4"
fit="cover"
/>
</div>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[1].actionTime"
placement="top"
v-if="detailAction.length > 1"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修师傅接单"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修人员</div>
</template>
{{ detailAction[1].actionInfo?.nickName }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">手机号</div>
</template>
{{ detailAction[1].actionInfo?.phonenumber }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[2].actionTime"
placement="top"
v-if="detailAction.length > 2"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修师傅上门签到"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">签到地址</div>
</template>
{{ detailAction[2].actionInfo.location }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[3].actionTime"
placement="top"
v-if="detailAction.length > 3"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修信息"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">更换配件</div>
</template>
<div>
<el-table
:data="detailAction[3].actionInfo.parts"
stripe
style="width: 100%"
>
<el-table-column
prop="partsName"
label="配件名"
width="180"
/>
<el-table-column prop="partsModel" label="型号" />
<el-table-column prop="quantity" label="数量" width="80" />
<el-table-column prop="price" label="价格" width="80" />
</el-table>
</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修事项</div>
</template>
{{ detailAction[3].actionInfo.desc }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修图片</div>
</template>
<div v-for="item in detailAction[3].actionInfo.img">
<el-image
style="width: 100px; height: 100px;float: left;margin: 5px;"
:src="item"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:preview-src-list="[item]"
:initial-index="4"
fit="cover"
/>
</div>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[4].actionTime"
placement="top"
v-if="detailAction.length > 4"
>
<el-card>
<el-descriptions
class="margin-top"
title="用户评价"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">服务描述</div>
</template>
{{ detailAction[4].actionInfo.desc }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">服务星级</div>
</template>
<div>
服务态度：<el-rate
v-model="detailAction[4].actionInfo.serviceAttitudeScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
技术水平：<el-rate
v-model="detailAction[4].actionInfo.technicalLevelScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
规范操作：<el-rate
v-model="detailAction[4].actionInfo.standardOperationScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
沟通能力：<el-rate
v-model="detailAction[4].actionInfo.communicationSkillScore"
disabled
text-color="#ff9900"
/>
</div>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[5].actionTime"
placement="top"
v-if="detailAction.length > 5"
>
<el-card>
<el-descriptions
class="margin-top"
title="主管评价"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">回访描述</div>
</template>
{{detailAction[5].actionInfo.desc}}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">星级评价</div>
</template>
<el-rate
v-model="detailAction[5].actionInfo.starScore"
disabled
text-color="#ff9900"
/>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[6].actionTime"
placement="top"
v-if="detailAction.length > 6"
>
<el-card>
<el-descriptions
class="margin-top"
title="主管评价"
:column="2"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">身份证号</div>
</template>
{{ detailAction[6].actionInfo?.identityNumber }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">银行卡号</div>
</template>
{{ detailAction[6].actionInfo?.bankCardNumber }}
</el-descriptions-item>
<el-descriptions-item span="2">
<template #label>
<div class="cell-item">开户行</div>
</template>
{{ detailAction[6].actionInfo?.bankName }}
</el-descriptions-item>
<el-descriptions-item span="2">
<template #label>
<div class="cell-item">打款凭证</div>
</template>
<div v-for="item in detailAction[6].actionInfo.bankReceiptUrl">
<el-image
style="width: 100px; height: 100px;float: left;margin: 5px;"
:src="item"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:preview-src-list="[item]"
:initial-index="4"
fit="cover"
/>
</div>
</el-descriptions-item>
<el-descriptions-item span="2">
<template #label>
<div class="cell-item">备注</div>
</template>
{{ detailAction[6].actionInfo?.remark }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
</el-timeline>
<template #footer>
<div class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</template>
</el-dialog>
<el-dialog :title="title" v-model="openScore" width="40%" append-to-body>
<el-card>
<el-descriptions
class="margin-top"
title="电话回访客户评价"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item" style="width: 100px">维修人员</div>
</template>
<div></div>
<el-input
v-model="form.desc"
style="width: 100%"
:rows="2"
type="textarea"
placeholder="输入回访信息"
/>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">星级评价</div>
</template>
<el-rate v-model="form.starScore" text-color="#ff9900" />
</el-descriptions-item>
</el-descriptions>
</el-card>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import {
getorderList,
orderDetailByid,
companyRating,
orderactionByid,
} from "@/api/aftersales/order";
const { proxy } = getCurrentInstance();
const { sys_notice_status, sys_notice_type } = proxy.useDict(
"sys_notice_status",
"sys_notice_type"
);
const orderList = ref([]);
const open = ref(false);
const openScore = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const detailAction = ref([]);
const data = reactive({
form: {
orderId: undefined,
desc: undefined,
starScore: 0,
},
queryParams: {
pageNum: 1,
pageSize: 10,
status: undefined,
},
});
const orderStatus = ref({
1: {
label: "待维修人员接单",
type: "warning",
},
2: {
label: "维修人员已接单",
type: "warning",
},
3: {
label: "待上门维修",
type: "warning",
},
4: {
label: "待用户评价",
type: "warning",
},
5: {
label: "待主管评价",
type: "danger",
},
6: {
label: "未打款",
type: "success",
},
7: {
label: "财务已打款",
type: "success",
},
});
const { queryParams, form, rules } = toRefs(data);
/** 查询工单列表 */
function getList() {
loading.value = true;
getorderList(queryParams.value).then((response) => {
orderList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
openScore.value=false
reset();
}
/** 表单重置 */
function reset() {
form.value = {
orderId: undefined,
desc: undefined,
starScore: null,
};
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/**查看按钮操作 */
function handleView(row) {
const Id = row.orderId;
Promise.all([orderactionByid(Id), orderDetailByid(Id)]).then((res) => {
res[0].data[0].actionInfo = res[1].data;
detailAction.value = res[0].data;
open.value = true;
title.value = row.device.name;
console.log(detailAction.value);
});
}
function handlesCore(row) {
reset()
form.value.orderId = row.orderId;
openScore.value = true;
title.value = row.device.name;
}
/** 提交按钮 */
function submitForm() {
if (form.value.orderId && form.value.desc && form.value.starScore!= null) {
companyRating(form.value).then((response) => {
proxy.$modal.msgSuccess("提交成功");
openScore.value = false;
getList();
});
}else{
}
}
/** 删除按钮操作 */
function handleDelete(row) {
const orderIds = row.orderId || ids.value;
proxy.$modal
.confirm('是否确认删除工单编号为"' + orderIds + '"的数据项？')
.then(function () {
return delNotice(orderIds);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
function checkFileSuffix(url){
}
getList();
</script>
<style scoped>
.cell-item {
min-width: 80px;
}
</style>

612
src/admin/views/aftersales/order/repairOrder.vue Normal file
View File

@ -0,0 +1,612 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
v-show="showSearch"
>
<el-form-item label="联系人" prop="assigneeName">
<el-input
v-model="queryParams.assigneeName"
placeholder="请输入联系人"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="orderList">
<el-table-column label="序号" align="center" type="index" width="80" />
<el-table-column label="联系人" prop="assigneeName"></el-table-column>
<el-table-column label="手机号" prop="assigneePhonenumber"></el-table-column>
<el-table-column label="身份证号" prop="identityNumber"></el-table-column>
<el-table-column label="银行卡号" prop="bankCardNumber"></el-table-column>
<el-table-column label="开户行" prop="bankName"></el-table-column>
<el-table-column label="打款金额" prop="orderPrice"></el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
:disabled="scope.row.orderStatus!=6"
@click="handlesCore(scope.row)"
>打款</el-button
>
<el-button
link
type="primary"
icon="View"
:disabled="scope.row.orderStatus!=7"
@click="handleView(scope.row)"
>查看凭证</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改工单对话框 -->
<el-dialog :title="title" v-model="open" width="50%" append-to-body>
<el-timeline style="width: 100%">
<el-timeline-item
:timestamp="detailAction[0].actionTime"
placement="top"
v-if="detailAction.length > 0"
>
<el-card>
<el-descriptions
class="margin-top"
title="用户报修"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">设备信息</div>
</template>
<div>{{ detailAction[0].actionInfo.device.ownerName }}</div>
<div>{{ detailAction[0].actionInfo.device.ownerPhone }}</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">设备地址</div>
</template>
{{ detailAction[0].actionInfo.device.provinceName
}}{{ detailAction[0].actionInfo.device.cityName
}}{{ detailAction[0].actionInfo.device.areaName
}}{{ detailAction[0].actionInfo.device.townName
}}{{ detailAction[0].actionInfo.device.community }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">保修时间</div>
</template>
<div style="width: 75px">
{{ detailAction[0].actionInfo.device.warrantyPeriod }}
</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">报修联系人</div>
</template>
<div style="width: 100px">
{{ detailAction[0].actionInfo.contactName }}
</div>
<div>{{ detailAction[0].actionInfo.contactPhone }}</div>
</el-descriptions-item>
<el-descriptions-item span="2">
<template #label>
<div class="cell-item">故障描述</div>
</template>
<div>{{ detailAction[0].actionInfo.faultDesc }}</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">图片/视频</div>
</template>
<div v-for="item in detailAction[0].actionInfo.faultImg">
<ImagePreview
v-if="checkFileSuffix(item)"
:width="100" :height="100"
:src="item"
:preview-src-list="[item]"/>
</div>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[1].actionTime"
placement="top"
v-if="detailAction.length > 1"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修师傅接单"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修人员</div>
</template>
{{ detailAction[1].actionInfo?.nickName }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">手机号</div>
</template>
{{ detailAction[1].actionInfo?.phonenumber }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[2].actionTime"
placement="top"
v-if="detailAction.length > 2"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修师傅上门签到"
:column="3"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">签到地址</div>
</template>
{{ detailAction[2].actionInfo.location }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[3].actionTime"
placement="top"
v-if="detailAction.length > 3"
>
<el-card>
<el-descriptions
class="margin-top"
title="维修信息"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">更换配件</div>
</template>
<div>
<el-table
:data="detailAction[3].actionInfo.parts"
stripe
style="width: 100%"
>
<el-table-column
prop="partsName"
label="配件名"
width="180"
/>
<el-table-column prop="partsModel" label="型号" />
<el-table-column prop="quantity" label="数量" width="80" />
<el-table-column prop="price" label="价格" width="80" />
</el-table>
</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修事项</div>
</template>
{{ detailAction[3].actionInfo.desc }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">维修图片</div>
</template>
<img
:src="item"
v-for="item in detailAction[3].actionInfo.img"
alt=""
/>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[4].actionTime"
placement="top"
v-if="detailAction.length > 4"
>
<el-card>
<el-descriptions
class="margin-top"
title="用户评价"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">服务描述</div>
</template>
{{ detailAction[4].actionInfo.desc }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">服务星级</div>
</template>
<div>
服务态度：<el-rate
v-model="detailAction[4].actionInfo.serviceAttitudeScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
技术水平：<el-rate
v-model="detailAction[4].actionInfo.technicalLevelScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
规范操作：<el-rate
v-model="detailAction[4].actionInfo.standardOperationScore"
disabled
text-color="#ff9900"
/>
</div>
<div>
沟通能力：<el-rate
v-model="detailAction[4].actionInfo.communicationSkillScore"
disabled
text-color="#ff9900"
/>
</div>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
<el-timeline-item
:timestamp="detailAction[5].actionTime"
placement="top"
v-if="detailAction.length > 5"
>
<el-card>
<el-descriptions
class="margin-top"
title="主管评价"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item">回访描述</div>
</template>
{{detailAction[5].actionInfo.desc}}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">星级评价</div>
</template>
<el-rate
v-model="detailAction[5].actionInfo.starScore"
disabled
text-color="#ff9900"
/>
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-timeline-item>
</el-timeline>
<template #footer>
<div class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</template>
</el-dialog>
<el-dialog :title="title" v-model="openHistory" width="40%" append-to-body>
<el-card>
<el-descriptions
class="margin-top"
title="打款凭证确认"
:column="1"
border
>
<el-descriptions-item>
<template #label >
<div class="cell-item" style="width: 0px">打款凭证</div>
</template>
<div v-for="item in bankReceipData.bankReceiptUrl">
<el-image
style="width: 100px; height: 100px;float: left;margin: 5px;"
:src="item"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:preview-src-list="bankReceipData.bankReceiptUrl"
:initial-index="4"
fit="cover"
/>
</div>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">备注</div>
</template>
{{bankReceipData.remark}}
</el-descriptions-item>
</el-descriptions>
</el-card>
<template #footer>
<div class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
<el-dialog :title="title" v-model="openRepair" width="40%" append-to-body>
<el-card>
<el-descriptions
class="margin-top"
title="打款凭证确认"
:column="1"
border
>
<el-descriptions-item>
<template #label>
<div class="cell-item" style="width: 100px">打款凭证</div>
</template>
<el-upload
v-model:file-list="fileList"
action="#"
:http-request="uploadFile"
list-type="picture-card"
:before-upload="beforeUpload"
:on-change="handleChange"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
>
<el-icon><Plus /></el-icon>
</el-upload>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">备注</div>
</template>
<el-input
v-model="form.remark"
style="width: 100%"
:rows="2"
type="textarea"
placeholder="输入备注"
/>
</el-descriptions-item>
</el-descriptions>
</el-card>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Notice">
import {
settlementList,
settlementAction,
orderDetailByid,
orderactionByid,
upload,
uploadDel,
bankReceip
} from "@/api/aftersales/order";
const { proxy } = getCurrentInstance();
const { sys_notice_status, sys_notice_type } = proxy.useDict(
"sys_notice_status",
"sys_notice_type"
);
const orderList = ref([]);
const open = ref(false);
const openHistory =ref(false)
const openRepair = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const fileList =ref([])
const detailAction = ref([]);
const bankReceipData =ref({})
const data = reactive({
form: {
orderId: undefined,
desc: undefined,
starScore: 0,
},
queryParams: {
pageNum: 1,
pageSize: 10,
status: undefined,
},
});
const { queryParams, form, rules } = toRefs(data);
/** 查询工单列表 */
function getList() {
loading.value = true;
settlementList(queryParams.value).then((response) => {
orderList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
openHistory.value =false
openRepair.value=false
reset();
}
/** 表单重置 */
function reset() {
form.value = {
orderId: undefined,
desc: undefined,
starScore: null,
};
}
function handleRemove(e){
form.value.bankReceip.forEach(element => {
if(element.uid == e.uid){
uploadDel(element.ossId)
}
});
}
/** 打款凭证上传 */
function uploadFile(e){
let param = new FormData();
param.append('file',e.file)
upload(param).then(res=>{
form.value.bankReceip.push({...res.data,uid:e.file.uid})
console.log(form.value.bankReceip)
})
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
/**查看按钮操作 */
function handleView(row) {
const Id = row.orderId;
// Promise.all([orderactionByid(Id), orderDetailByid(Id)]).then((res) => {
// res[0].data[0].actionInfo = res[1].data;
// detailAction.value = res[0].data;
// open.value = true;
// title.value = row.assigneeName;
// console.log(detailAction.value);
// });
bankReceip(Id).then(res=>{
bankReceipData.value = res.data
openHistory.value =true
title.value = row.assigneeName;
})
}
function handlesCore(row) {
reset()
form.value.orderId = row.orderId;
form.value.bankReceip=[]
openRepair.value = true;
title.value = row.assigneeName;
}
/** 提交按钮 */
function submitForm() {
if (form.value.bankReceip.length) {
let data = {
bankReceiptUrl:'',
remark:form.value.remark,
orderId: form.value.orderId
}
data.bankReceiptUrl= form.value.bankReceip.map(item=>{
return item. url
})
settlementAction(data).then((response) => {
proxy.$modal.msgSuccess("提交成功");
openRepair.value = false;
getList();
});
}else{
proxy.$modal.msgWarning("请上传打款凭证");
}
}
/** 删除按钮操作 */
function handleDelete(row) {
const orderIds = row.orderId || ids.value;
proxy.$modal
.confirm('是否确认删除工单编号为"' + orderIds + '"的数据项？')
.then(function () {
return delNotice(orderIds);
})
.then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
function checkFileSuffix(url){
}
getList();
</script>
<style scoped>
.cell-item {
min-width: 80px;
}
</style>

509
src/admin/views/renovation/siteIndex/detail.vue Normal file
View File

@ -0,0 +1,509 @@
<template>
<div class="">
<slot></slot>
<el-row :gutter="20">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="siteParams.layerName"
placeholder="请输入站点名称"
clearable
prefix-icon="Search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="layerOptions"
:props="{ label: 'label', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="depTreeRef"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<span>
<el-icon color="blue" v-if="getFlagCheck(data.type)">
<CircleCheckFilled />
</el-icon>
<el-icon color="red" v-if="getFlagClose(data.type)"
><CircleCloseFilled
/></el-icon>
<el-icon v-if="getFlagFill(data.type)"
><RemoveFilled
/></el-icon>
{{ node.label }}
</span>
</span>
</template>
</el-tree>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-descriptions class="margin-top" :column="3" border>
<template #title>
<div style="height: 32px; line-height: 43px">
{{ planData.planName }}
</div>
</template>
<template #extra>
<div v-if="getApplyShow">
<el-button
type="danger"
@click="rejectInfo"
v-hasPermi="['renovation:siteIndex:reject']"
>驳回</el-button
>
<el-button
type="success"
@click="completeInfo"
v-hasPermi="['renovation:siteIndex:complete']"
>通过</el-button
>
</div>
</template>
<el-descriptions-item width="10%">
<template #label>
<div class="cell-item">建设单位</div>
</template>
{{ buildInfo?.devCompany }}
</el-descriptions-item>
<el-descriptions-item width="10%">
<template #label>
<div class="cell-item">施工单位</div>
</template>
{{ buildInfo?.consCompany }}
</el-descriptions-item>
<el-descriptions-item width="10%">
<template #label>
<div class="cell-item">设备生产厂家</div>
</template>
{{ buildInfo?.manufacturer }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">施工日期</div>
</template>
<el-tag size="small" v-if="buildInfo?.buildDate"> {{ buildInfo?.buildDate }}</el-tag>
</el-descriptions-item>
<el-descriptions-item>
<template #label>
<div class="cell-item">反馈图片</div>
</template>
<el-image
style="width: 30px; height: 35px"
:src="item"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
v-for="item in buildInfo?.img"
:preview-src-list="buildInfo?.img"
:initial-index="4"
fit="cover"
/>
<!-- <img style="width: 30px;height: 30px;" src="http://localhost/src/admin/assets/logo/logo.png" v-for="item in 4" /> -->
<!-- <img :src="item" v-for="item in buildInfo?.img" /> -->
</el-descriptions-item>
</el-descriptions>
<el-table
v-loading="loading"
:data="renovationList"
height="calc(100vh - 360px)"
>
<el-table-column
label="改造类型"
align="center"
prop="renovationType"
width="150"
>
<template #default="scope">
{{ scope.row.renovationType.dictName }}
</template>
</el-table-column>
<el-table-column
label="改造内容"
align="center"
prop="renovationContent"
>
<template #default="scope">
{{ scope.row.renovationContent.dictName }}
</template>
</el-table-column>
<el-table-column
label="整改原因"
align="center"
prop="renovationReason"
>
<template #default="scope">
{{ scope.row.renovationReason.dictName }}
</template>
</el-table-column>
<el-table-column
label="整改方案"
align="center"
prop="renovationMeasure"
>
<template #default="scope">
{{ scope.row.renovationMeasure.dictName }}
</template>
</el-table-column>
<el-table-column label="产品名称" align="center" prop="prodName">
<template #default="scope">
{{ scope.row.prodInfo.prodName }}
</template>
</el-table-column>
<el-table-column
label="型号"
show-overflow-tooltip
align="center"
prop="prodModel"
>
<template #default="scope">
{{ scope.row.prodInfo.prodModel }}
</template>
</el-table-column>
<el-table-column label="单价" align="center" prop="prodPrice">
<template #default="scope">
{{ scope.row.prodInfo.prodPrice }}
</template>
</el-table-column>
<el-table-column
label="操作（核对金额）"
align="center"
width="150"
v-if="getPriceShow"
class-name="small-padding fixed-width"
>
<template #default="scope">
<div v-if="reviewStatus=='2'">{{scope.row.reviewPrice}}</div>
<div v-else>
<el-input
v-model="scope.row.reviewPrice"
style="width: 100px"
placeholder="核对金额"
v-hasPermi="['renovation:siteIndex:price']"
:formatter="
(value) =>
`￥ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
"
:parser="(value) => value.replace(/\￥\s?|(,*)/g, '')"
/>
</div>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getBuild"
/>
</el-col>
</el-row>
</div>
</template>
<script setup name="porfiles">
import { ElMessage } from "element-plus";
import {
build,
details,
reject,
complete,
devices,
} from "@/api/system/siteplan";
import useUserStore from "@/store/modules/user";
const { proxy } = getCurrentInstance();
const props = defineProps({
arrSite: Object,
planData: Object,
});
console.log(props);
const planData = ref(props.planData);
const data = reactive({
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: false,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 图层管理表格数据
dataList: [],
planList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
createBy: undefined,
layersId: undefined,
},
// 表单参数
form: {},
// 表单校验
});
const input = ref("");
const {
open,
showSearch,
queryParams,
form,
ids,
title,
dataList,
total,
multiple,
single,
loading,
planList,
buttonLoading,
} = toRefs(data);
const planDialog = ref("测试方案1");
const applyDialog = ref(false);
const layerName = ref();
const renovationList = ref([]);
const siteParams = reactive({
layerName: undefined,
pageNum: 1,
pageSize: 100,
});
const filterNode = (value, data) => {
if (!value) return true;
return data.label.indexOf(value) !== -1;
};
const reviewStatus = ref(-1);
// technology
const getPriceShow = ref(false);
const roles = useUserStore().roles;
// '0':{label:'技术审核中', type:'warning'},
// '1':{label:'财务审核中',type:'warning'},
// '2':{label:'审核完成',type:'success'},
// '3':{label:'驳回待修改',type:'danger'},
const getApplyShow = computed(() => {
if (buildInfo.value?.reviewStatus == 0 && roles.indexOf("technology") != -1) {
return true;
}
if (buildInfo.value?.reviewStatus == 1 && roles.indexOf("finance") != -1) {
return true;
}
return false;
});
console.log(roles.indexOf("finance"));
console.log(roles.indexOf("technology"));
watch(reviewStatus, (val) => {
if (val == 2) getPriceShow.value = true;
else if (val == 1 && roles.indexOf("finance") != -1) {
getPriceShow.value = true;
}
});
const getFlagCheck = (reviewStatus) => {
if (
(reviewStatus == 1 && roles.indexOf("technology") != -1) ||
reviewStatus == 2
) {
return true;
} else {
return false;
}
};
const getFlagClose = (reviewStatus) => {
if (reviewStatus == 3) {
return true;
} else {
return false;
}
};
const getFlagFill = (reviewStatus) => {
if (
(reviewStatus == 0 && roles.indexOf("technology") != -1) ||
(reviewStatus == 1 && roles.indexOf("finance") != -1)
) {
return true;
} else {
return false;
}
};
const layerOptions = ref();
const setLayerTree = (data) => {
let parent = [
{
id: 0,
label: "所有站点",
parentId: -1,
children: data.map((item, index) => {
return {
id: item.id,
code: item.code,
label: item.name,
parentId: 0,
type: item.reviewStatus,
};
}),
},
];
layerOptions.value = parent;
};
setLayerTree(props.arrSite);
const userData = ref([]);
const userQuery = ref([]);
const filterMethod = (query, item) => {
return item.initial.toLowerCase().includes(query.toLowerCase());
};
const buildInfo = ref({});
/** 查询图层管理列表 */
function getBuild() {
build({
planId: planData.value.planId,
deviceId: queryParams.value.deviceId,
}).then((response) => {
response.data.img = JSON.parse(response.data.img);
buildInfo.value = response.data;
reviewStatus.value = response.data.reviewStatus;
});
}
function getDetails() {
loading.value = true;
details({
planId: planData.value.planId,
deviceId: queryParams.value.deviceId,
}).then((response) => {
renovationList.value = response.rows.map(item=>{
return {
...item,
reviewPrice:JSON.stringify(item.reviewPrice)=='{}'?'':item.reviewPrice
}
});
total.value = response.total;
loading.value = false;
});
}
const handleNodeClick = (e) => {
console.log(e);
queryParams.value.deviceId = e.id;
getBuild();
getDetails();
};
const rejectInfo = () => {
proxy.$modal
.prompt("是否确认驳回当前站点方案,请输入驳回理由！")
.then((e) => {
console.log(e.value);
return reject({
planId: planData.value.planId,
deviceId: queryParams.value.deviceId,
reviewRemark: e.value,
});
})
.then(async () => {
let res = await devices({ planId: planData.value.planId });
setLayerTree(res.data);
getBuild();
})
.catch(() => {})
.finally(() => {
loading.value = false;
});
};
const completeInfo = () => {
let details=[];
if (roles.indexOf("finance") != -1) {
let flagIndex = -1;
for (let i=0; i < renovationList.value.length; i++) {
let item = renovationList.value[i];
let reviewPrice =
item.reviewPrice &&
parseFloat(item.reviewPrice.replace(/\￥\s?|(,*)/g, ""));
if (isNaN(reviewPrice)|| reviewPrice == undefined) {
flagIndex = i + 1;
break;
} else {
details.push({
listId: item.listId,
reviewPrice,
});
}
}
if (flagIndex != -1) {
ElMessage({
message: `第${flagIndex}项目填写错误，请核对`,
type: "error",
duration: 5 * 1000,
});
return;
}
}
proxy.$modal
.prompt("是否通过当前站点方案,请输入通过备注！")
.then((e) => {
console.log(e.value);
return complete({
planId: planData.value.planId,
deviceId: queryParams.value.deviceId,
reviewRemark: e.value,
details,
});
})
.then(async () => {
let res = await devices({ planId: planData.value.planId });
setLayerTree(res.data);
getBuild();
})
.catch(() => {})
.finally(() => {
loading.value = false;
});
};
</script>
<style lang="scss" scoped>
.dialog-footer {
display: flex;
justify-content: end;
}
.margin-top {
margin-top: -45px;
}
</style>

7
src/admin/views/renovation/siteIndex/dist.js Normal file
View File

@ -0,0 +1,7 @@
export const planStatus={
'0':{label:'技术审核中', type:'warning'},
'1':{label:'财务审核中',type:'warning'},
'2':{label:'审核完成',type:'success'},
'3':{label:'驳回待修改',type:'danger'},
}

304
src/admin/views/renovation/siteIndex/index.vue Normal file
View File

@ -0,0 +1,304 @@
<template>
<div class="app-container">
<transition name="fade">
<el-row :gutter="20" v-if="!showDetail">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="方案名称" prop="layerName">
<el-input
v-model="queryParams.planName"
placeholder="请输入方案"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建人" prop="layerName">
<el-input
v-model="queryParams.createBy"
placeholder="请输入创建人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="状态" prop="layerName">
<el-input
v-model="queryParams.createBy"
placeholder=""
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="dataList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="档案编号"
align="center"
prop="planId"
width="150"
/>
<el-table-column label="方档案名称" align="center" prop="planName" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="状态" align="center" prop="createBy">
<template #default="scope">
<div>
<el-tag :type="planStatus[scope.row.reviewStatus]?.type"
>{{planStatus[scope.row.reviewStatus]?.label}}</el-tag
>
</div>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
v-hasPermi="['renovation:siteIndex:apply']"
@click="handleOpen(scope.row)"
>审核</el-button
>
<!-- <el-button
link
type="primary"
icon="Edit"
>导出excel</el-button
>
<el-button
link
type="primary"
icon="Edit"
>导出world</el-button
> -->
<el-button
link
type="danger"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:porfiles:remove']"
>删除</el-button
>
<el-dropdown style="margin: 2px 7px;" v-hasPermi="['renovation:siteIndex:apply']">
<el-button type="primary" link>
导出<el-icon class="el-icon--right"><arrow-down /></el-icon>
</el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="handleExcel(scope.row)">导出excel</el-dropdown-item>
<el-dropdown-item @click="handleWorld(scope.row)">导出world</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</el-row>
</transition>
<transition name="detail">
<detailCom v-if="showDetail" :arrSite="arrSite" :planData = "planData">
<el-button
type="primary"
icon="ArrowLeft"
style="margin-bottom: 10px"
@click="backCall"
>返回</el-button
>
</detailCom>
</transition>
</div>
</template>
<script setup name="porfiles">
import { list,devices,excel } from "@/api/system/siteplan";
import {planStatus} from './dist.js'
import detailCom from "./detail";
const { proxy } = getCurrentInstance();
const showDetail = ref(false);
const backCall = () => {
if (!document.startViewTransition) {
showDetail.value = false;
return;
}
document.startViewTransition(() => (showDetail.value = false));
getList()
// showDetail.value = false
};
const data = reactive({
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: false,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 图层管理表格数据
dataList: [
],
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
createBy: undefined,
layersId: undefined,
},
// 表单参数
form: {},
// 表单校验
});
const input = ref("");
const {
open,
showSearch,
queryParams,
form,
ids,
title,
dataList,
total,
multiple,
single,
loading,
planList,
buttonLoading,
} = toRefs(data);
const planDialog = ref("");
const applyDialog = ref(false);
const layerName = ref();
const filterMethod = (query, item) => {
return item.initial.toLowerCase().includes(query.toLowerCase());
};
const handleExcel = ( item) => {
excel(item.planId)
proxy.download("/renovationPlan/export/excel", {
planId:item.planId
}, `${item.planName}.xlsx`,{
baseURL: "/plan-api"
});
}
const handleWorld = ( item) => {
excel(item.planId)
proxy.download("/renovationPlan/export/word", {
planId:item.planId
}, `${item.planName}.docx`,{
baseURL: "/plan-api"
});
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加图层管理";
}
//详情
const arrSite = ref([])
const planData = ref({})
async function handleOpen(row) {
let res = await devices({planId:row.planId});
planData.value =row
arrSite.value = res.data
showDetail.value = true;
applyDialog.value = true;
}
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id);
single.value = selection.length !== 1;
multiple.value = !selection.length;
}
/** 查询理列表 */
function getList() {
// loading.value = false;
loading.value = true;
list(queryParams.value).then((response) => {
response = response.data;
dataList.value = response.items;
total.value = response.total;
loading.value = false;
});
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryForm");
handleQuery();
}
getList();
</script>
<style lang="scss" scoped>
.fade-enter-active {
transition: all 0.3s ease-out;
}
.fade-leave-active {
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.fade-enter-from,
.fade-leave-to {
transform: translateX(-120px);
opacity: 0;
}
.detail-enter-active,
.detail-leave-active {
transition: opacity 0.5s ease;
}
.detail-enter-from,
.detail-leave-to {
opacity: 0;
}
</style>

56
src/admin/views/system/layers/index.vue
View File

@ -74,7 +74,22 @@
<el-table-column label="图层地址" align="center" prop="layerUrl" /> <el-table-column label="图层地址" align="center" prop="layerUrl" />
<el-table-column label="航拍图地址" align="center" prop="tiffUrl" /> <el-table-column label="航拍图地址" align="center" prop="tiffUrl" />
<el-table-column label="高程文件" align="center" prop="ascUrl" /> <el-table-column label="高程文件" align="center" prop="ascUrl" />
<el-table-column label="JPG文件" align="center" prop="jpgUrl" /> <el-table-column label="JPG文件是否生成" align="center" prop="jpgUrl">
<template #default="scope">
<span>
<el-tag v-if="scope.row.jpgUrl"> 已生成 </el-tag>
<el-tag v-else type="danger"> 未生成 </el-tag>
</span>
</template>
</el-table-column>
<el-table-column label="图层坐标体系" align="center" prop="jpgUrl">
<template #default="scope">
<span>
{{(coordList.filter(item=>item.value==scope.row.coordinateSystem))[0].label}}
</span>
</template>
</el-table-column>
<el-table-column <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
@ -169,6 +184,18 @@
placeholder="请输入高成文件" placeholder="请输入高成文件"
/> />
</el-form-item> </el-form-item>
<el-form-item label="坐标体系" prop="ascUrl">
<el-select
style="width: 100%"
v-model="form.coordinateSystem"
placeholder="请选择"
size="large"
>
<el-option :label="item.label" :value="item.value" v-for="item in coordList" />
</el-select>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
@ -282,6 +309,11 @@ const {
buttonLoading, buttonLoading,
} = toRefs(data); } = toRefs(data);
const userSelect = ref("图层分配用户"); const userSelect = ref("图层分配用户");
const coordList=ref([
{ label:'WGS84',value:1},
{ label:'CGCS2000',value:2},
])
const openUser = ref(false); const openUser = ref(false);
const generateData = () => { const generateData = () => {
@ -336,12 +368,11 @@ function handleAdd() {
} }
//用户分配 //用户分配
function handleOpenUser(row) { function handleOpenUser(row) {
authUserGet(row.id).then(res=>{ authUserGet(row.id).then((res) => {
form.value.id = row.id; form.value.id = row.id;
userQuery.value = res.data; userQuery.value = res.data;
openUser.value = true; openUser.value = true;
}) });
} }
function handleCheck(row) { function handleCheck(row) {
proxy.$modal proxy.$modal
@ -422,22 +453,19 @@ function resetQuery() {
function submitUser() { function submitUser() {
console.log(userQuery.value); console.log(userQuery.value);
let data = { let data = {
layersId: form.value.id, layersId: form.value.id,
userIds: userQuery.value, userIds: userQuery.value,
} };
console.log(data); console.log(data);
proxy.$modal proxy.$modal
.confirm("是否将当前图层分配给已选用户？") .confirm("是否将当前图层分配给已选用户？")
.then(() => { .then(() => {
authUserPut(data).then((res) => { authUserPut(data).then((res) => {
proxy.$modal.msgSuccess("分配成功"); proxy.$modal.msgSuccess("分配成功");
openUser.value = false; openUser.value = false;
}); });
}) })
.then(() => { .then(() => {})
})
.catch(() => {}) .catch(() => {})
.finally(() => { .finally(() => {
loading.value = false; loading.value = false;

1
src/admin/views/system/oss/index.vue
View File

@ -123,6 +123,7 @@
<el-table-column label="文件后缀" align="center" prop="fileSuffix" /> <el-table-column label="文件后缀" align="center" prop="fileSuffix" />
<el-table-column label="文件展示" align="center" prop="url"> <el-table-column label="文件展示" align="center" prop="url">
<template #default="scope"> <template #default="scope">
<ImagePreview <ImagePreview
v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)" v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)"
:width="100" :height="100" :width="100" :height="100"

30
src/admin/views/system/porfiles/index.vue Normal file
View File

@ -0,0 +1,30 @@
<template>
<div class="app-container">
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="特征物档案" name="regon">
<profiles type = 'regon'></profiles>
</el-tab-pane>
<el-tab-pane label="管网布线档案" name="line">
<profiles type = 'line' ></profiles>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script setup name="porfiles">
import profiles from './profiles'
const activeName = ref('regon')
const handleClick = (tab, event) => {
console.log(tab, event)
}
</script>
<style lang="scss" scoped>
.dialog-footer {
display: flex;
justify-content: end;
}
</style>

428
src/admin/views/system/porfiles/profiles.vue Normal file
View File

@ -0,0 +1,428 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="layerParams.layerName"
placeholder="请输入图层名称"
clearable
prefix-icon="Search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="layerOptions"
:props="{ label: 'label', children: 'children' }"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="layerTreeRef"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="创建人" prop="layerName">
<el-input
v-model="queryParams.createBy"
placeholder="请输入创建人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="layersList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="档案编号"
align="center"
prop="id"
width="150"
/>
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="存档时间" align="center" prop="createTime" />
<el-table-column label="是否分配" align="center" prop="createBy">
<template #default="scope">
<div>
<el-tag v-if="scope.row.authUserCount" type="success"
>已分配({{ scope.row.authUserCount }})</el-tag
>
<el-tag v-else type="danger">无分配</el-tag>
</div>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template #default="scope">
<el-button
link
type="primary"
icon="Edit"
@click="handleOpenUser(scope.row)"
>存档分配</el-button
>
<el-button
link
type="danger"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:porfiles:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
<el-dialog
:title="userSelect"
v-model="openUser"
width="700px"
append-to-body
>
<el-transfer
v-model="userQuery"
filterable
:filter-method="filterMethod"
filter-placeholder="筛选用户"
:titles="['图层所属用户', '档案分配用户']"
:button-texts="['移除', '添加']"
:data="userData"
/>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitUser">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="profiles">
import * as requestUrl from "@/api/system/porfiles";
import { listLayers } from "@/api/system/layers";
import { listUser } from "@/api/system/user";
const { proxy } = getCurrentInstance();
const props = defineProps({
type:String
})
const data = reactive({
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: false,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 图层管理表格数据
layersList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
createBy: undefined,
layersId: undefined,
},
// 表单参数
form: {},
// 表单校验
});
const {
open,
showSearch,
queryParams,
form,
ids,
title,
layersList,
total,
multiple,
single,
loading,
buttonLoading,
} = toRefs(data);
const userSelect = ref("档案分配用户");
const openUser = ref(false);
const layerName = ref();
const layerParams = reactive({
layerName: undefined,
pageNum: 1,
pageSize: 100,
});
watch(layerParams, (val) => {
console.log(val.layerName);
proxy.$refs["layerTreeRef"].filter(val.layerName);
});
const getLayerTree = () => {
const data = [];
return new Promise((resolve, reject) => {
listLayers(layerParams).then((res) => {
let parent = [
{
id: 0,
label: "所有图层",
parentId: -1,
children: res.rows.map((item) => {
return {
id: item.id,
label: item.layerName,
parentId: 0,
};
}),
},
];
resolve(parent);
});
});
};
const userData = ref([]);
const userQuery = ref([]);
const filterMethod = (query, item) => {
return item.initial.toLowerCase().includes(query.toLowerCase());
};
// 表单重置
function reset() {
form.value = {
id: undefined,
layerName: undefined,
layerUrl: undefined,
tiffUrl: undefined,
ascUrl: undefined,
jpgUrl: undefined,
createTime: undefined,
updateTime: undefined,
createBy: undefined,
updateBy: undefined,
fileLoad: undefined,
};
proxy.resetForm("deptRef");
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加图层管理";
}
//用户分配
async function handleOpenUser(row) {
let res = await requestUrl[props.type+'layerUsers'](row.id);
form.value.id = row.id;
userData.value = res.data.map((item) => {
return {
label: item.nickName,
key: item.userId,
initial: item.nickName,
};
});
res = await requestUrl[props.type+'authUserGet'](row.id);
userQuery.value = res.data
openUser.value = true;
}
const filterNode=(value,data)=>{
if (!value) return true
return data.label.indexOf(value) !== -1
}
//所有用户
const generateData = () => {
const data = [];
return new Promise((resolve, reject) => {
listUser().then((res) => {
console.log(res);
const states = res.rows;
states.forEach((item, index) => {
data.push({
label: item.nickName,
key: item.userId,
initial: item.nickName,
});
});
console.log(data);
resolve(data);
});
});
};
// generateData().then((res) => {
// console.log(res)
// debugger
// userData.value = res;
// });
/** 提交按钮 */
function submitForm() {
proxy.$refs["deptRef"].validate((valid) => {
if (valid) {
buttonLoading.value = true;
if (form.value.id != null) {
updateLayers(form.value)
.then((response) => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
})
.finally(() => {
buttonLoading.value = false;
});
} else {
addLayers(form.value)
.then((response) => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
})
.finally(() => {
buttonLoading.value = false;
});
}
}
});
}
// 取消按钮
function cancel() {
open.value = false;
openUser.value = false;
reset();
}
// 多选框选中数据
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id);
single.value = selection.length !== 1;
multiple.value = !selection.length;
}
/** 查询图层管理列表 */
function getList() {
// loading.value = false;
loading.value = true;
requestUrl[props.type+'list'](queryParams.value).then((response) => {
layersList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryForm");
handleQuery();
}
/** 删除按钮操作 */
function handleDelete(row) {
const idsData = row.id || ids.value;
proxy.$modal
.confirm('是否确认删除档案管理编号为"' + idsData + '"的数据项？')
.then(() => {
loading.value = true;
return profilesDel(idsData);
})
.then(() => {
loading.value = false;
getList();
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
loading.value = false;
});
}
//开始分配
function submitUser() {
console.log(userQuery.value);
let data = {
profilesId: form.value.id,
userIds: userQuery.value,
};
console.log(data);
proxy.$modal
.confirm("是否将当前图层分配给已选用户？")
.then(() => {
requestUrl[props.type+'authUserPut'](data).then((res) => {
proxy.$modal.msgSuccess("分配成功");
openUser.value = false;
getList()
});
})
.then(() => {})
.catch(() => {})
.finally(() => {
loading.value = false;
});
}
const layerOptions = ref();
getLayerTree().then((res) => {
layerOptions.value = res;
});
const handleNodeClick = (e) => {
console.log(e);
queryParams.value.layersId = e.id;
getList();
};
</script>
<style lang="scss" scoped>
.dialog-footer {
display: flex;
justify-content: end;
}
</style>

1
src/admin/views/system/user/index.vue
View File

@ -403,6 +403,7 @@ const { queryParams, form, rules } = toRefs(data);
/** 通过条件过滤节点 */ /** 通过条件过滤节点 */
const filterNode = (value, data) => { const filterNode = (value, data) => {
if (!value) return true; if (!value) return true;
debugger
return data.label.indexOf(value) !== -1; return data.label.indexOf(value) !== -1;
}; };
/** 根据名称筛选部门树 */ /** 根据名称筛选部门树 */

BIN
src/index/assets/desktop.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 148 KiB

44
src/index/main.js
View File

@ -11,7 +11,7 @@ import App from './App'
import router from './router' import router from './router'
import { download } from '@/utils/request'
// svg图标 // svg图标
import 'virtual:svg-icons-register' import 'virtual:svg-icons-register'
@ -19,50 +19,8 @@ import SvgIcon from '@/components/SvgIcon'
import elementIcons from '@/components/SvgIcon/svgicon' import elementIcons from '@/components/SvgIcon/svgicon'
import { useDict } from '@/utils/dict'
import { getConfigKey, updateConfigByKey } from "@/api/system/config";
import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
// 分页组件
import Pagination from '@/components/Pagination'
// 自定义表格工具组件
import RightToolbar from '@/components/RightToolbar'
// 富文本组件
import Editor from "@/components/Editor"
// 文件上传组件
import FileUpload from "@/components/FileUpload"
// 图片上传组件
import ImageUpload from "@/components/ImageUpload"
// 图片预览组件
import ImagePreview from "@/components/ImagePreview"
// 自定义树选择组件
import TreeSelect from '@/components/TreeSelect'
// 字典标签组件
import DictTag from '@/components/DictTag'
import modal from './utils/modal'
const app = createApp(App) const app = createApp(App)
import './permission' // permission control import './permission' // permission control
// 全局方法挂载
app.config.globalProperties.useDict = useDict
app.config.globalProperties.getConfigKey = getConfigKey
app.config.globalProperties.updateConfigByKey = updateConfigByKey
app.config.globalProperties.download = download
app.config.globalProperties.parseTime = parseTime
app.config.globalProperties.resetForm = resetForm
app.config.globalProperties.handleTree = handleTree
app.config.globalProperties.addDateRange = addDateRange
app.config.globalProperties.selectDictLabel = selectDictLabel
app.config.globalProperties.selectDictLabels = selectDictLabels
app.config.globalProperties.$modal = modal
// 全局组件挂载
app.component('DictTag', DictTag)
app.component('Pagination', Pagination)
app.component('TreeSelect', TreeSelect)
app.component('FileUpload', FileUpload)
app.component('ImageUpload', ImageUpload)
app.component('ImagePreview', ImagePreview)
app.component('RightToolbar', RightToolbar)
app.component('Editor', Editor)
app.use(router) app.use(router)

12
src/index/permission.js
View File

@ -1,13 +1,11 @@
import router from './router' import router from './router'
import { ElMessage } from 'element-plus'
import NProgress from 'nprogress' import NProgress from 'nprogress'
import 'nprogress/nprogress.css' import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import { isHttp } from '@/utils/validate'
import { isRelogin } from '@/utils/request'
import useUserStore from '@/store/modules/user'
import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission'
NProgress.configure({ showSpinner: false }); NProgress.configure({ showSpinner: false });
@ -23,11 +21,7 @@ router.beforeEach((to, from, next) => {
next({ path: '/' }) next({ path: '/' })
NProgress.done() NProgress.done()
} else { } else {
// if (useUserStore().roles.length === 0) {
// } else {
// next()
// }
next() next()
} }
} else { } else {

9
src/ldmap/App.vue
View File

@ -1,16 +1,11 @@
<script setup lang="ts"> <script setup lang="ts"></script>
import index from './components/index.vue'
</script>
<template> <template>
<router-view />
<index />
</template> </template>
<style scoped> <style scoped>
.logo { .logo {
height: 6em; height: 6em;
padding: 1.5em; padding: 1.5em;
will-change: filter; will-change: filter;

11
src/ldmap/api/exit.js
View File

@ -38,4 +38,15 @@ export function pipelineUpdate(data){
}) })
} }
//获取高程信息
export function getElevation(data){
return request({
url:'/pipe/algorithm/getElevation',
method: 'post',
data
})
}

17
src/ldmap/api/layer.js
View File

@ -103,3 +103,20 @@ export function recognUpdate(data){
}) })
} }
//布线算法数据编辑
export function pipelineUpdate(data){
return request({
url:'/pipe/pipeline/updateData',
method: 'post',
data
})
}
//获取散点高程信息
export function findSkeleton(profilesId){
return request({
url:'/pipe/algorithm/findSkeleton/'+profilesId,
method: 'get',
})
}

21
src/ldmap/api/layerPoint.js Normal file
View File

@ -0,0 +1,21 @@
import request from '@map/utils/request'
export function list(params){
return request({
url:'/pipe/layersPoint/list',
method: 'get',
params
})
}
export function add(data){
return request({
url:'/pipe/layersPoint',
method: 'post',
data
})
}
export function del(id){
return request({
url:'/pipe/layersPoint/'+id,
method: 'DELETE',
})
}

45
src/ldmap/api/profiles.js Normal file
View File

@ -0,0 +1,45 @@
import request from '@map/utils/request'
//查询存档列表
export function recognitionlistProfiles(params){
return request({
url:'/pipe/recognition/profiles/list',
params,
method: 'get',
})
}
//加载存档
export function recognitionprofilesLoad(profilesId){
return request({
url:'/pipe/recognition/profilesLoad/'+profilesId,
method: 'get',
})
}
//删除存档
export function recognitionprofilesDel(profilesId){
return request({
url:'/pipe/recognition/'+profilesId,
method: 'DELETE',
})
}
//查询存档列表
export function pipelinelistProfiles(params){
return request({
url:'/pipe/pipeline/profiles/list',
params,
method: 'get',
})
}
//加载存档
export function pipelineprofilesLoad(profilesId){
return request({
url:'/pipe/pipeline/profilesLoad/'+profilesId,
method: 'get',
})
}
//删除存档
export function pipelineprofilesDel(profilesId){
return request({
url:'/pipe/pipeline/'+profilesId,
method: 'DELETE',
})
}

BIN
src/ldmap/assets/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/ldmap/assets/device.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
src/ldmap/assets/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
src/ldmap/assets/qdf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
src/ldmap/assets/water.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

1
src/ldmap/components/cadMap/addCad.vue
View File

@ -26,6 +26,7 @@
<div class="footBottm"> <div class="footBottm">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="primary" type="primary"
@click="add()" @click="add()"
style="margin-right: 50px" style="margin-right: 50px"

1
src/ldmap/components/comExit/dataExit.vue
View File

@ -25,6 +25,7 @@
<div class="footBottm"> <div class="footBottm">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="primary" type="primary"
@click="add()" @click="add()"
style="margin-right: 50px" style="margin-right: 50px"

1
src/ldmap/components/comExit/layerUpload.vue
View File

@ -17,6 +17,7 @@
<div class="footBottm"> <div class="footBottm">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="primary" type="primary"
@click="add()" @click="add()"
style="margin-right: 50px" style="margin-right: 50px"

462
src/ldmap/components/comExit/lineExit.vue
View File

@ -1,203 +1,266 @@
<template> <template>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form :model="form" ref="dataRef" label-width="90px" :rules="rules"> <el-form :model="form" ref="dataRef" label-width="90px" :rules="rules">
<el-form-item label="标识码:" prop="code"> <el-form-item label="标识码:" prop="code">
<el-input placeholder="请输入" v-model="form.code" class="inputCss"/> <el-input placeholder="请输入" v-model="form.code" class="inputCss" />
</el-form-item> </el-form-item>
<el-form-item label="类型:" prop="pipelineType"> <el-form-item label="类型:" prop="pipelineType">
<el-select <el-select
v-model="form.pipelineType" v-model="form.pipelineType"
placeholder="类型" placeholder="类型"
clearable clearable
class="inputCss" class="inputCss"
> >
<el-option <el-option
v-for="dict in typesList" v-for="dict in typesList"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="材质:" prop="material"> <el-form-item label="材质:" prop="material">
<el-select <el-select
v-model="form.material" v-model="form.material"
placeholder="材质" placeholder="材质"
clearable clearable
class="inputCss" class="inputCss"
> >
<el-option <el-option
v-for="dict in materialList" v-for="dict in materialList"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="管径:" prop="diameter"> <el-form-item label="管径:" prop="diameter">
<el-select <el-select
v-model="form.diameter" v-model="form.diameter"
placeholder="管径" placeholder="管径"
clearable clearable
class="inputCss" class="inputCss"
> >
<el-option <el-option
v-for="dict in diameterList" v-for="dict in diameterList"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
<span class="info"></span> <span class="info"></span>
</el-form-item> </el-form-item>
<el-form-item label="长度:" prop="length"> <el-form-item label="长度:" prop="length">
<el-input placeholder="请输入" v-model="form.length" readonly class="inputCss"/> <el-input
<span class="info">米</span> placeholder="请输入"
</el-form-item> v-model="form.length"
<el-form-item label="管线起点:" prop="startData"> readonly
<div class="inputBg"> class="inputCss"
<div class="flex"> />
<div>经度: {{form.path[0][0].toFixed(4)}}</div> <span class="info">米</span>
<div>纬度: {{form.path[0][1].toFixed(4)}}</div> </el-form-item>
</div> <el-form-item label="管线起点:" prop="startData">
<div class="magringTop10"> <div class="inputBg">
海拔： <el-input placeholder="请输入" v-model="form.startAltitude" class="inputCss"/> <div class="flex">
</div> <div>经度: {{ parseFloat(form.path[0][0]).toFixed(4) }}</div>
<div class="magringTop10"> <div>纬度: {{ parseFloat(form.path[0][1]).toFixed(4) }}</div>
标高： <el-input placeholder="请输入" v-model="form.startElevation" class="inputCss"/> </div>
</div> <div class="magringTop10">
海拔：
<el-input
placeholder="请输入"
v-model="form.startAltitude"
class="inputCss"
@input="inputMate"
/>
</div>
<div class="magringTop10">
标高：
<el-input
placeholder="请输入"
v-model="form.startElevation"
class="inputCss"
@input="inputMate"
/>
</div>
</div>
</el-form-item>
<el-form-item label="管线终点:" prop="endData">
<div class="inputBg">
<div class="flex">
<div>经度: {{ parseFloat(form.path[1][0]).toFixed(4) }}</div>
<div>纬度: {{ parseFloat(form.path[1][1]).toFixed(4) }}</div>
</div>
<div class="magringTop10">
海拔：
<el-input
placeholder="请输入"
v-model="form.endAltitude"
class="inputCss"
/>
</div>
<div class="magringTop10">
标高：
<el-input
placeholder="请输入"
v-model="form.endElevation"
class="inputCss"
/>
</div>
</div>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div> <div class="footBottm">
</el-form-item> <el-button
<el-form-item label="管线终点:" prop="endData"> v-hasPermi="['ldmap:role:edit']"
<div class="inputBg"> type="primary"
<div class="flex"> @click="add()"
<div>经度: {{form.path[1][0].toFixed(4)}}</div> style="margin-right: 30px"
<div>纬度: {{form.path[1][1].toFixed(4)}}</div> :loading="loading"
</div> >保存</el-button
<div class="magringTop10"> >
海拔： <el-input placeholder="请输入" v-model="form.endAltitude" class="inputCss"/> <el-button
</div> v-hasPermi="['ldmap:role:edit']"
<div class="magringTop10"> type="danger"
标高： <el-input placeholder="请输入" v-model="form.endElevation" class="inputCss"/> @click="del()"
</div> style="margin-right: 30px"
:loading="loading"
</div> >删除</el-button
</el-form-item> >
</el-form> <el-button
</el-col> type="warning"
@click="
() => {
</el-row> emit('closeDialog', false);
}
<div class="footBottm"> "
>取消</el-button
<el-button >
type="primary" </div>
@click="add()"
style="margin-right: 50px"
:loading="loading"
>确定</el-button
>
<el-button
type="warning"
@click="
()=>{emit('closeDialog',false)}
"
>取消</el-button
>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {pipelineUpdate} from "@map/api/exit.js" import { pipelineUpdate,getElevation } from "@map/api/exit.js";
const loading = ref(false) import ldMap from "@map/utils/map/init";
const loading = ref(false);
const $ldMap = inject("$ldMap"); // 调用全局变量
const props = defineProps({ const props = defineProps({
layerId:String, layerId: String,
detailInfo:{ detailInfo: {
type:Object, type: Object,
default:{ default: {},
} },
}
}); });
const checkStart = (rule,value,callback)=>{
if(form.value.startAltitude&&form.value.startElevation){
return callback() const checkStart = (rule, value, callback) => {
} if (form.value.startAltitude && form.value.startElevation) {
callback(new Error("请输入起点的海拔与标高")) return callback();
} }
const checkEnd = (rule,value,callback)=>{ callback(new Error("请输入起点的海拔与标高"));
if(form.value.endAltitude&&form.value.endElevation){ };
return callback() const checkEnd = (rule, value, callback) => {
} if (form.value.endAltitude && form.value.endElevation) {
callback(new Error("请输入终点的海拔与标高")) return callback();
} }
const emit = defineEmits(['closeDialog']) callback(new Error("请输入终点的海拔与标高"));
};
const emit = defineEmits(["closeDialog"]);
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const rules=ref( { const rules = ref({
code: [{ required: true, message: "数据不能为空", trigger: "blur" }], // code: [{ required: true, message: "数据不能为空", trigger: "blur" }],
pipelineType: [{ required: true, message: "数据不能为空", trigger: "blur" }], // pipelineType: [{ required: true, message: "数据不能为空", trigger: "blur" }],
material: [{ required: true, message: "数据不能为空", trigger: "blur" }], // material: [{ required: true, message: "数据不能为空", trigger: "blur" }],
diameter: [{ required: true, message: "数据不能为空", trigger: "blur" }], diameter: [{ required: true, message: "数据不能为空", trigger: "blur" }],
length: [{ required: true, message: "数据不能为空", trigger: "blur" }], // length: [{ required: true, message: "数据不能为空", trigger: "blur" }],
startData:[{required: true,validator:checkStart,trigger: "blur"}], // startData:[{required: true,validator:checkStart,trigger: "blur"}],
endData:[{required: true,validator:checkEnd,trigger: "blur"}] // endData:[{required: true,validator:checkEnd,trigger: "blur"}]
});
const form = ref({ ...props.detailInfo });
let diameter = form.value.diameter;
onMounted(() => {
let lineId = form.value.lineId||form.value.id
let graphics =ldMap.lineLayer.graphics.items
let garphic = graphics.filter(element => {
return element.id == lineId
})[0];
getElevation({
layersId:props.layerId,
geoJsonData:garphic.geometry.paths[0]
}).then(res=>{
form.value.startElevation = res.data[0]
form.value.endElevation = res.data[1]
}) })
const form =ref( {...props.detailInfo})
let diameter = form.value.diameter
const typesList=ref([ })
{label:'污水', value:'污水'}, const inputMate=(e)=>{
]) }
const materialList=ref([ const typesList = ref([{ label: "污水", value: "污水" }]);
{label:'PVC管道', value:'PVC管道'}, const materialList = ref([
{label:'PE管道', value:'PE管道'}, { label: "PVC管道", value: "PVC管道" },
{label:'铸铁管道', value:'铸铁管道'}, { label: "PE管道", value: "PE管道" },
{label:'钢制管道', value:'钢制管道'}, { label: "铸铁管道", value: "铸铁管道" },
{label:'玻璃钢管道', value:'玻璃钢管道'}, { label: "钢制管道", value: "钢制管道" },
{ label: "玻璃钢管道", value: "玻璃钢管道" },
]) ]);
const diameterList = ref([ const diameterList = ref([
{label:'150管径', value:150}, { label: "110管径", value: 110 },
{label:'200管径', value:200}, { label: "200管径", value: 200 },
{label:'250管径', value:250}, { label: "250管径", value: 250 },
{label:'300管径', value:300}, { label: "300管径", value: 300 },
{label:'400管径', value:400}, { label: "400管径", value: 400 },
{label:'其他', value:999}, { label: "其他", value: 999 },
]) ]);
function add(){ function setOldValue() {
props.detailInfo.code = form.value.code;
proxy.$refs["dataRef"].validate(valid => { props.detailInfo.pipelineType = form.value.pipelineType;
if (valid) { props.detailInfo.material = form.value.material;
let data ={ props.detailInfo.diameter = form.value.diameter;
layersId:props.layerId, props.detailInfo.styleId = form.value.diameter.toString();
...form.value, props.detailInfo.startAltitude = form.value.startAltitude;
path:JSON.stringify(form.value.path) props.detailInfo.startElevation = form.value.startElevation;
props.detailInfo.endAltitude = form.value.endAltitude;
} props.detailInfo.endElevation = form.value.endElevation;
delete data.color }
delete data.width function del(){
console.log(data)
pipelineUpdate(data).then(res=>{
props.detailInfo.code=form.value.code
props.detailInfo.pipelineType=form.value.pipelineType
props.detailInfo.material=form.value.material
props.detailInfo.diameter=form.value.diameter
props.detailInfo.startAltitude=form.value.startAltitude
props.detailInfo.startElevation=form.value.startElevation
props.detailInfo.endAltitude=form.value.endAltitude
props.detailInfo.endElevation=form.value.endElevation
emit('closeDialog',diameter!=form.value.diameter)
})
}
})
$ldMap.delSketch()
emit("closeDialog",false);
}
function add() {
proxy.$refs["dataRef"].validate((valid) => {
if (valid) {
let data = {
layersId: props.layerId,
...form.value,
path: form.value.path,
};
delete data.color;
delete data.width;
console.log(data);
if (data.id) {
pipelineUpdate(data).then((res) => {
setOldValue();
emit("closeDialog", diameter != form.value.diameter);
});
} else {
setOldValue();
emit("closeDialog", diameter != form.value.diameter);
}
}
});
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -220,26 +283,25 @@ function add(){
display: flex; display: flex;
justify-content: end; justify-content: end;
} }
.inputCss{ .inputCss {
width:80%; width: 80%;
} }
.info{ .info {
color:#fff; color: #fff;
padding-left:8px; padding-left: 8px;
} }
.inputBg{ .inputBg {
color:#fff; color: #fff;
background:rgb(15,36,86,0.6); background: rgb(15, 36, 86, 0.6);
padding:5px; padding: 5px;
width:100%; width: 100%;
border-radius:5px; border-radius: 5px;
} }
.flex{ .flex {
justify-content: space-evenly; justify-content: space-evenly;
display:flex display: flex;
} }
.magringTop10{ .magringTop10 {
margin-top:10px; margin-top: 10px;
} }
</style> </style>

7
src/ldmap/components/comExit/reconExit.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form ref="dataRef" :model="form" label-width="120px" :rules="rules"> <el-form ref="dataRef" :model="form" label-width="120px" >
<el-form-item label="户数:" prop="households"> <el-form-item label="户数:" prop="households">
<el-input v-model="form.households" type="number" placeholder="请输入" class="inputCss" /> <el-input v-model="form.households" type="number" placeholder="请输入" class="inputCss" />
</el-form-item> </el-form-item>
@ -46,6 +46,7 @@
<div class="footBottm"> <div class="footBottm">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="primary" type="primary"
@click="add()" @click="add()"
style="margin-right: 50px" style="margin-right: 50px"
@ -121,8 +122,8 @@ function add(){
if (valid) { if (valid) {
let data ={ let data ={
...props.detailInfo, ...props.detailInfo,
path:JSON.stringify(props.detailInfo.path), path:props.detailInfo.path,
innerings:JSON.stringify(props.detailInfo.innerings), innerings:props.detailInfo.innerings,
layersId:props.layerId, layersId:props.layerId,
geometryId:props.detailInfo.geometryId, geometryId:props.detailInfo.geometryId,
type:'House', type:'House',

2
src/ldmap/components/comLeft/cadLeft.vue
View File

@ -46,7 +46,7 @@
<el-icon @click.stop="()=>{emit('cadShow',scope.row)}" color="rgb(64,158,255)" size="22" style="margin-left: 10px;"><VideoCamera /></el-icon> <el-icon @click.stop="()=>{emit('cadShow',scope.row)}" color="rgb(64,158,255)" size="22" style="margin-left: 10px;"><VideoCamera /></el-icon>
</el-tooltip> </el-tooltip>
<el-tooltip content="删除CAD" placement="right"> <el-tooltip content="删除CAD" placement="right">
<el-icon color="rgb(252,84,48)" @click.stop="delCadItem(scope.row)" size="20" style="margin-left: 10px;"><DeleteFilled /></el-icon> <el-icon v-hasPermi="['ldmap:role:edit']" color="rgb(252,84,48)" @click.stop="delCadItem(scope.row)" size="20" style="margin-left: 10px;"><DeleteFilled /></el-icon>
</el-tooltip> </el-tooltip>
</div> </div>

118
src/ldmap/components/comLeft/component/log.vue Normal file
View File

@ -0,0 +1,118 @@
<template>
<div>
<el-table
:data="exitContent"
ref="refTable"
>
<!-- <el-table-column type="index" width="55" label="序号" /> -->
<el-table-column
prop="mapType"
width="86"
label="类型"
>
<template #default="scope">
{{scope.$index+1}}.{{ getMapType(scope.row.mapType)}}
</template>
</el-table-column>
<el-table-column
prop="actionType"
label="状态"
>
<template #default="scope">
<el-tooltip
class="box-item"
effect="dark"
:content="scope.row.time"
placement="top"
>
{{ getActionType(scope.row.actionType) }}
</el-tooltip>
</template>
</el-table-column>
<el-table-column
show-overflow-tooltip
label="信息"
>
<template #default="scope">
{{getExitType(scope.row.tips)}}
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
prop="unit"
>
<template #default="scope">
<el-button
type="primary"
:disabled="!scope.row.isrevoke"
size="small"
@click="exitRecogn(scope.row,scope.$index)"
><span style="color: #fff">恢复</span></el-button
>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script setup lang="ts">
import {storeToRefs} from 'pinia'
import useMapLog from "@map/store/modules/mapLog"
const mapLog = useMapLog()
const {exitContent} = storeToRefs(mapLog)
const { proxy } = getCurrentInstance();
const $ldMap = inject("$ldMap");
const getMapType = (val)=>{
return val =='regon'?'特征物':'管线'
}
const getActionType =(val)=>{
let action ={
'add': '新增',
'edit': '编辑',
'delete': '删除',
'save':'保存',
'data':'初始化'
}
return action[val]
}
const getExitType=(val=>{
let action ={
'House': '房屋',
'River': '河流',
'Road': '道路',
'Station':'站点',
'h':'房屋投影点',
'x':'检修井投影点',
's':'站点',
}
return val? action[val]:'数据'
})
const exitRecogn = (data,index)=>{
$ldMap.recoveryData(data).then(()=>{
proxy.$modal.msgSuccess("恢复成功");
mapLog.revokeContent(index)
}).catch(()=>{
proxy.$modal.msgSuccess("功能完善中");
})
}
</script>

168
src/ldmap/components/comLeft/sjLeft.vue
View File

@ -20,16 +20,14 @@
<div>图层:</div> <div>图层:</div>
<el-select <el-select
class="m-2 select" class="m-2 select"
v-model="value" v-model="layerId"
placeholder="Select" placeholder="Select"
size="large" size="large"
@change="selectLayer" @change="selectLayer"
> >
<el-option <el-option
v-for="item in layerDate" v-for="item in layerDate"
:key="item.name" :key="item.name"
:label="item.layerName" :label="item.layerName"
:value="item.id" :value="item.id"
/> />
@ -37,41 +35,48 @@
</div> </div>
<div> <div>
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
style="margin-left: 15px" style="margin-left: 15px"
type="success" type="success"
@click="()=>{emit('uploadShow')}" @click="
() => {
emit('uploadShow');
}
"
> >
<span style="color: #fff">上传航拍图</span> <span style="color: #fff">上传航拍图</span>
</el-button> </el-button>
</div> </div>
<el-table <el-table :data="layerslist" style=" height: calc(100vh - 230px);">
:data="layerslist"
>
<el-table-column type="index" width="55" label="序号" /> <el-table-column type="index" width="55" label="序号" />
<el-table-column prop="houseFloors" width="100" label="图层名称"> <el-table-column prop="houseFloors" width="100" label="图层名称">
<template #default="scope"> <template #default="scope">
{{ scope.row.layerName }} {{ scope.row.layerName }}
</template>
</el-table-column>
<el-table-column
prop="geometryId"
show-overflow-tooltip
label="航拍文件"
>
<template #default="scope">
{{
scope.row.tiffUrl.substr(
scope.row.tiffUrl.lastIndexOf("/") + 1,
scope.row.tiffUrl.length
)
}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="geometryId" show-overflow-tooltip label="航拍文件" >
<template #default="scope" >
{{ scope.row.tiffUrl.substr(scope.row.tiffUrl.lastIndexOf('/')+1,scope.row.tiffUrl.length) }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="unit"> <el-table-column label="状态" align="center" prop="unit">
<template #default="scope"> <template #default="scope">
<el-tag <el-tag
class="mx-1" class="mx-1"
effect="dark" effect="dark"
:type="scope.row.layerUrl ? 'success' : 'danger'"
>
{{ scope.row.layerUrl ? "已发布" : "待发布" }}
:type="scope.row.layerUrl?'success':'danger'" </el-tag>
>
{{scope.row.layerUrl?'已发布':'待发布' }}
</el-tag>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -105,7 +110,6 @@
</div> </div>
<el-table <el-table
:data="tableDate" :data="tableDate"
ref="refTable" ref="refTable"
highlight-current-row highlight-current-row
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
@ -258,7 +262,7 @@
<div v-else style="display: flex; justify-content: space-between"> <div v-else style="display: flex; justify-content: space-between">
<div>{{ node.label }}{{ node.distance }}</div> <div>{{ node.label }}{{ node.distance }}</div>
<div style="margin-right: 20px"> <div style="margin-right: 20px">
<el-icon color="rgb(64,158,255, 0.8)" @click="exitLine(node)" <el-icon :color="getColor(node)" @click="exitLine(node)"
><EditPen ><EditPen
/></el-icon> /></el-icon>
</div> </div>
@ -291,7 +295,7 @@
</el-row> </el-row>
<div class="line-legend">点位颜色</div> <div class="line-legend">点位颜色</div>
<div style="display: flex; padding: 5px 15px"> <div style="display: flex; padding: 5px 15px">
<div :span="24" class="legend-point" v-for="item in legendPointeData" > <div :span="24" class="legend-point" v-for="item in legendPointeData">
<div style="text-align: right">{{ item.label }}:</div> <div style="text-align: right">{{ item.label }}:</div>
<div <div
:style="{ :style="{
@ -309,6 +313,9 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="selectId == 4">
<log></log>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -318,10 +325,11 @@ import leftIcon from "@map/assets/tool/left.png";
import rightIcon from "@map/assets/tool/right.png"; import rightIcon from "@map/assets/tool/right.png";
import useMapDataStore from "@map/store/modules/mapData"; import useMapDataStore from "@map/store/modules/mapData";
import useDistStore from "@map/store/modules/dist"; import useDistStore from "@map/store/modules/dist";
import emitter from "@map/utils/emitter" import emitter from "@map/utils/emitter";
import log from "./component/log";
import { toRaw } from "vue"; import { toRaw } from "vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const emit = defineEmits(["changeExit", "lineExit","uploadShow"]); const emit = defineEmits(["changeExit", "lineExit", "uploadShow"]);
let mapdata = useMapDataStore(); let mapdata = useMapDataStore();
const { const {
house, house,
@ -332,6 +340,7 @@ const {
setLineStyle, setLineStyle,
watertotal, watertotal,
layerId, layerId,
layerName,
checkedLegend, checkedLegend,
} = storeToRefs(mapdata); } = storeToRefs(mapdata);
const tableDate = ref(); const tableDate = ref();
@ -344,7 +353,7 @@ const $ldMap = inject("$ldMap"); // 调用全局变量
const treeHeight = ref(""); const treeHeight = ref("");
treeHeight.value = window.innerHeight - 258; treeHeight.value = window.innerHeight - 258;
const layerslist = ref(); const layerslist = ref();
const layerDate = ref([]) const layerDate = ref([]);
const props = { const props = {
value: "id", value: "id",
label: "label", label: "label",
@ -357,59 +366,69 @@ onMounted(() => {
}; };
tableDate.value = house.value; tableDate.value = house.value;
$ldMap.initMap().then((e) => { $ldMap.initMap().then((e) => {
getLayerList().then(()=>{ getLayerList().then(() => {
if (layerslist.value) { if (layerslist.value) {
selectLayer(layerslist.value[0].id); selectLayer(layerslist.value[0].id);
} }
}) });
getlegend(); getlegend();
}); });
emitter.on('loadLayer',() => { emitter.on("loadLayer", () => {
getLayerList() getLayerList();
}) });
emitter.on('polyon',(e)=>{ emitter.on("polyon", (e) => {
if(e&&e.action!=2){ if (e && e.action != 2 && selectId.value == 2) {
proxy.$refs["refTable"].setCurrentRow(e); try {
tableDate.value.forEach((item,index)=>{ proxy.$refs["refTable"].setCurrentRow(e);
tableDate.value.forEach((item, index) => {
if(item == e){ if (item == e) {
tableScrollToRow(proxy.$refs["refTable"],index+1,false) tableScrollToRow(proxy.$refs["refTable"], index + 1, false);
} }
}) });
} catch (error) {
console.log(error);
}
} }
});
}) });
})
//定位到表格某一行 //定位到表格某一行
function tableScrollToRow(tableElement, rowindex, isprecise = false) { function tableScrollToRow(tableElement, rowindex, isprecise = false) {
const theTableRows = tableElement.$el.querySelectorAll('.el-table__body tbody .el-table__row') const theTableRows = tableElement.$el.querySelectorAll(
".el-table__body tbody .el-table__row"
);
let scrollTop = 0; let scrollTop = 0;
for (let i = 0; i < theTableRows.length; i++) { for (let i = 0; i < theTableRows.length; i++) {
if (i === rowindex) { if (i === rowindex) {
break
}
scrollTop += theTableRows[i].offsetHeight
if (!isprecise) {
scrollTop *= (rowindex - 1);
break; break;
} }
scrollTop += theTableRows[i].offsetHeight;
if (!isprecise) {
scrollTop *= rowindex - 1;
break;
}
} }
tableElement.scrollTo(0, scrollTop) tableElement.scrollTo(0, scrollTop);
} }
const getColor = (node) => {
node = node.data;
let flag =
node.startAltitude ||
node.startElevation ||
node.endAltitude ||
node.endElevation;
return flag == true ? "rgb(64,158,255, 0.8)" : "rgb(251,213,2, 0.8)";
};
//获取图层列表 //获取图层列表
const getLayerList=()=>{ const getLayerList = () => {
return new Promise((resolve,reject)=>{ return new Promise((resolve, reject) => {
mapdata.getMylayerList().then((res) => {
mapdata.getMylayerList().then((res) => {
layerslist.value = res.data; layerslist.value = res.data;
layerDate.value = res.data.filter(item=>item.layerUrl) layerDate.value = res.data.filter((item) => item.layerUrl);
resolve() resolve();
}); });
}) });
};
}
let dist = useDistStore(); let dist = useDistStore();
const { deviceDist, standard } = storeToRefs(dist); const { deviceDist, standard } = storeToRefs(dist);
@ -444,10 +463,9 @@ const getlegend = () => {
legendlineData.value.push(line[i]); legendlineData.value.push(line[i]);
} }
for (let i in point) { for (let i in point) {
if(point[i].visible ){ if (point[i].visible) {
legendPointeData.value.push(point[i]); legendPointeData.value.push(point[i]);
} }
} }
}); });
}; };
@ -464,6 +482,7 @@ function selectLayer(e) {
if (item.id == e) { if (item.id == e) {
console.log(item); console.log(item);
layerId.value = item.id; layerId.value = item.id;
layerName.value = item.layerName
$ldMap.addLayer({ $ldMap.addLayer({
url: item.layerUrl, url: item.layerUrl,
id: e, id: e,
@ -472,11 +491,9 @@ function selectLayer(e) {
}); });
} }
watch([house, road, river], (newhouse, newroad, newriver) => { watch([house, river, road], (newData) => {
console.log(newhouse); selectId.value != 4 && (selectId.value = 2);
selectId.value = 2; tableDate.value = newData[selectType.value];
tableDate.value = newhouse[selectType.value];
}); });
const lineNowData = ref([]); const lineNowData = ref([]);
watch(lineArray, (val) => { watch(lineArray, (val) => {
@ -542,6 +559,8 @@ watch(checkedLegend, (val) => {
}); });
async function showLineArrMap(data) { async function showLineArrMap(data) {
$ldMap.removePoint();
$ldMap.removeLine()
let treeData = await $ldMap.addDefaultByline(data); let treeData = await $ldMap.addDefaultByline(data);
setTreeData(treeData); setTreeData(treeData);
} }
@ -653,12 +672,7 @@ const tabList = reactive([
background: transparent; background: transparent;
color: #fff; color: #fff;
} }
:deep(.el-table) {
width: 90%;
margin: 0 auto;
background: transparent;
height: calc(100vh - 170px);
}
:deep(.el-table tr):hover { :deep(.el-table tr):hover {
background: transparent; background: transparent;
} }

7
src/ldmap/components/comRight/costSet.vue
View File

@ -39,12 +39,12 @@
<el-button <el-button
link type="primary" icon="Edit" link type="primary" icon="Edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['ldmap:role:edit']"
>修改</el-button> >修改</el-button>
<el-button <el-button
link type="danger" icon="Delete" link type="danger" icon="Delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:layers:remove']" v-hasPermi="['ldmap:role:edit']"
>删除</el-button> >删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -89,7 +89,7 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> <el-button :loading="buttonLoading" type="primary" v-hasPermi="['ldmap:role:edit']" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -188,7 +188,6 @@ const {
} = toRefs(data); } = toRefs(data);
queryParams.value.layersId = props.layerId queryParams.value.layersId = props.layerId
alert(queryParams.value.layersId)
// 表单重置 // 表单重置
function reset() { function reset() {
form.value = { form.value = {

357
src/ldmap/components/comRight/right.vue
View File

@ -23,45 +23,88 @@
><span style="color: #fff">数据核验</span></el-button> --> ><span style="color: #fff">数据核验</span></el-button> -->
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="info" type="info"
color="rgb(18, 180, 106, 0.6)" color="rgb(18, 180, 106, 0.6)"
:disabled="recognition"
@click="setPolygonData" @click="setPolygonData"
><span style="color: #fff">特征物保存</span></el-button ><span style="color: #fff">特征物保存</span></el-button
> >
<div class="loadStyle"> <div class="loadStyle">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="success" type="success"
:disabled="recognition"
color="rgb(255,0,0, 0.6)" color="rgb(255,0,0, 0.6)"
@click="addPolygon('House')" @click="addPolygon('House')"
><span style="color: #fff">新增房屋</span></el-button ><span style="color: #fff">新增房屋</span></el-button
> >
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="warning" type="warning"
color="rgb(94,208,81, 0.6)" color="rgb(94,208,81, 0.6)"
:disabled="recognition"
@click="addPolygon('River')" @click="addPolygon('River')"
><span style="color: #fff">新增河流</span></el-button ><span style="color: #fff">新增河流</span></el-button
> >
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="info" type="info"
:disabled="recognition"
color="rgb(118,116,218, 0.6)" color="rgb(118,116,218, 0.6)"
@click="addPolygon('Road')" @click="addPolygon('Road')"
><span style="color: #fff">新增道路</span></el-button ><span style="color: #fff">新增道路</span></el-button
> >
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="info" type="info"
color="rgb(8, 240, 36, 0.6)" color="rgb(8, 240, 36, 0.6)"
:disabled="recognition"
@click="addPointDevice()" @click="addPointDevice()"
><span style="color: #fff">新增站点</span></el-button ><span style="color: #fff">新增站点</span></el-button
> >
</div> </div>
<div style="margin-top: 10px"></div> <div style="margin-top: 10px">
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="info"
color="rgb(28, 140, 196, 0.6)"
:disabled="recognition"
@click="cutPolygon()"
><span style="color: #fff">切割特征物</span></el-button
>
<el-button
v-hasPermi="['ldmap:role:edit']"
type="info" type="info"
color="rgb(180, 100, 166, 0.6)" color="rgb(128, 40, 96, 0.6)"
@click="exportPng()" :disabled="recognition"
><span style="color: #fff">导 出</span></el-button @click="elevationPolygon()"
><span style="color: #fff">
<template v-if="!isShow">展示</template>
<template v-else> 关闭</template>道路高程</span></el-button
> >
</div>
<div style="margin-top: 10px">
<el-button
v-hasPermi="['ldmap:role:edit']"
:disabled="recognition"
type="info"
color="rgb(180, 100, 166, 0.6)"
@click="exportPng()"
><span style="color: #fff">导 出</span></el-button
>
<el-button
v-hasPermi="['ldmap:role:edit']"
:disabled="recognition"
type="info"
color="rgb(180, 100, 6, 0.6)"
@click="exportCad()"
><span style="color: #fff">导 出 Cad</span></el-button
>
</div>
</div> </div>
</transition> </transition>
</div> </div>
@ -75,23 +118,68 @@
<div v-if="lineSecond" class="item-data"> <div v-if="lineSecond" class="item-data">
<el-button type="primary" @click="emitLine">开始布线</el-button> <el-button type="primary" @click="emitLine">开始布线</el-button>
<el-button <el-button
v-hasPermi="['ldmap:role:edit']"
type="info" type="info"
:disabled="pipeline"
color="rgb(18, 180, 106, 0.6)" color="rgb(18, 180, 106, 0.6)"
@click="setPolineData" @click="optimizeMaxLength"
><span style="color: #fff">管线数据保存</span></el-button ><span style="color: #fff">检修井优化</span></el-button
> >
<div style="margin-top: 10px"></div> <!-- <el-button
v-hasPermi="['ldmap:role:edit']"
type="info"
:disabled="pipeline"
color="rgb(18, 180, 106, 0.6)"
@click="optimizePoline"
><span style="color: #fff">检修井优化</span></el-button
> -->
<el-button <el-button
type="primary" v-hasPermi="['ldmap:role:edit']"
color="rgb(7, 253, 253, 0.6)" type="info"
@click="addPointBy" :disabled="pipeline"
><span style="color: #fff">新增检修井</span></el-button color="rgb(18, 180, 106, 0.6)"
@click="setPolineData"
><span style="color: #fff">管线数据保存</span></el-button
> >
<el-button color="rgb(152, 51, 147, 0.6)" @click="addLine">
<span style="color: #fff">新增管线</span></el-button <div style="margin-top: 10px">
> <el-button
<div style="margin-top: 10px"></div> v-hasPermi="['ldmap:role:edit']"
<div v-if="showCheck"> type="primary"
:disabled="pipeline"
color="rgb(255,0,0, 0.6)"
@click="addPointBy('h')"
><span style="color: #fff">新增房屋点</span>
</el-button>
<el-button
v-hasPermi="['ldmap:role:edit']"
type="primary"
:disabled="pipeline"
color="rgb(7, 253, 253, 0.6)"
@click="addPointBy('x')"
><span style="color: #fff">新增检修井</span>
</el-button>
</div>
<div style="margin-top: 10px">
<el-button
color="rgb(152, 51, 147, 0.6)"
:disabled="pipeline"
v-hasPermi="['ldmap:role:edit']"
@click="addLine('once')"
>
<span style="color: #fff">新增管线</span>
</el-button>
<el-button
color="rgb(12, 51, 200, 0.6)"
:disabled="pipeline"
v-hasPermi="['ldmap:role:edit']"
@click="addLine('multiple')"
>
<span style="color: #fff">多点管线</span>
</el-button>
</div>
<div v-if="showCheck" style="margin-top: 10px">
<el-checkbox-group <el-checkbox-group
v-model="checkedpoint" v-model="checkedpoint"
@change="handleCheckedPointChange" @change="handleCheckedPointChange"
@ -99,6 +187,7 @@
<el-checkbox <el-checkbox
v-for="item in legendPointeData" v-for="item in legendPointeData"
:key="item.styleId" :key="item.styleId"
:disabled="pipeline"
:label="item.styleId" :label="item.styleId"
border border
style="width: 30%; margin-right: 3%" style="width: 30%; margin-right: 3%"
@ -106,6 +195,23 @@
> >
</el-checkbox-group> </el-checkbox-group>
</div> </div>
<div style="margin-top: 10px">
<el-checkbox
v-model="checkedqdf"
label="qdf"
border
style="width: 30%; margin-right: 3%"
>户用机</el-checkbox
>
<el-button
v-hasPermi="['ldmap:role:edit']"
type="primary"
v-if="checkedqdf"
color="rgb(20, 3, 153, 0.6)"
@click="addPointByPng('png')"
><span style="color: #fff">新增户用机</span>
</el-button>
</div>
</div> </div>
</div> </div>
<div class="left-tabs"> <div class="left-tabs">
@ -127,30 +233,91 @@ import rightIcon from "@map/assets/tool/right.png";
import upIcon from "@map/assets/tool/up.png"; import upIcon from "@map/assets/tool/up.png";
import downIcon from "@map/assets/tool/down.png"; import downIcon from "@map/assets/tool/down.png";
import useMapDataStore from "@map/store/modules/mapData"; import useMapDataStore from "@map/store/modules/mapData";
import { ElMessageBox } from "element-plus"; import { ElMessageBox, ElMessage } from "element-plus";
import useMapLogStore from "@map/store/modules/mapLog";
import cut from "@map/utils/map/cut";
import exporGis from "@map/utils/map/export";
let mapLog = useMapLogStore();
let mapdata = useMapDataStore(); let mapdata = useMapDataStore();
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
const $ldMap = inject("$ldMap"); // 调用全局变量 const $ldMap = inject("$ldMap"); // 调用全局变量
const value = ref(null); const value = ref(null);
const pipeline = ref(true);
const recognition = ref(true);
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const { showCheck, pointArray, checkedLegend, checkedpoint,layerId } = const {
storeToRefs(mapdata); showCheck,
pointArray,
maxPointIndex,
checkedLegend,
checkedpoint,
layerName,
layerId,
profilesId,
secen,
} = storeToRefs(mapdata);
onMounted(() => { onMounted(() => {
getlegend(); getlegend();
document.addEventListener("keyup", (e) => { document.addEventListener("keyup", (e) => {
if (e.key == "Delete") { if (e.key == "Delete") {
let layerVal = $ldMap.delSketch(); let layerVal = $ldMap.delSketch();
mapdata.delData(layerVal); if (layerVal) {
mapdata.delData(layerVal);
}
} }
}); });
}); });
watch(profilesId, (val) => {
if(secen.value=='recognition'){
recognition.value = val == null;
pipeline.value = true
}else{
pipeline.value = val ==null;
recognition.value=true
}
});
const legendlineData = ref([]); const legendlineData = ref([]);
const legendPointeData = ref([]); const legendPointeData = ref([]);
const checkAll = ref(true); const checkAll = ref(true);
watch(layerId, (val) => {
if (checkedqdf.value) {
mapdata.getSetpointStyle().then((e) => {
septicTank.value = e;
imgUlr.value = e.img;
$ldMap.addsepticTank(e);
});
} else {
septicTank.value = null;
}
});
const checkedqdf = ref(false);
const septicTank = ref();
const imgUlr = ref();
watch(checkedqdf, (val) => {
console.log(val);
if (val) {
if (septicTank.value) {
$ldMap.setPngPoint(true);
} else {
mapdata.getSetpointStyle().then((e) => {
septicTank.value = e;
imgUlr.value = e.img;
$ldMap.addsepticTank(e);
});
}
} else {
$ldMap.setPngPoint(false);
}
});
function addPointByPng(type) {
$ldMap.addOpionPoint(type, imgUlr.value);
}
const isIndeterminate = ref(true); const isIndeterminate = ref(true);
const handleCheckAllChange = (val) => { const handleCheckAllChange = (val) => {
checkedLegend.value = val checkedLegend.value = val
@ -189,8 +356,7 @@ const getlegend = () => {
legendlineData.value.push(line[i]); legendlineData.value.push(line[i]);
} }
for (let i in point) { for (let i in point) {
if(point[i].visible) if (point[i].visible) legendPointeData.value.push(point[i]);
legendPointeData.value.push(point[i]);
} }
}); });
}; };
@ -205,10 +371,25 @@ const lineThird = ref(false);
const emit = defineEmits(); const emit = defineEmits();
const a = ref(""); const a = ref("");
function emitFind() { function emitFind() {
secen.value = "recognition";
emit("update:findValue", true); emit("update:findValue", true);
//叠加图层 }
function optimizeMaxLength(){
$ldMap.ponitBindByFivety()
}
function optimizePoline() {
let length = 5;
let num = $ldMap.pointBindByLength(length);
ElMessageBox.alert(
`检查井相近距离${length}米优化,已经优化点位:${num}个`,
"优化提示",
{
confirmButtonText: "确定",
callback: (action) => {},
}
);
// 高层文件 航拍文件
} }
function exportPng() { function exportPng() {
$ldMap.arcgisPrint(); $ldMap.arcgisPrint();
@ -216,14 +397,26 @@ function exportPng() {
function mergeOpt() { function mergeOpt() {
$ldMap.MergeOptimization(); $ldMap.MergeOptimization();
} }
function addPointBy() { function addPointBy(type) {
$ldMap.addOpionPoint() mapdata.setMaxPointIndex(1);
$ldMap.addOpionPoint(type, maxPointIndex.value);
} }
function addLine() { function addLine(type) {
$ldMap.startDrawLine(); $ldMap.startDrawLine(type);
}
const isShow = ref(false)
function elevationPolygon(){
mapdata.getfindSkeleton().then(res=>{
isShow.value = !isShow.value
$ldMap.elevationData(isShow.value,res.data);
})
} }
function addPointMap(val) { function addPointMap(val) {
$ldMap.removePoint(); $ldMap.removePoint();
val.forEach((data) => { val.forEach((data) => {
$ldMap.addDefaultByPoint(data); $ldMap.addDefaultByPoint(data);
}); });
@ -231,7 +424,13 @@ function addPointMap(val) {
function getAllMapData() { function getAllMapData() {
$ldMap.getAllData(); $ldMap.getAllData();
} }
function cutPolygon() {
let { flag, data } = cut();
if (flag) {
} else {
ElMessage({ message: "请选择需要切割区域", type: "error" });
}
}
function addPolygon(type) { function addPolygon(type) {
// console.log(mapdata.house) // console.log(mapdata.house)
$ldMap.DrawSketch("polygon", type); $ldMap.DrawSketch("polygon", type);
@ -257,10 +456,33 @@ function addPointDevice() {
function verificationChange() { function verificationChange() {
emit("changeVerification"); emit("changeVerification");
} }
function setPolineData(){ function setPolineData() {
let data = $ldMap.getpointByStart() let data = $ldMap.getpointByStart();
console.log(JSON.stringify(data)) console.log(JSON.stringify(data));
let lineList = data.line.filter((item) => {
return item[item.length - 1][2] != "s";
});
if (lineList.length) {
$ldMap.hightLineLayer(lineList[0]);
ElMessageBox.confirm("当前所以管线未连接到设备点，是否继续保存", {
confirmButtonText: "保存",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
mapdata.saveLine(data).then(() => {
mapLog.clearExitContent();
});
})
.catch(() => {});
} else {
mapdata.saveLine(data).then(() => {
mapLog.clearExitContent();
});
}
} }
//保存特征物 //保存特征物
function setPolygonData() { function setPolygonData() {
@ -303,6 +525,7 @@ function setPolygonData() {
peopleNum, peopleNum,
}; };
} }
arrParam.push({ arrParam.push({
id, id,
layersId, layersId,
@ -310,51 +533,67 @@ function setPolygonData() {
geometryId, geometryId,
type, type,
extend, extend,
path: JSON.stringify(path), path: path,
innerings: JSON.stringify(innerings), innerings: innerings,
}); });
} }
} }
}); });
let deviceObj = {} let deviceObj = {};
if(pointdata.length){ if (pointdata.length) {
pointdata.forEach((res) => { pointdata.forEach((res) => {
deviceObj={ deviceObj = {
action:1, action: 1,
type: "Station", type: "Station",
path: JSON.stringify([[res.geometry.x, res.geometry.y]]), path: [[res.geometry.x, res.geometry.y]],
layersId:layerId.value, layersId: layerId.value,
geometryId: Date.now() geometryId: "Station:" + Date.now(),
}; };
}); });
} else {
}else{ deviceObj = {
deviceObj={ action: 0,
action:0,
}; };
} }
console.log(arrParam,deviceObj); console.log(arrParam, deviceObj);
mapdata.updateRecon(arrParam,deviceObj).then((res) => { mapdata.updateRecon(arrParam, deviceObj).then((res) => {
$ldMap.removeAllLayer(); mapLog.clearExitContent();
$ldMap.addDefaultData(mapdata.road, "Road"); mapLog.addContent({
$ldMap.addDefaultData(mapdata.house, "House"); mapType: "regon", //regon:特征物，line:线
$ldMap.addDefaultData(mapdata.river, "River"); actionType: "data", //add,exit,del,
$ldMap.addDeviceData(mapdata.station, "Station"); isrevoke: false, //是否允许撤回,
});
$ldMap.removeAllLayer();
$ldMap.addDefaultData(mapdata.road, "Road");
$ldMap.addDefaultData(mapdata.house, "House");
$ldMap.addDefaultData(mapdata.river, "River");
$ldMap.addDeviceData(mapdata.station, "Station");
}); });
} }
function exportCad(){
// exporGis()
if(profilesId.value){
proxy.download("/pipe/recognition/exportCad?profilesId="+profilesId.value, {},
`${layerName.value}.dxf`,{
baseURL: "/map-api"
},true);
}else{
ElMessage({ message: "请先选择特征物数据", type: "error" });
}
}
function setPrice() { function setPrice() {
mapdata.createcsvFile().then((res) => { mapdata.createcsvFile().then((res) => {
emit("update:priceFlag", true); emit("update:priceFlag", true);
}); });
} }
function set() { function set() {}
}
function emitLine() { function emitLine() {
secen.value = "pipeline";
emit("update:lineValue", true); emit("update:lineValue", true);
} }

615
src/ldmap/components/index.vue
View File

@ -1,36 +1,22 @@
<template> <template>
<!-- <div @click="goDown">导出</div> --> <Header class="header" @change-menu="changemenu"></Header>
<Header class="header" @change-menu = "changemenu"></Header>
<component <component
@change-exit="regconChange"
@change-exit="regconChange" ref="leftComponent"
ref="leftComponent" @line-exit="lineDataChange"
@line-exit="lineDataChange" @cad-add="openCadDialog"
@cad-add = "openCadDialog" @cad-show="openCadShowDialog"
@cad-show = "openCadShowDialog" @upload-show="uploadShowDialog"
@upload-show="uploadShowDialog" class="left"
:is="componentId"
class="left" ></component>
:is="componentId"
></component>
<Right <Right
v-if="comid=='sj'" v-if="comid == 'sj'"
class="right" class="right"
@change-verification="verificationChange" @change-verification="verificationChange"
@update:findValue=" @update:findValue="setFindVal"
(e) => { @update:lineValue="setLineVal"
findValue = e;
sseData = [];
}
"
@update:lineValue="
(e) => {
lineValue = e;
sseData = [];
}
"
@update:priceFlag=" @update:priceFlag="
(e) => { (e) => {
priceFlag = e; priceFlag = e;
@ -39,7 +25,6 @@
></Right> ></Right>
<div class="main"> <div class="main">
<div id="viewDiv" ref="mapDiv"></div> <div id="viewDiv" ref="mapDiv"></div>
</div> </div>
<el-dialog <el-dialog
v-model="findValue" v-model="findValue"
@ -51,6 +36,49 @@
<div class="my-header">识别算法</div> <div class="my-header">识别算法</div>
</template> </template>
<el-form :model="findForm" label-width="80px"> <el-form :model="findForm" label-width="80px">
<el-row>
<div class="tableCss">
<el-table
:data="profilesList"
style="width: 100%; height: 210px"
:row-class-name="tableRowClassName"
highlight-current-row
v-if="findValue"
@current-change="handleCurrentChange"
>
<el-table-column prop="createTime" label="存档历史" width="180" />
<el-table-column prop="address" center label="类型">
<template #default="scope">
<el-tag type="success" v-if="scope.row.type == 1" round
>私有</el-tag
>
<el-tag type="info" v-else round>分配</el-tag>
</template>
</el-table-column>
<el-table-column prop="createBy" label="用户" />
<el-table-column prop="address" center label="数据">
<template #default="scope">
<el-tag type="primary" v-if="scope.row.privateType == 1" round
>初始</el-tag
>
<el-tag type="warning" v-else round>编辑</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center" prop="unit">
<template #default="scope">
<el-button
type="danger"
:disabled="!scope.row.type"
size="small"
@click.stop="profilesDelete(scope.row)"
><span style="color: #fff">删除</span></el-button
>
</template>
</el-table-column>
</el-table>
</div>
</el-row>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item label="尺寸:"> <el-form-item label="尺寸:">
@ -74,8 +102,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" style="padding-left: 10px"> <el-col :span="10" style="padding-left: 10px">
<div class="scroCss" > <div class="scroCss">
<p v-for="(item,index) in sseData" :class="[index==sseData.length-1&&loading?'scroll-to-bottom':'']"> <p
v-for="(item, index) in sseData"
:class="[
index == sseData.length - 1 && loading
? 'scroll-to-bottom'
: '',
]"
>
{{ item.time.substring(10, 16) }} {{ item.data }} {{ item.time.substring(10, 16) }} {{ item.data }}
</p> </p>
</div> </div>
@ -95,6 +130,7 @@
@click="findArea(1)" @click="findArea(1)"
style="margin-right: 50px" style="margin-right: 50px"
:loading="loading" :loading="loading"
v-hasPermi="['ldmap:role:edit']"
>开始识别</el-button >开始识别</el-button
> >
<el-button <el-button
@ -117,6 +153,49 @@
<template #header="{ close, titleId, titleClass }"> <template #header="{ close, titleId, titleClass }">
<div class="my-header">布线算法</div> <div class="my-header">布线算法</div>
</template> </template>
<el-row>
<div class="tableCss">
<el-table
:data="profilesList"
style="width: 100%; height: 210px"
:row-class-name="tableRowClassName"
highlight-current-row
v-if="lineValue"
@current-change="handleCurrentChange"
>
<el-table-column prop="createTime" label="存档历史" width="180" />
<el-table-column prop="address" center label="类型">
<template #default="scope">
<el-tag type="success" v-if="scope.row.type == 1" round
>私有</el-tag
>
<el-tag type="info" v-else round>分配</el-tag>
</template>
</el-table-column>
<el-table-column prop="createBy" label="用户" />
<el-table-column prop="address" center label="数据">
<template #default="scope">
<el-tag type="primary" v-if="scope.row.privateType == 1" round
>初始</el-tag
>
<el-tag type="warning" v-else round>编辑</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center" prop="unit">
<template #default="scope">
<el-button
type="danger"
:disabled="!scope.row.type"
size="small"
@click.stop="profilesDelete(scope.row)"
><span style="color: #fff">删除</span></el-button
>
</template>
</el-table-column>
</el-table>
</div>
</el-row>
<el-row> <el-row>
<el-col :span="15"> <el-col :span="15">
<el-form :model="lineForm" label-width="120px"> <el-form :model="lineForm" label-width="120px">
@ -144,7 +223,12 @@
<el-col :span="9" style="padding-left: 10px"> <el-col :span="9" style="padding-left: 10px">
<div class="scroCss" style="height: 270px"> <div class="scroCss" style="height: 270px">
<p v-for="(item,index) in sseData" :class="[index==sseData.length-1&&loading?'scroll-to-bottom':'']"> <p
v-for="(item, index) in sseData"
:class="[
index == sseData.length - 1 && loading ? 'scroll-to-bottom' : '',
]"
>
{{ item.time.substring(10, 16) }} {{ item.data }} {{ item.time.substring(10, 16) }} {{ item.data }}
</p> </p>
</div> </div>
@ -157,13 +241,16 @@
style="margin-right: 30px" style="margin-right: 30px"
@click="findLine(0)" @click="findLine(0)"
:loading="loading" :loading="loading"
>仅加载/显示已有识别结果</el-button> >仅加载/显示已有结果</el-button
>
<el-button <el-button
type="primary" type="primary"
@click="findLine(1)" @click="findLine(1)"
style="margin-right: 50px" style="margin-right: 50px"
v-hasPermi="['ldmap:role:edit']"
:loading="loading" :loading="loading"
>开始布线</el-button > >开始布线</el-button
>
<el-button <el-button
type="warning" type="warning"
@click=" @click="
@ -202,17 +289,14 @@
<div class="my-header">管线属性编辑</div> <div class="my-header">管线属性编辑</div>
</template> </template>
<line-exit <line-exit
:layerId="layerId"
:layerId="layerId" :detailInfo="detailInfoLine"
:detailInfo = "detailInfoLine" @closeDialog="closeExitLine"
@closeDialog ="closeExitLine" v-if="linetionExit"
v-if="linetionExit"
></line-exit> ></line-exit>
</el-dialog> </el-dialog>
<!-- 房屋编辑 --> <!-- 房屋编辑 -->
<el-dialog <el-dialog
style="background: rgb(0, 0, 0, 0.4)" style="background: rgb(0, 0, 0, 0.4)"
v-model="recognitionExit" v-model="recognitionExit"
title="" title=""
@ -223,15 +307,15 @@
<div class="my-header">房屋属性编辑</div> <div class="my-header">房屋属性编辑</div>
</template> </template>
<recon-exit <recon-exit
:layerId="layerId" :layerId="layerId"
:detailInfo = "detailInfoHouse" :detailInfo="detailInfoHouse"
@closeDialog ="closeRecognition" @closeDialog="closeRecognition"
v-if="recognitionExit"> v-if="recognitionExit"
>
</recon-exit> </recon-exit>
</el-dialog> </el-dialog>
<!-- 数据核验 --> <!-- 数据核验 -->
<el-dialog <el-dialog
style="background: rgb(0, 0, 0, 0.4)" style="background: rgb(0, 0, 0, 0.4)"
v-model="dataAllExit" v-model="dataAllExit"
title="" title=""
@ -242,52 +326,63 @@
<div class="my-header">数据核验</div> <div class="my-header">数据核验</div>
</template> </template>
<data-value-exit <data-value-exit
:layerId="layerId" :layerId="layerId"
:detailInfo = "detailInfoVerification" :detailInfo="detailInfoVerification"
v-if="dataAllExit" v-if="dataAllExit"
@closeDialog ="()=>{dataAllExit=false}" @closeDialog="
() => {
dataAllExit = false;
}
"
></data-value-exit> ></data-value-exit>
</el-dialog> </el-dialog>
<!-- cad展示 --> <!-- cad展示 -->
<div class="cadCssDialog"> <div class="cadCssDialog">
<el-dialog <el-dialog
v-model="cadMapbox"
v-model="cadMapbox" destroy-on-close
destroy-on-close :title="cadSelectData?.name || ''"
:title="cadSelectData?.name||''" :close-on-click-modal="false"
:close-on-click-modal="false" width="80%"
width="80%" top="5vh"
top="5vh" >
> <cad-map :cadSelectData="cadSelectData"> </cad-map>
<cad-map :cadSelectData="cadSelectData" > </el-dialog>
</cad-map> </div>
</el-dialog>
</div>
<!-- 新增cad --> <!-- 新增cad -->
<el-dialog <el-dialog
v-model="addCadDialog" v-model="addCadDialog"
title="cad展示" title="cad展示"
destroy-on-close destroy-on-close
:close-on-click-modal="false" :close-on-click-modal="false"
width="40%" width="40%"
> >
<add-cad @closeAddDialog ="()=>{addCadDialog = false}"> <add-cad
</add-cad> @closeAddDialog="
</el-dialog> () => {
addCadDialog = false;
}
"
>
</add-cad>
</el-dialog>
<!-- 新增航拍图 --> <!-- 新增航拍图 -->
<el-dialog <el-dialog
v-model = "uploadDialog" v-model="uploadDialog"
title="上传航拍图" title="上传航拍图"
destroy-on-close destroy-on-close
:close-on-click-modal="false" :close-on-click-modal="false"
>
> <layer-upload
<layer-upload @closeAddDialog ="()=>{uploadDialog = false}"></layer-upload> @closeAddDialog="
</el-dialog> () => {
uploadDialog = false;
}
"
></layer-upload>
</el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -299,59 +394,52 @@ import LdMap from "./map/LdMap.vue";
import priceExcel from "./comRight/priceExcel"; import priceExcel from "./comRight/priceExcel";
import costSet from "./comRight/costSet"; import costSet from "./comRight/costSet";
import useMapDataStore from "@map/store/modules/mapData"; import useMapDataStore from "@map/store/modules/mapData";
import useMapLogStore from "@map/store/modules/mapLog";
import lineExit from "./comExit/lineExit"; import lineExit from "./comExit/lineExit";
import addCad from "./cadMap/addCad" import addCad from "./cadMap/addCad";
import reconExit from "./comExit/reconExit"; import reconExit from "./comExit/reconExit";
import dataValueExit from "./comExit/dataExit"; import dataValueExit from "./comExit/dataExit";
import layerUpload from "./comExit/layerUpload" import layerUpload from "./comExit/layerUpload";
import cadMap from "./cadMap"; import cadMap from "./cadMap";
import {recognitionQuery,verificationQyery} from "@map/api/exit.js" import { recognitionQuery, verificationQyery } from "@map/api/exit.js";
import emitter from "@map/utils/emitter" import emitter from "@map/utils/emitter";
import html2canvas from "html2canvas" import html2canvas from "html2canvas";
import { ElMessage } from "element-plus";
const $ldMap = inject("$ldMap"); // 调用全局变量 const $ldMap = inject("$ldMap"); // 调用全局变量
const $ldBox = inject("$ldBox"); // 调用全局变量 const $ldBox = inject("$ldBox"); // 调用全局变量
const componentId = ref(sjLeft) const componentId = ref(sjLeft);
const comid = ref('sj') const comid = ref("sj");
const changemenu = (e) => {
const changemenu = (e)=>{ if (comid.value != e) {
if(comid.value!=e){ comid.value = e;
comid.value = e document.getElementById("viewDiv").innerHTML = "";
document.getElementById('viewDiv').innerHTML = '' switch (e) {
switch(e){ case "sj":
case 'sj':componentId.value = sjLeft;break; componentId.value = sjLeft;
case 'cad':componentId.value = cadLeft; $ldBox.init(); break; break;
case "cad":
componentId.value = cadLeft;
$ldBox.init();
break;
}
} }
};
const tableRowClassName = ({ row, rowIndex }) => {
if (rowIndex === 1) {
return "warning-row";
} else if (rowIndex === 3) {
return "success-row";
} }
return "";
};
const mapDiv = ref();
} const posterimg = ref();
const mapDiv = ref()
const posterimg = ref()
const goDown = ()=> {
html2canvas(mapDiv.value,{
backgroundColor:'#f5f5f5',//海报的背景颜色
useCORS:true, // 允许跨域
width:1000, //生成海报的w
height:2000, //生成海报的h 默认是px
}).then(canvas=>{
// canvas 其实就是我们所讲的res 的意思 返回报文的意思
let baseImg = canvas.toDataURL("image/png");
posterimg.value =baseImg;
let save = document.createElement('a');
// <a href=''></a>
save.href = baseImg;
// 下载的名字
save.download = 'yz'
// 直接回调a的点击事件
save.click()
})
}
let mapdata = useMapDataStore(); let mapdata = useMapDataStore();
const { sseData } = storeToRefs(mapdata); let mapLog = useMapLogStore();
const { sseData, profilesList, secen } = storeToRefs(mapdata);
const setFlag = ref(false); const setFlag = ref(false);
const priceRef = ref(); const priceRef = ref();
@ -369,122 +457,197 @@ const lineForm = ref<lineFormType>({
name: "", name: "",
}); });
//航拍图 //航拍图
const uploadDialog = ref(false) const uploadDialog = ref(false);
const uploadShowDialog =()=>{ const uploadShowDialog = () => {
uploadDialog.value = true uploadDialog.value = true;
} };
//cad //cad
const cadMapbox = ref(false) const cadMapbox = ref(false);
const cadSelectData = ref() const cadSelectData = ref();
const addCadDialog = ref(false) const addCadDialog = ref(false);
const openCadDialog = ()=>{ const openCadDialog = () => {
addCadDialog.value = true; addCadDialog.value = true;
} };
const openCadShowDialog=(e)=>{ const openCadShowDialog = (e) => {
cadMapbox.value = true;
cadMapbox.value = true cadSelectData.value = e;
cadSelectData.value = e };
}
//编辑特征物 //编辑特征物
const recognitionExit = ref(false) const recognitionExit = ref(false);
const detailInfoHouse = ref({}) const detailInfoHouse = ref({});
const regconChange = (e)=>{ const regconChange = (e) => {
detailInfoHouse.value = e detailInfoHouse.value = e;
recognitionExit.value = true; recognitionExit.value = true;
} };
const closeRecognition=(e)=>{ const closeRecognition = (e) => {
recognitionExit.value = false recognitionExit.value = false;
if(e){ if (e) {
$ldMap.setReconLabel(e.geometryId,e.extend.houseMaterial+e.extend.houseFloors) $ldMap.setReconLabel(
e.geometryId,
(e.extend.houseMaterial || "") + (e.extend.houseFloors || "")
);
} }
} };
//编辑管线 //编辑管线
const linetionExit = ref(false) const linetionExit = ref(false);
const detailInfoLine =ref({}) const detailInfoLine = ref({});
const leftComponent = ref() const leftComponent = ref();
const lineDataChange = (data)=>{ const lineDataChange = (data) => {
detailInfoLine.value = data detailInfoLine.value = data;
linetionExit.value = true linetionExit.value = true;
};
} const closeExitLine = (e) => {
const closeExitLine = (e)=>{
linetionExit.value = false; linetionExit.value = false;
if(e){ if (e) {
let { color,width} = mapdata.setLineStyle[detailInfoLine.value.diameter] let { color, width } = mapdata.setLineStyle[detailInfoLine.value.diameter];
leftComponent.value.exitLineMaterial({...detailInfoLine.value,color,width}) leftComponent.value.exitLineMaterial({
...detailInfoLine.value,
color,
width,
});
} }
} };
//编辑数据核验 //编辑数据核验
const dataAllExit = ref(false) const dataAllExit = ref(false);
const detailInfoVerification = ref({}) const detailInfoVerification = ref({});
const verificationChange=()=>{ const verificationChange = () => {
verificationQyery({layersId:layerId.value,}).then(res=>{ verificationQyery({ layersId: layerId.value }).then((res) => {
dataAllExit.value = true; dataAllExit.value = true;
detailInfoVerification.value=res.data; detailInfoVerification.value = res.data;
}) });
} };
const findValue = ref<Boolean>(false); const findValue = ref<Boolean>(false);
const lineValue = ref<Boolean>(false); const lineValue = ref<Boolean>(false);
const loading = ref(false); const loading = ref(false);
watch([lineValue, findValue], (val) => {
!val[0] && !val[1] && (loading.value = false);
});
const setFindVal = (e) => {
mapdata.getProfilesList().then((res) => {
findValue.value = e;
sseData.value = [];
});
};
const setLineVal = (e) => {
mapdata.getProfilesList().then((res) => {
lineValue.value = e;
sseData.value = [];
});
};
const current = ref("");
const handleCurrentChange = (e) => {
current.value = e.id;
};
const profilesDelete = (e) => {
mapdata
.delProfiles(e.id)
.then((res) => {
mapdata.getProfilesList().then((res) => {});
})
.catch((e) => {});
};
const priceFlag = ref(false); const priceFlag = ref(false);
function findArea(override) { function findArea(override) {
loading.value = true; loading.value = true;
$ldMap.removeAllLayer(); $ldMap.removeAllLayer();
mapdata if (override) {
.setMapData(override) mapdata
.then(() => { .setMapData(override)
if (findValue.value) { .then(() => {
findValue.value = false; setValue();
})
.catch(() => {
loading.value = false; loading.value = false;
$ldMap.addDefaultData(mapdata.road, "Road"); });
$ldMap.addDefaultData(mapdata.house, "House"); } else {
$ldMap.addDefaultData(mapdata.river, "River"); if (current.value) {
$ldMap.addDeviceData(mapdata.station, "Station"); mapdata.setMapByHistry(current.value).then((res) => {
} current.value = "";
}) setValue();
.catch(() => { });
} else {
loading.value = false; loading.value = false;
}); ElMessage({ message: "请先选择存档历史", type: "warning" });
}
}
function setValue() {
mapLog.clearExitContent();
if (findValue.value) {
findValue.value = false;
loading.value = false;
mapLog.addContent({
mapType: "regon", //regon:特征物，line:线
actionType: "data", //add,exit,del,
isrevoke: false, //是否允许撤回,
});
$ldMap.addDefaultData(mapdata.road, "Road");
$ldMap.addDefaultData(mapdata.house, "House");
$ldMap.addDefaultData(mapdata.river, "River");
$ldMap.addDeviceData(mapdata.station, "Station");
}
}
} }
function findLine(override) { function findLine(override) {
loading.value = true; loading.value = true;
mapdata if(override){
mapdata
.setLineData(override) .setLineData(override)
.then((res) => { .then((res) => {
if (lineValue.value) { setLine()
loading.value = false;
lineValue.value = false;
}
}) })
.catch(() => { .catch(() => {
loading.value = false; loading.value = false;
}); });
}else{
if(current.value){
mapdata.setHisctoryByline(current.value).then((res) => {
current.value=''
setLine()
}) } else {
loading.value = false;
ElMessage({ message: "请先选择存档历史", type: "warning" });
}
}
function setLine(){
mapLog.clearExitContent();
if (lineValue.value) {
mapLog.addContent({
mapType: "line", //regon:特征物，line:线
actionType: "data", //add,exit,del,
isrevoke: false, //是否允许撤回,
});
loading.value = false;
lineValue.value = false;
}
}
} }
onMounted(() => { onMounted(() => {
//初始化地图 //初始化地图
emitter.on('line',(e)=>{ emitter.on("line", (e) => {
console.log(e) console.log(e);
if(e){ if (e) {
lineDataChange(e) lineDataChange(e);
} }
}) });
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
:deep(.el-dialog__body) {
:deep(.el-dialog__body){
padding: 0; padding: 0;
} }
.dialogDeep { .dialogDeep {
@ -518,7 +681,11 @@ onMounted(() => {
position: fixed; position: fixed;
z-index: 1; z-index: 1;
width: 100vw; width: 100vw;
background: linear-gradient(to top, rgba(11,38,61,.9), rgba(11,38,61,.9)); background: linear-gradient(
to top,
rgba(11, 38, 61, 0.9),
rgba(11, 38, 61, 0.9)
);
} }
.left { .left {
width: 20%; width: 20%;
@ -569,8 +736,50 @@ background: linear-gradient(to top, rgba(11,38,61,.9), rgba(11,38,61,.9));
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
} }
.tableCss {
border: 1px solid #fff;
width: 100%;
height: 210px;
border-radius: 5px;
padding: 5px;
margin: 5px 0 10px 10px;
}
.cadCssDialog {
width: 80%;
}
:deep(.ivu-tabs-nav .ivu-tabs-tab) {
padding: 8px 5px !important;
}
:deep(.el-table tr) {
background: transparent;
color: #fff;
}
:deep(.el-table) {
width: 90%;
margin: 0 auto;
background: transparent;
height: calc(100vh - 170px);
}
:deep(.el-table tr):hover {
background: transparent;
}
.cadCssDialog{ :deep(.el-table__body tr.current-row > td.el-table__cell) {
width: 80%; background-color: rgba(27, 124, 125, 0.5) !important;
}
:deep(
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell
) {
background: rgb(184, 224, 250, 0.5) !important;
}
:deep(.el-table th.el-table__cell) {
background: transparent;
}
:deep(.el-table__row) {
&:hover {
background: rgb(184, 224, 250);
border: 1px solid #313463;
}
} }
</style> </style>

7
src/ldmap/main.js
View File

@ -5,6 +5,10 @@ import esriConfig from "@arcgis/core/config";
import ldMap from './utils/map/init'; import ldMap from './utils/map/init';
import ldBox from './utils/map/mapBox'; import ldBox from './utils/map/mapBox';
import { download } from './utils/request'; import { download } from './utils/request';
import directive from '@/directive' // directive
import router from './router'
// 分页组件 // 分页组件
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import {useDict} from './utils/dict'; import {useDict} from './utils/dict';
@ -17,6 +21,7 @@ import store from './store'
import elementIcons from '@/components/SvgIcon/svgicon' import elementIcons from '@/components/SvgIcon/svgicon'
import plugins from '@/plugins' // plugins import plugins from '@/plugins' // plugins
const app = createApp(App) const app = createApp(App)
import './permission'
app.component('Pagination', Pagination) app.component('Pagination', Pagination)
// app.config.globalProperties.$ldMap = ldMap // app.config.globalProperties.$ldMap = ldMap
// app.config.globalProperties.$ldBox = ldBox // app.config.globalProperties.$ldBox = ldBox
@ -24,8 +29,10 @@ app.config.globalProperties.useDict = useDict
app.config.globalProperties.download = download app.config.globalProperties.download = download
app.provide('$ldMap', ldMap) app.provide('$ldMap', ldMap)
app.provide('$ldBox', ldBox) app.provide('$ldBox', ldBox)
directive(app)
app.use(elementIcons) app.use(elementIcons)
app.use(ElementPlus) app.use(ElementPlus)
app.use(plugins) app.use(plugins)
app.use(router)
app.use(store) app.use(store)
app.mount('#app') app.mount('#app')

66
src/ldmap/permission.js Normal file
View File

@ -0,0 +1,66 @@
import router from './router'
import { ElMessage } from 'element-plus'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'
import { isHttp } from '@/utils/validate'
import { isRelogin } from '@/utils/request'
import useUserStore from '@/store/modules/user'
import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission'
NProgress.configure({ showSpinner: false });
const whiteList = ['/login', '/register'];
router.beforeEach((to, from, next) => {
NProgress.start()
console.log(getToken())
if (getToken()) {
to.meta.title && useSettingsStore().setTitle(to.meta.title)
/* has token*/
if (to.path === '/login') {
next({ path: '/' })
NProgress.done()
} else {
if (useUserStore().roles.length === 0) {
isRelogin.show = true
// 判断当前用户是否已拉取完user_info信息
useUserStore().getInfo().then(() => {
isRelogin.show = false
usePermissionStore().generateRoutes().then(accessRoutes => {
// 根据roles权限生成可访问的路由表
accessRoutes.forEach(route => {
if (!isHttp(route.path)) {
router.addRoute(route) // 动态添加可访问路由表
}
})
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
})
}).catch(err => {
useUserStore().logOut().then(() => {
ElMessage.error(err)
next({ path: '/' })
})
})
} else {
next()
}
}
} else {
// 没有token
if (whiteList.indexOf(to.path) !== -1) {
// 在免登录白名单，直接进入
next()
} else {
next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
NProgress.done()
}
}
})
router.afterEach(() => {
NProgress.done()
})

25
src/ldmap/router.js Normal file
View File

@ -0,0 +1,25 @@
import { createWebHistory, createWebHashHistory,createRouter } from 'vue-router'
export const constantRoutes = [
{
path: '',
component: () => import('./components/index'),
hidden: true
},
]
const router = createRouter({
history: createWebHashHistory(import.meta.env.VITE_APP_CONTEXT_PATH),
routes: constantRoutes,
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { top: 0 }
}
},
});
export default router;

353
src/ldmap/store/modules/mapData.js
View File

@ -2,18 +2,33 @@
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import { ElMessageBox, ElLoading, ElMessage } from 'element-plus' import { ElMessageBox, ElLoading, ElMessage } from 'element-plus'
import { EventSourcePolyfill } from 'event-source-polyfill'; import { EventSourcePolyfill } from 'event-source-polyfill';
// import {listProfiles,profilesLoad,profilesDel} from '@map/api/profiles.js'
import * as profiles from '@map/api/profiles.js'
import { import {
recognitionreload, recognitionreload,
pipelinereload, pipelinereload,
pipelineload, pipelineload,
sseClose, writeCsv, sseClose, writeCsv,
layersList, recognitionload, recognitionList, recognUpdate layersList, recognitionload, recognitionList,
recognUpdate,
findSkeleton,
pipelineUpdate
} from '@map/api/layer.js' } from '@map/api/layer.js'
import { list, add, del } from '@map/api/layerPoint'
import home from '@map/assets/qdf.png'
import water from '@map/assets/water.png'
import device from '@map/assets/device.png'
import qdf from "@map/assets/qdf.png"
const useMapDataStore = defineStore( const useMapDataStore = defineStore(
'mapData', 'mapData',
{ {
state: () => ({ state: () => ({
profilesList: [],
profilesId: '',
layerId: '', layerId: '',
layerName: '',
secen: '',
actionList: [], //变更后的特征物数据 actionList: [], //变更后的特征物数据
house: [], house: [],
road: [], road: [],
@ -21,8 +36,9 @@ const useMapDataStore = defineStore(
station: [], station: [],
lineArray: [], lineArray: [],
pointArray: [], pointArray: [],
maxPointIndex: '-1',
setLineStyle: { setLineStyle: {
'150': { styleId: '150', width: 1, color: [251, 213, 2, 200], label: '150管径', }, '110': { styleId: '110', width: 1, color: [251, 213, 2, 200], label: '110管径', },
'200': { styleId: '200', width: 3, color: [144, 238, 145, 200], label: '200管径', }, '200': { styleId: '200', width: 3, color: [144, 238, 145, 200], label: '200管径', },
'250': { styleId: '250', width: 3, color: [254, 3, 252, 200], label: '250管径', }, '250': { styleId: '250', width: 3, color: [254, 3, 252, 200], label: '250管径', },
'300': { styleId: '300', width: 4, color: [255, 194, 204, 200], label: '300管径', }, '300': { styleId: '300', width: 4, color: [255, 194, 204, 200], label: '300管径', },
@ -30,10 +46,10 @@ const useMapDataStore = defineStore(
'999': { styleId: '999', width: 4, color: [28, 181, 233, 200], label: '其他管径', }, '999': { styleId: '999', width: 4, color: [28, 181, 233, 200], label: '其他管径', },
}, },
setPointStyle: { setPointStyle: {
'y': { styleId: 'y', size: '10px', color: [223, 131, 2, 255], label: '转接', visible:false,styleVal:'400'}, 'y': { styleId: 'y', size: '10px', color: [223, 131, 2, 255], label: '转接', visible: false, styleVal: '400', jpg: water, width: 10, height: 10, },
'h': { styleId: 'h', size: '10px', color: [223, 3, 2, 255], label: '房屋', visible:true ,styleVal:'200'}, 'h': { styleId: 'h', size: '10px', color: [223, 3, 2, 255], label: '房屋', visible: true, styleVal: '200', jpg: home, width: 12, height: 12 },
'x': { styleId: 'x', size: '14px', color: [7, 253, 253, 255], label: '井' , visible:true,styleVal:'400'}, 'x': { styleId: 'x', size: '14px', color: [7, 253, 253, 255], label: '井', visible: true, styleVal: '400', jpg: water, width: 14, height: 14 },
's': { styleId: 's', size: '18px', color: [8, 240, 36, 255], label: '设备', visible:true,styleVal:'400' }, 's': { styleId: 's', size: '18px', color: [8, 240, 36, 255], label: '设备', visible: true, styleVal: '400', jpg: device, width: 20, height: 20 },
}, },
watertotal: '0', watertotal: '0',
showCheck: false, showCheck: false,
@ -43,9 +59,23 @@ const useMapDataStore = defineStore(
clientId: '', clientId: '',
}), }),
actions: { actions: {
getProfilesList(type) {
return new Promise((resolve, reject) => {
profiles[type ? type : this.secen + 'listProfiles']({ layersId: this.layerId }).then(res => {
this.profilesList = res.data
resolve()
})
})
},
getMylayerList() { getMylayerList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
layersList().then(res => { layersList().then(res => {
if (res.data.length > 0) {
this.layerId = res.data[0].id
}
resolve(res) resolve(res)
}) })
@ -68,9 +98,9 @@ const useMapDataStore = defineStore(
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
if (override) { if (override) {
this.sseConfig('recognition').then(mapData => { this.sseConfig('recognition').then(mapData => {
this.secen = 'recognition'
this.profilesId = mapData.Road[0].profilesId
this.house = mapData['House'].map(item => { this.house = mapData['House'].map(item => {
let arr = { let arr = {
isExit: item.extend, isExit: item.extend,
...item, ...item,
@ -92,22 +122,29 @@ const useMapDataStore = defineStore(
} else { } else {
recognitionload({ layersId: this.layerId, override }).then(res => { recognitionload({ layersId: this.layerId, override }).then(res => {
if (res.data) { if (res.data) {
this.secen = 'recognition'
let mapData = res.data let mapData = res.data
this.house = mapData['House'].map(item => { if (mapData) {
let arr = { this.house = mapData['House'].map(item => {
isExit: item.extend&&item.extend.houseMaterial&&item.extend.houseFloors, let arr = {
...item, isExit: item.extend && (item.extend.houseMaterial || item.extend.houseFloors),
...item.extend ...item,
} ...item.extend
delete arr.extend }
return arr delete arr.extend
}) return arr
this.road = mapData['Road']; })
this.river = mapData['River']; this.road = mapData['Road'];
mapData.Station && (this.station = mapData['Station']); this.river = mapData['River'];
this.actionList = []; mapData.Station && (this.station = mapData['Station']);
resolve() this.actionList = [];
resolve()
} else {
ElMessage({ message: '暂无数据，请重新识别', type: 'error' })
reject()
}
} else { } else {
ElMessage({ message: res.msg, type: 'error' }) ElMessage({ message: res.msg, type: 'error' })
reject() reject()
@ -117,6 +154,92 @@ const useMapDataStore = defineStore(
} }
}) })
}, },
getProfileByLoad(id) {
return profiles[this.secen + 'profilesLoad'](id)
},
setMapByHistry(id) {
return new Promise(async (resolve, reject) => {
let res = await this.getProfileByLoad(id)
if (res.data) {
this.profilesId = id
this.secen = 'recognition'
let mapData = res.data
if (mapData) {
this.house = mapData['House'].map(item => {
let arr = {
isExit: item.extend && (item.extend.houseMaterial || item.extend.houseFloors),
...item,
...item.extend
}
delete arr.extend
return arr
})
this.road = mapData['Road'];
this.river = mapData['River'];
mapData.Station && (this.station = mapData['Station']);
this.actionList = [];
resolve()
} else {
ElMessage({ message: '暂无数据，请重新识别', type: 'error' })
reject()
}
} else {
ElMessage({ message: res.msg, type: 'error' })
reject()
}
})
},
delProfiles(id) {
return new Promise((resolve, reject) => {
if (id == this.profilesId) {
ElMessage({ message: '当前档案已加载到页面，不可删除', type: 'warning' })
reject()
} else {
ElMessageBox.confirm('是否删除当前项', '提示',
{
confirmButtonText: '确定', cancelButtonText: '取消',
type: 'warning'
}).then(() => {
profiles[this.secen + 'profilesDel'](id).then(res => {
if (res.code == 200) {
ElMessage({ message: '删除成功', type: 'success' })
resolve(id == this.profilesId)
} else {
ElMessage({ message: res.msg, type: 'error' })
reject()
}
})
}).catch(() => {
reject()
});
}
})
},
//修改特征物数据 //修改特征物数据
sethouseData(e) { sethouseData(e) {
console.log(e) console.log(e)
@ -208,6 +331,7 @@ const useMapDataStore = defineStore(
return setLineStyle[width] return setLineStyle[width]
}, },
returnlineData(mapData) { returnlineData(mapData) {
this.secen = 'pipeline'
let lineArr = [] let lineArr = []
let pointArr = [] let pointArr = []
this.watertotal = mapData.water this.watertotal = mapData.water
@ -216,33 +340,34 @@ const useMapDataStore = defineStore(
let pointSetArr = {}; let pointSetArr = {};
this.lineArray = mapData.pipeline.map(element => { this.lineArray = mapData.pipeline.map(element => {
element.path = JSON.parse(element.path) element.path = element.path
let leftId = element.startIndex let leftId = element.startIndex
let rightId = element.endIndex let rightId = element.endIndex
if(pointSetArr[leftId]){ this.maxPointIndex = Math.max(this.maxPointIndex, leftId, rightId)
pointSetArr[leftId].endIndex=element.id if (pointSetArr[leftId]) {
}else{ pointSetArr[leftId].endIndex = element.id
pointSetArr[leftId]={ } else {
pointId:leftId, pointSetArr[leftId] = {
endIndex:element.id, pointId: leftId,
point: [element.path[0][0], element.path[0][1]], endIndex: element.id,
pointType: element.pointType, point: [element.path[0][0], element.path[0][1]],
...this.setPointStyle[element.pointType] pointType: element.pointType,
...this.setPointStyle[element.pointType]
} }
} }
if(pointSetArr[rightId]){ if (pointSetArr[rightId]) {
pointSetArr[rightId].startIndex=element.id pointSetArr[rightId].startIndex = element.id
}else{ } else {
pointSetArr[rightId]={ pointSetArr[rightId] = {
pointId:rightId, pointId: rightId,
startIndex:element.id, startIndex: element.id,
point: [element.path[1][0], element.path[1][1]], point: [element.path[1][0], element.path[1][1]],
pointType: element.pointType, pointType: element.pointType,
...this.setPointStyle[element.pointType] ...this.setPointStyle[element.pointType]
} }
} }
return { return {
@ -252,24 +377,27 @@ const useMapDataStore = defineStore(
}); });
mapData.point.map(point => { mapData.point.map(point => {
point.point = [JSON.parse(point.path)[0][0], JSON.parse(point.path)[0][1]] point.point = [point.path[0][0], point.path[0][1]]
console.log(point.startIndex)
this.maxPointIndex = Math.max(this.maxPointIndex, point.startIndex)
point.pointId = point.startIndex point.pointId = point.startIndex
if(!pointSetArr[point.pointId]){ if (!pointSetArr[point.pointId]) {
pointSetArr[point.pointId]={ pointSetArr[point.pointId] = {
...point, ...point,
startIndex:undefined, startIndex: undefined,
endIndex:undefined, endIndex: undefined,
...this.setPointStyle[point.pointType] ...this.setPointStyle[point.pointType]
} }
}else{ } else {
let data = {...pointSetArr[point.point]} let data = { ...pointSetArr[point.point] }
pointSetArr[point.pointId]={ pointSetArr[point.pointId] = {
...data, ...data,
...point, ...point,
...this.setPointStyle[point.pointType] ...this.setPointStyle[point.pointType]
} }
} }
}) })
let setlineArr = new Set(); let setlineArr = new Set();
this.pointArray = [] this.pointArray = []
lineArr.forEach((item) => { lineArr.forEach((item) => {
@ -281,8 +409,9 @@ const useMapDataStore = defineStore(
} }
}); });
}) })
for(let i in pointSetArr ){ console.log(this.maxPointIndex)
this.pointArray.push(pointSetArr[i]) for (let i in pointSetArr) {
this.pointArray.push(pointSetArr[i])
} }
this.checkedLegend = [] this.checkedLegend = []
for (let i in this.setLineStyle) { for (let i in this.setLineStyle) {
@ -296,11 +425,14 @@ const useMapDataStore = defineStore(
}, },
setLineData(override) { setLineData(override) {
let self = this; let self = this;
this.setMaxPointIndex(0)
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
if (override) { if (override) {
self.sseConfig('pipeline').then(res => { self.sseConfig('pipeline').then(res => {
this.profilesId = res.pipeline[0].profilesId
self.returnlineData(res) self.returnlineData(res)
resolve() resolve()
}).catch(data => { }).catch(data => {
@ -325,6 +457,22 @@ const useMapDataStore = defineStore(
},
setHisctoryByline(id) {
return new Promise(async (resolve, reject) => {
let res = await this.getProfileByLoad(id)
this.profilesId = id
if (res.data) {
this.returnlineData(res.data)
resolve()
} else {
ElMessage({ message: res.msg, type: 'error' })
reject()
}
})
}, },
createcsvFile() { createcsvFile() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
@ -347,8 +495,8 @@ const useMapDataStore = defineStore(
}) })
} else { } else {
data.action = 0 data.action = 0
data.path = JSON.stringify(data.path) data.path = data.path
data.innerings = JSON.stringify(data.innerings) data.innerings = data.innerings
this.actionList.push(data) this.actionList.push(data)
} }
if (val) { if (val) {
@ -382,7 +530,7 @@ const useMapDataStore = defineStore(
} }
return item.action == 1 || item.type == 'Station' return item.action == 1 || item.type == 'Station'
}) })
let stationData = []
if (this.station.length) { if (this.station.length) {
let deviceData = this.station[0] let deviceData = this.station[0]
if (deviceObj.action == 0) { if (deviceObj.action == 0) {
@ -393,46 +541,109 @@ const useMapDataStore = defineStore(
deviceData.action = 1 deviceData.action = 1
} }
this.actionList.push(deviceData) stationData.push(deviceData)
} else { } else {
if (deviceObj.action != 0) { if (deviceObj.action != 0) {
//新增 //新增
deviceObj.action = 2 deviceObj.action = 2
this.actionList.push(deviceObj) stationData.push(deviceObj)
} }
} }
let data = [...newArr, ...this.actionList, ...stationData]
let data = [...newArr, ...this.actionList]
if (data.length > 0) { if (data.length > 0) {
recognUpdate(data).then(res => { let params = {
data,
profilesId: this.profilesId
}
recognUpdate(params).then(res => {
ElMessage({ message: res.msg, type: 'success' }) ElMessage({ message: res.msg, type: 'success' })
this.actionList = []; this.actionList = [];
this.station = [] this.station = []
this.setMapData(0).then(res => { this.profilesId = res.data
this.setMapByHistry(this.profilesId).then(res => {
resolve() resolve()
}) })
}) })
} else { } else {
ElMessage({ message: '请先编辑特侦物', type: 'warning' }) ElMessage({ message: '请先编辑特侦物', type: 'warning' })
} }
}) })
},
setMaxPointIndex(val) {
if (val) {
this.maxPointIndex += val
} else {
this.maxPointIndex = -1
}
return this.maxPointIndex
},
addPngStyle(point) {
return new Promise((resolve, reject) => {
let { x, y } = point
let params = {
"type": "1",
"point": [x, y],
"profilesId": this.profilesId
}
add(params).then(res => {
resolve(res.data)
})
})
},
delPngTyle(id) {
return new Promise((resolve, reject) => {
del(id).then(res => {
resolve()
})
})
},
getSetpointStyle() {
return new Promise((resolve, reject) => {
list({ type: '1', profilesId: this.profilesId }).then(res => {
resolve({ data: res.data, img: qdf })
})
})
}, },
//更新值 //更新值
addByTypeData(type, data) { addByTypeData(type, data) {
data.layersId = this.layerId data.layersId = this.layerId
type = type.toUpperCase().toLowerCase(); type = type.toUpperCase().toLowerCase();
this[type].push(data) this[type].push(data)
this.actionList.push(this[type][this[type].length - 1]) this.actionList.push(data)
console.log(this[type][this[type].length - 1])
return this[type][this[type].length - 1]
},
//布线数据保存
saveLine(data) {
return new Promise((resolve, reject) => {
data.profilesId = this.profilesId
pipelineUpdate(data).then(res => {
ElMessage({ message: '保存成功', type: 'success' })
this.setHisctoryByline(res.data)
resolve()
})
})
},
getfindSkeleton() {
return new Promise((resolve, reject) => {
if (this.profilesId) {
findSkeleton(this.profilesId).then(res => {
if (res.data) {
resolve(res)
} else {
reject()
}
})
} else {
ElMessage({ message: '请先选择特征物数据', type: 'warning' })
reject()
}
})
}, },
}, },

42
src/ldmap/store/modules/mapLog.js Normal file
View File

@ -0,0 +1,42 @@
import { defineStore } from "pinia";
import moment from "moment";
const useMapLog = defineStore('mapLog',{
state: ()=>({
exitContent:[
]
}),
actions: {
addContent(data){
console.log(moment().format("HH : mm"))
let val = {
mapType:'',//regon:特征物，line:线
actionType:'',//add,exit,del,
isrevoke:false,//是否允许撤回,
oldGeometry:[],
oldAttributes:[],
tips:'',
id:'',
time:'',
...data
}
val.oldGeometry = val.oldGeometry.map(item=>{
return JSON.stringify(item)
})
val.oldAttributes = val.oldAttributes.map(item=>{
return JSON.stringify(item)
})
val.time = moment().format("HH : mm")
this.exitContent.push(val)
},
revokeContent(index){
this.exitContent.splice(index,1)
},
clearExitContent(){
this.exitContent = []
}
}
}
)
export default useMapLog

55
src/ldmap/store/modules/user.js Normal file
View File

@ -0,0 +1,55 @@
import { getInfo } from '@/api/login'
import { getToken } from '@/utils/auth'
import defAva from '@/assets/images/profile.jpg'
const useUserStore = defineStore(
'user',
{
state: () => ({
token: getToken(),
name: '',
avatar: '',
roles: [],
permissions: []
}),
actions: {
// 获取用户信息
getInfo() {
return new Promise((resolve, reject) => {
getInfo().then(res => {
const user = res.data.user
const avatar = (user.avatar == "" || user.avatar == null) ? defAva : user.avatar;
if (res.data.roles && res.data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
this.roles = res.data.roles
this.permissions = res.data.permissions
} else {
this.roles = ['ROLE_DEFAULT']
}
this.name = user.userName
this.avatar = avatar;
resolve(res)
}).catch(error => {
reject(error)
})
})
},
// // 退出系统
// logOut() {
// return new Promise((resolve, reject) => {
// logout(this.token).then(() => {
// this.token = ''
// this.roles = []
// this.permissions = []
// removeToken()
// resolve()
// }).catch(error => {
// reject(error)
// })
// })
// }
}
})
export default useUserStore

106
src/ldmap/utils/map/cut.js Normal file
View File

@ -0,0 +1,106 @@
import ldMap from "./init";
import Draw from "@arcgis/core/views/draw/Draw.js";
import Graphic from "@arcgis/core/Graphic.js";
import * as geometryEngine from "@arcgis/core/geometry/geometryEngine.js";
import useMapDataStore from "@map/store/modules/mapData"
let selectGraphic
function cut(){
if(ldMap.sketchLayer.selectGraphic){
selectGraphic = ldMap.sketchLayer.selectGraphic
startDrawLine()
return {flag:true,data:''}
}else{
return {flag:false,data:''}
}
}
function destroyDraw(){
let mapdata = useMapDataStore()
let polyline = ldMap.view.graphics.items[0].geometry
let boundaryPolygon = selectGraphic.geometry
const geometries = geometryEngine.cut(boundaryPolygon, polyline);
geometries.forEach(polygon=>{
let id = selectGraphic.attributes.type + ':' + Date.now()+Math.floor(Math.random() * (1000 - 1) + 0);
console.log(id)
let val = {
geometryId: id,
action: 2,
"innerings":polygon.rings.length?polygon.rings.slice(1):[],
"extend": null,
type: selectGraphic.attributes.type,
path: polygon.rings[0],
}
let data = mapdata.addByTypeData(selectGraphic.attributes.type, val)
const newPolygonGraphic = new Graphic({
id,
geometry: polygon,
symbol: selectGraphic.symbol,
attributes: {
...selectGraphic.attributes,
data
}
});
ldMap.sketchLayer.polygonLayer.add(newPolygonGraphic)
})
ldMap.sketchLayer.polygonLayer.remove(selectGraphic);
mapdata.delData(selectGraphic.attributes.data)
ldMap.view.graphics.removeAll();
ldMap.sketchLayer.polygonLayer.sublayers.items.forEach(item=>{
item.visible=true
})
}
function startDrawLine(){
ldMap.sketchLayer.polygonLayer.sublayers.items.forEach(item=>{
if(item!=selectGraphic){
item.visible=false
}
})
ldMap.draw = new Draw({
view: ldMap.view,
})
let action = ldMap.draw.create("polyline", {
mode: 'click'
});
action.on("vertex-add", (event) => creatLineByClick(event));
// 鼠标移动事件
action.on("cursor-update", (event) => creatLineByClick(event));
// 绘制完成事件
action.on("draw-complete", (e) => {
destroyDraw()
});
}
function creatLineByClick(event){
ldMap.view.graphics.removeAll();
var vertices = event.vertices;
let polyline = {
type: "polyline", // autocasts as new Polyline()
paths: vertices,
spatialReference: ldMap.view.spatialReference
}
let graphic = new Graphic({
geometry: polyline,
symbol: {
type: "simple-line", // autocasts as new SimpleFillSymbol
color: [0, 206, 209],
width: 3,
cap: "round",
join: "round"
}
})
ldMap.view.graphics.add(graphic)
}
export default cut

91
src/ldmap/utils/map/export.js Normal file
View File

@ -0,0 +1,91 @@
import ldMap from "./init";
import Polyline from "@arcgis/core/geometry/Polyline.js";
import * as geometryEngine from "@arcgis/core/geometry/geometryEngine.js";
function exporGis(){
let alllayer =ldMap.sketchLayer.polygonLayer.graphics.items
let textLayer = ldMap.textLayer.graphics.items
;let geojson = {
type: "FeatureCollection",
features: [],
textLayer: []
};
alllayer.forEach(function(graphic) {
let geometry = graphic.geometry;
let attributes = graphic.attributes;
var geojsonGeometry;
switch(geometry.type) {
case "polygon":
let rings = []
geometry.rings.forEach(item => {
let ringsVal = []
item.forEach(val=>{
ringsVal.push( getCenterDistance(val))
})
rings.push(ringsVal)
})
geojsonGeometry = {
type: "Polygon",
coordinates:rings
};
break;
//其他几何类型
}
geojson.features.push({
type: "Feature",
geometry: geojsonGeometry,
type:attributes.type
});
});
textLayer.forEach(item=>{
let arr={
coordinates: getCenterDistance([item.geometry.x,item.geometry.y]),
text: item.symbol.text
}
geojson.textLayer.push(arr)
})
console.log(JSON.stringify(geojson))
}
function getCenterDistance(p2){
let p1 = []
let px,py,polyline;
let layer = ldMap.map.layers.items
layer.forEach(item=>{
if(item.url){
p1=[item.fullExtent.center.x,item.fullExtent.center.y]
}
})
polyline = new Polyline({
paths: [p1, [p1[0], p2[1]]],
})
py = geometryEngine.geodesicLength(polyline, "meters");
if(p1[1]>p2[1]) py = -py
polyline = new Polyline({
paths: [p1, [p2[0], p1[1]]],
})
px = geometryEngine.geodesicLength(polyline, "meters");
if(p1[0]>p2[0]) px = -px
console.log([ px, py ])
return [ px, py ]
}
export default exporGis

1320
src/ldmap/utils/map/init.js
View File

File diff suppressed because it is too large Load Diff

13019
src/ldmap/utils/map/load.json Normal file
View File

File diff suppressed because it is too large Load Diff

1
src/ldmap/utils/map/mapBox.js
View File

@ -62,7 +62,6 @@ const ldBox = {
}) })
}, },
addLayer(data){ addLayer(data){
debugger
let self = this; let self = this;
let laryerId = data.id.toString(); let laryerId = data.id.toString();
if(self.Map.getLayer(laryerId)){ if(self.Map.getLayer(laryerId)){

10
src/ldmap/utils/request.js
View File

@ -137,7 +137,7 @@ service.interceptors.response.use(res => {
) )
// 通用下载方法 // 通用下载方法
export function download(url, params, filename, config) { export function download(url, params, filename, config,isSave) {
downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", }) downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
return service.post(url, params, { return service.post(url, params, {
@ -146,12 +146,18 @@ export function download(url, params, filename, config) {
responseType: 'blob', responseType: 'blob',
...config ...config
}).then(async (data) => { }).then(async (data) => {
downloadLoadingInstance.close(); downloadLoadingInstance.close();
const isBlob = blobValidate(data); const isBlob = blobValidate(data);
if (isBlob) { if(isSave){
const blob = new Blob([data])
saveAs(blob, filename)
}else if (isBlob) {
const blob = new Blob([data]) const blob = new Blob([data])
const URL = window.URL; const URL = window.URL;
return Promise.resolve( URL.createObjectURL(blob)) return Promise.resolve( URL.createObjectURL(blob))
} else { } else {
const resText = await data.text(); const resText = await data.text();
const rspObj = JSON.parse(resText); const rspObj = JSON.parse(resText);

2
stats.html
View File

File diff suppressed because one or more lines are too long

54
vite.config.js
View File

@ -39,7 +39,7 @@ export default defineConfig(({ mode, command }) => {
proxy: { proxy: {
// https://cn.vitejs.dev/config/#server-proxy // https://cn.vitejs.dev/config/#server-proxy
'/dev-api': { '/dev-api': {
target: 'http://139.224.252.239:8080/', target: 'http://119.3.156.115:8080/',
changeOrigin: true, changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '') rewrite: (p) => p.replace(/^\/dev-api/, '')
}, },
@ -53,6 +53,16 @@ export default defineConfig(({ mode, command }) => {
changeOrigin: true, changeOrigin: true,
rewrite: (p) => p.replace(/^\/water-api/, '') rewrite: (p) => p.replace(/^\/water-api/, '')
}, },
'/plan-api': {
target: 'http://water.lidinghb.com:9070/',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/plan-api/, '')
},
'/afterSales-api': {
target: 'http://119.3.156.115:9050/',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/afterSales-api/, '')
},
} }
}, },
//fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
@ -73,13 +83,53 @@ export default defineConfig(({ mode, command }) => {
} }
}, },
build:{ build:{
minify:'terser',
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true
}
},
rollupOptions:{ rollupOptions:{
input:{ input:{
index:'./index.html', index:'./index.html',
admin:'./admin.html', admin:'./admin.html',
ldmap:'./ldmap.html', ldmap:'./ldmap.html',
},
output:{
manualChunks(id){
if(id.includes('node_modules')){
if(id.includes('excel')){
return 'excel'
}
if(id.includes('mapbox')){
return 'mapbox'
}
if(id.includes('mxdraw')){
return 'mxdraw'
}
if(id.includes('three')){
return 'three'
}
if(id.includes('echarts')){
return 'echarts'
}
if(id.includes('moment')){
return 'moment'
}
}
}
} }
} },
//关闭文件计算
reportCompressedSize:false,
//关闭生成map文件 减小打包体积
sourcemap:false,
} }
} }
}) })