基础框架修改内容同步
parent
4a4c869dce
commit
383b09adf0
@ -1,206 +0,0 @@
|
|||||||
// WFProcess 流程模版基本信息
|
|
||||||
import { defHttp } from '@/utils/http/axios';
|
|
||||||
import {
|
|
||||||
taskCountParams,
|
|
||||||
caseInfoParams,
|
|
||||||
countModel,
|
|
||||||
taskInfoParams,
|
|
||||||
addCaseFavoriteParams,
|
|
||||||
updateCaseInfoParams,
|
|
||||||
} from './model/index';
|
|
||||||
|
|
||||||
enum Api {
|
|
||||||
// 获取待办任务统计数据
|
|
||||||
LoadTaskCount = '/api/DroneCaseInfoSingle/LoadTaskCount',
|
|
||||||
// 获取图斑信息统计数据
|
|
||||||
LoadDroneCaseInfoCount = '/api/DroneCaseInfoSingle/LoadDroneCaseInfoCount',
|
|
||||||
// 分页获取图斑信息列表
|
|
||||||
LoadDroneCaseInfoDetail = '/api/DroneCaseInfoSingle/LoadTasklList',
|
|
||||||
// 分页获取任务信息列表
|
|
||||||
LoadTaskDetailList = '/api/DroneCaseInfoSingle/LoadTaskDetailList',
|
|
||||||
// 收藏图斑
|
|
||||||
AddCaseFavorite = '/api/DroneCaseInfoSingle/AddCaseFavorite',
|
|
||||||
// 获取收藏图斑列表
|
|
||||||
FavoriteCaseList = '/api/DroneCaseinfo/FavoriteCaseList',
|
|
||||||
DeleteFavoriteCase = '/api/DroneCaseInfoSingle/DeleteFavoriteCase',
|
|
||||||
// 获取图斑详情
|
|
||||||
GetCaseInfoById = '/api/DroneCaseInfoSingle/GetCaseInfoById',
|
|
||||||
// 更新图斑行政区划
|
|
||||||
UpdateDroneCaseInfo = '/api/DroneCaseInfoSingle/UpdateDroneCaseInfo',
|
|
||||||
// 督办流程
|
|
||||||
Supervise = '/api/WFProcess/Supervise',
|
|
||||||
// 获取部门父级
|
|
||||||
LoadParents = '/api/Orgs/LoadParents',
|
|
||||||
// 审核列表收藏
|
|
||||||
AddtaskFavorite = '/api/DroneCaseInfoSingle/AddtaskFavorite',
|
|
||||||
// 审核列表删除收藏
|
|
||||||
DeleteTaskCase = '/api/DroneCaseInfoSingle/DeleteTaskCase',
|
|
||||||
// 获取当前账号可以看见的乡镇
|
|
||||||
loadStreet = '/api/DroneCaseInfoSingle/loadStreet',
|
|
||||||
// 违法处理，待办任务列表
|
|
||||||
LoadTaskIllegalDetailList = '/api/DroneCaseInfoSingle/LoadTaskIllegalDetailList',
|
|
||||||
// 分割图斑
|
|
||||||
SplitCase = '/api/DroneCaseInfoSingle/CaseSplit',
|
|
||||||
// 恢复还原
|
|
||||||
RecoverCase = '/api/DroneCaseInfoSingle/CaseRecover',
|
|
||||||
// 获取图斑中心点
|
|
||||||
GetPolygonCenter = '/api/DroneCaseInfoSingle/GetCenterPoints',
|
|
||||||
// 获取用户访问机构权限
|
|
||||||
GetUserOrgs = '/api/Check/GetOrgs',
|
|
||||||
// 大屏下发图斑统计
|
|
||||||
IssuedStatitical = '/api/DroneScreenDisplay/CaseOffenceXiaFa',
|
|
||||||
// 大屏核实新增统计
|
|
||||||
VerifyStatitical = '/api/DroneScreenDisplay/CaseOffenceCheckAdd',
|
|
||||||
// 大屏整改剩余统计
|
|
||||||
RectificationStatitical = '/api/DroneScreenDisplay/CaseOffenceModifyRemain',
|
|
||||||
// 获取案件图片坐标、方位角信息
|
|
||||||
LoadCaseImgList = '/api/DroneCaseInfoSingle/LoadCaseImgList',
|
|
||||||
// 获取范围内影像服务信息
|
|
||||||
GetIntersects = '/api/GeoTiffManager/GetIntersects',
|
|
||||||
// 获取网络环境
|
|
||||||
GetNetWorkEev = '/api/DroneCloudQuery/IsPublic',
|
|
||||||
// 获取其他专题或历史图斑图片
|
|
||||||
rebackzhuantipic = '/api/DroneCaseInfoSingle/rebackzhuantipic',
|
|
||||||
CopyImg = '/api/DroneCaseInfoSingle/CopyImg',
|
|
||||||
// 获取其他专题或历史图斑附件
|
|
||||||
rebackzhuantifujian = '/api/DroneCaseInfoSingle/rebackzhuantifujian',
|
|
||||||
Copyfujian = '/api/DroneCaseInfoSingle/Copyfujian',
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: getCaseFlowLog
|
|
||||||
*/
|
|
||||||
export function getLoadTaskCount(params?: taskCountParams) {
|
|
||||||
return defHttp.get<countModel>({ url: Api.LoadTaskCount, params });
|
|
||||||
}
|
|
||||||
export function getLoadStreet() {
|
|
||||||
return defHttp.get({ url: Api.loadStreet });
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: getCaseFlowLog
|
|
||||||
*/
|
|
||||||
export function getLoadDroneCaseInfoCount(params?: taskCountParams) {
|
|
||||||
return defHttp.get<countModel>({ url: Api.LoadDroneCaseInfoCount, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: getCaseFlowLog
|
|
||||||
*/
|
|
||||||
export function getLoadDroneCaseInfoDetail(params?: caseInfoParams) {
|
|
||||||
return defHttp.get({ url: Api.LoadDroneCaseInfoDetail, params });
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @description: getCaseFlowLog
|
|
||||||
*/
|
|
||||||
export function getLoadTaskDetailList(params?: taskInfoParams) {
|
|
||||||
return defHttp.get({ url: Api.LoadTaskDetailList, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function addCaseFavorite(params?: addCaseFavoriteParams) {
|
|
||||||
return defHttp.post({ url: Api.AddCaseFavorite, params });
|
|
||||||
}
|
|
||||||
export function addTaskFavorite(params?: { taskId: string; favoriteUserId: string }) {
|
|
||||||
return defHttp.post({ url: Api.AddtaskFavorite, params });
|
|
||||||
}
|
|
||||||
export function deleteFavoriteCase(params: string) {
|
|
||||||
return defHttp.post({ url: Api.DeleteFavoriteCase, data: params });
|
|
||||||
}
|
|
||||||
export function deleteTaskCase(params: string) {
|
|
||||||
return defHttp.post({ url: Api.DeleteTaskCase, data: params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getFavoriteCaseList(params?: { uid: string }) {
|
|
||||||
return defHttp.get({ url: Api.FavoriteCaseList, params });
|
|
||||||
}
|
|
||||||
export function getCaseInfoById(params?: { id: string }) {
|
|
||||||
return defHttp.get({ url: Api.GetCaseInfoById, params });
|
|
||||||
}
|
|
||||||
export const updateDroneCaseInfo = (params: updateCaseInfoParams) =>
|
|
||||||
defHttp.post({ url: Api.UpdateDroneCaseInfo, params });
|
|
||||||
|
|
||||||
export const updateSupervise = (params: { id: string; supervise: number }) =>
|
|
||||||
defHttp.post({ url: `${Api.Supervise}?id=${params.id}&supervise=${params.supervise}`, params });
|
|
||||||
|
|
||||||
export const getLoadParents = (params: { childId: Number }) =>
|
|
||||||
defHttp.get({ url: `${Api.LoadParents}?childId=${params.childId}` });
|
|
||||||
|
|
||||||
export function getLoadTaskIllegalDetailList(params?: taskInfoParams) {
|
|
||||||
return defHttp.get({ url: Api.LoadTaskIllegalDetailList, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function splitCase(params) {
|
|
||||||
return defHttp.post({ url: Api.SplitCase, data: params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function recoverCase(params) {
|
|
||||||
return defHttp.post({ url: Api.RecoverCase, data: params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getPolygonCenter(params) {
|
|
||||||
return defHttp.get({ url: Api.GetPolygonCenter, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getUserOrgs(params) {
|
|
||||||
return defHttp.get({ url: Api.GetUserOrgs, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getIssuedStatitical(params) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.IssuedStatitical,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getVerifyStatitical(params) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.VerifyStatitical,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getRectificationStatitical(params) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.RectificationStatitical,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getLoadCaseImgList(params) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.LoadCaseImgList,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getIntersectTif(params) {
|
|
||||||
return defHttp.get({ url: Api.GetIntersects, params });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getNetworkType() {
|
|
||||||
return defHttp.get({ url: Api.GetNetWorkEev });
|
|
||||||
}
|
|
||||||
export function rebackzhuantipic(params: { zhuanti; CaseId }) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.rebackzhuantipic,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
export function CopyImg(params: { caseid; images }) {
|
|
||||||
return defHttp.post({
|
|
||||||
url: Api.CopyImg,
|
|
||||||
data: params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
export function rebackzhuantifujian(params: { zhuanti; CaseId }) {
|
|
||||||
return defHttp.get({
|
|
||||||
url: Api.rebackzhuantifujian,
|
|
||||||
params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
export function Copyfujian(params: string[]) {
|
|
||||||
return defHttp.post({
|
|
||||||
url: Api.Copyfujian,
|
|
||||||
data: params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
export interface taskCountParams {
|
|
||||||
year?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface taskInfoParams {
|
|
||||||
page?: number;
|
|
||||||
limit?: number;
|
|
||||||
level?: number;
|
|
||||||
areaid?: string;
|
|
||||||
geomid?: string;
|
|
||||||
year?: number;
|
|
||||||
is_build_complete?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface addCaseFavoriteParams {
|
|
||||||
id: string;
|
|
||||||
caseNo: string;
|
|
||||||
favoriteUserId: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface caseInfoParams {
|
|
||||||
page?: number;
|
|
||||||
limit?: number;
|
|
||||||
level?: number;
|
|
||||||
areaid?: string;
|
|
||||||
year?: number;
|
|
||||||
geomid?: string;
|
|
||||||
countyid?: string;
|
|
||||||
streetid?: string;
|
|
||||||
is_illegal?: number;
|
|
||||||
weifaleixing?: number;
|
|
||||||
measure_name?: string;
|
|
||||||
is_build_complete?: number;
|
|
||||||
handle_status_id?: number;
|
|
||||||
key?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface countItem {
|
|
||||||
areaid: string;
|
|
||||||
areaname: string;
|
|
||||||
level: number;
|
|
||||||
count: number;
|
|
||||||
}
|
|
||||||
export type countModel = countItem[];
|
|
||||||
|
|
||||||
export interface updateCaseInfoParams {
|
|
||||||
id?: string;
|
|
||||||
countyid?: string;
|
|
||||||
countyname?: string;
|
|
||||||
streetid?: string;
|
|
||||||
streetname?: string;
|
|
||||||
communityid?: string;
|
|
||||||
communityname?: string;
|
|
||||||
}
|
|
||||||
@ -0,0 +1,82 @@
|
|||||||
|
<!-- 开始节点配置 -->
|
||||||
|
<template>
|
||||||
|
<div class="subprocess">
|
||||||
|
<a-form
|
||||||
|
ref="formRef"
|
||||||
|
:model="node"
|
||||||
|
labelAlign="left"
|
||||||
|
:label-col="labelCol"
|
||||||
|
:wrapper-col="wrapperCol"
|
||||||
|
:disabled="data.componentDisabled"
|
||||||
|
>
|
||||||
|
<a-form-item label="节点标识">
|
||||||
|
<a-input v-model:value="node.id" placeholder="请输入" readonly />
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { reactive, defineProps, ref, watch, onMounted } from 'vue';
|
||||||
|
import { getLoad, getVerisonsLoad } from '@/api/sys/WFSchemeInfo';
|
||||||
|
import { flowStore } from '@/store/modules/flow';
|
||||||
|
|
||||||
|
const flowWfDataStore = flowStore();
|
||||||
|
const labelCol = { span: 7 };
|
||||||
|
const wrapperCol = { span: 17 };
|
||||||
|
const props = defineProps({
|
||||||
|
element: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
schemeCode: String,
|
||||||
|
pageType: String,
|
||||||
|
pageView: String,
|
||||||
|
});
|
||||||
|
let node: any = ref({});
|
||||||
|
const data = reactive({
|
||||||
|
componentDisabled: props.pageType == 'detail' ? true : false,
|
||||||
|
});
|
||||||
|
const list: any = ref([]);
|
||||||
|
const verisons: any = ref([]);
|
||||||
|
watch(
|
||||||
|
() => props.element,
|
||||||
|
(newVal) => {
|
||||||
|
if (newVal.type == 'bpmn:Transaction') {
|
||||||
|
const currentNode = flowWfDataStore.getWfDataNode(newVal.id);
|
||||||
|
if (currentNode) {
|
||||||
|
node.value = currentNode;
|
||||||
|
} else {
|
||||||
|
node.value = newVal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
async function getSchemeList() {
|
||||||
|
const data = await getLoad();
|
||||||
|
list.value = data;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function changeScheme() {
|
||||||
|
const data = await getVerisonsLoad({ id: node.value.wfschemeId });
|
||||||
|
verisons.value = data;
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
getSchemeList();
|
||||||
|
if (props.element.type == 'bpmn:SubProcess') {
|
||||||
|
const currentNode = flowWfDataStore.getWfDataNode(props.element.id);
|
||||||
|
if (currentNode) {
|
||||||
|
node.value = currentNode;
|
||||||
|
} else {
|
||||||
|
node.value = props.element;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
defineExpose({});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
@ -1,152 +0,0 @@
|
|||||||
<template>
|
|
||||||
<a-spin :spinning="loading">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="subject" v-for="subject in fileList">
|
|
||||||
<div class="subject-name">{{ subject.zname }}</div>
|
|
||||||
<div class="show-file-div">
|
|
||||||
<div class="item-file" v-for="(item, index) in subject.val">
|
|
||||||
<a-checkbox
|
|
||||||
style="margin-right: 10px"
|
|
||||||
:checked="selectFile.some((obj) => obj === item.path)"
|
|
||||||
@change="changeSelect(selectFile.some((obj) => obj === item.path) ? 1 : 2, item.path)"
|
|
||||||
>
|
|
||||||
</a-checkbox>
|
|
||||||
<Icon
|
|
||||||
icon="material-symbols:attach-file"
|
|
||||||
:size="20"
|
|
||||||
style="cursor: pointer"
|
|
||||||
@click="hanlderPreViewFile(item.path)"
|
|
||||||
/>
|
|
||||||
{{ item.path }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="button-div">
|
|
||||||
<a-button type="primary" @click="save">保存</a-button>
|
|
||||||
</div>
|
|
||||||
<a-modal
|
|
||||||
v-model:open="previewFileModalVisible"
|
|
||||||
style="width: 100vw"
|
|
||||||
title="文件预览"
|
|
||||||
wrap-class-name="full-modal"
|
|
||||||
>
|
|
||||||
<FilePreview v-if="previewFileModalVisible" :fileUrl="previewFileUrl"></FilePreview>
|
|
||||||
<template #footer>
|
|
||||||
<a-button key="cancel" @click="handleCancelPreviewFile">取消</a-button>
|
|
||||||
<a-button key="confirm" type="primary" @click="handlerDownloadFle">下载</a-button>
|
|
||||||
</template>
|
|
||||||
</a-modal>
|
|
||||||
</a-spin>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { defineProps, onMounted, ref, defineEmits } from 'vue';
|
|
||||||
import { rebackzhuantifujian, Copyfujian } from '@/api/tiankongdi/index';
|
|
||||||
import Icon from '@/components/Icon/Icon.vue';
|
|
||||||
import { message } from 'ant-design-vue';
|
|
||||||
import { getZhuantiName } from '@/utils/global';
|
|
||||||
import FilePreview from '@/components/Upload/src/components/FilePreview.vue';
|
|
||||||
|
|
||||||
const props = defineProps(['server']);
|
|
||||||
const emits = defineEmits(['save']);
|
|
||||||
const fileList = ref<string[]>([]);
|
|
||||||
const selectFile = ref<string[]>([]);
|
|
||||||
const loading = ref(false);
|
|
||||||
const previewFileModalVisible = ref(false);
|
|
||||||
const previewFileUrl = ref('');
|
|
||||||
onMounted(() => {
|
|
||||||
loading.value = true;
|
|
||||||
let caseid = sessionStorage.getItem('SelectOtherId');
|
|
||||||
rebackzhuantifujian({ CaseId: caseid, zhuanti: getZhuantiName() })
|
|
||||||
.then((res) => {
|
|
||||||
console.log('res', res);
|
|
||||||
fileList.value = res;
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const changeSelect = (type, item) => {
|
|
||||||
switch (type) {
|
|
||||||
case 1:
|
|
||||||
selectFile.value = selectFile.value.filter((useItem) => useItem !== item);
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
selectFile.value.push(item);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const save = () => {
|
|
||||||
if (selectFile.value.length <= 0) {
|
|
||||||
message.warning('至少选择一个文件');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
loading.value = true;
|
|
||||||
Copyfujian(selectFile.value)
|
|
||||||
.then((res) => {
|
|
||||||
console.log(res);
|
|
||||||
emits('save', res);
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const hanlderPreViewFile = (url) => {
|
|
||||||
previewFileUrl.value = `${props.server}/${url}`;
|
|
||||||
previewFileModalVisible.value = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
const handlerDownloadFle = () => {
|
|
||||||
window.open(previewFileUrl.value, 'mozillaTab');
|
|
||||||
};
|
|
||||||
const handleCancelPreviewFile = () => {
|
|
||||||
previewFileModalVisible.value = false;
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.modal-content {
|
|
||||||
min-height: 500px;
|
|
||||||
padding: 0px 20px;
|
|
||||||
max-height: 678px;
|
|
||||||
overflow: auto;
|
|
||||||
scrollbar-width: none;
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.subject {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
.subject-name {
|
|
||||||
height: 30px;
|
|
||||||
background-color: #8b8b8b;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: 500;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.show-file-div {
|
|
||||||
width: 100%;
|
|
||||||
.item-file {
|
|
||||||
display: flex;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.item-file:hover {
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: end;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,155 +0,0 @@
|
|||||||
<template>
|
|
||||||
<a-spin :spinning="loading">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="subject" v-for="subject in imageList">
|
|
||||||
<div class="subject-name">{{ subject.zname }}</div>
|
|
||||||
<div class="show-image-div">
|
|
||||||
<div class="image-item" v-for="(item, index) in subject.val">
|
|
||||||
<a-image
|
|
||||||
style="width: 100px; height: 100px"
|
|
||||||
:src="`${props.server}/${item.FilePath}`"
|
|
||||||
></a-image>
|
|
||||||
<div
|
|
||||||
class="select-div"
|
|
||||||
@click="
|
|
||||||
changeSelect(
|
|
||||||
selectImage.some((obj) => obj === item.FilePath) ? 1 : 2,
|
|
||||||
item.FilePath,
|
|
||||||
)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<Icon
|
|
||||||
v-if="selectImage.some((obj) => obj === item.FilePath)"
|
|
||||||
icon="material-symbols-light:check-circle"
|
|
||||||
:size="25"
|
|
||||||
style="color: #18a058"
|
|
||||||
/>
|
|
||||||
<Icon
|
|
||||||
v-else
|
|
||||||
icon="material-symbols-light:check-circle-outline"
|
|
||||||
:size="25"
|
|
||||||
style="color: #cacdcd"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="button-div">
|
|
||||||
<a-button type="primary" @click="save">保存</a-button>
|
|
||||||
</div>
|
|
||||||
</a-spin>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { defineProps, onMounted, ref, defineEmits } from 'vue';
|
|
||||||
import { rebackzhuantipic, CopyImg } from '@/api/tiankongdi/index';
|
|
||||||
import Icon from '@/components/Icon/Icon.vue';
|
|
||||||
import { message } from 'ant-design-vue';
|
|
||||||
import { getZhuantiName } from '@/utils/global';
|
|
||||||
|
|
||||||
const props = defineProps(['caseid', 'server', 'zhuanti']);
|
|
||||||
const emits = defineEmits(['save']);
|
|
||||||
const imageList = ref<string[]>([]);
|
|
||||||
const selectImage = ref<string[]>([]);
|
|
||||||
const loading = ref(false);
|
|
||||||
onMounted(() => {
|
|
||||||
loading.value = true;
|
|
||||||
let caseid = sessionStorage.getItem('SelectOtherId');
|
|
||||||
rebackzhuantipic({ CaseId: caseid, zhuanti: getZhuantiName() })
|
|
||||||
.then((res) => {
|
|
||||||
imageList.value = res;
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const changeSelect = (type, item) => {
|
|
||||||
switch (type) {
|
|
||||||
case 1:
|
|
||||||
selectImage.value = selectImage.value.filter((useItem) => useItem !== item);
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
selectImage.value.push(item);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const save = () => {
|
|
||||||
if (selectImage.value.length <= 0) {
|
|
||||||
message.warning('至少选择一张图片');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
loading.value = true;
|
|
||||||
let params = {
|
|
||||||
caseid: sessionStorage.getItem('SelectOtherId'),
|
|
||||||
images: selectImage.value,
|
|
||||||
};
|
|
||||||
CopyImg(params)
|
|
||||||
.then((res) => {
|
|
||||||
emits('save', res);
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.modal-content {
|
|
||||||
min-height: 500px;
|
|
||||||
padding: 0px 20px;
|
|
||||||
max-height: 678px;
|
|
||||||
overflow: auto;
|
|
||||||
scrollbar-width: none;
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.subject {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
.subject-name {
|
|
||||||
height: 30px;
|
|
||||||
background-color: #8b8b8b;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: 500;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.show-image-div {
|
|
||||||
width: 100%;
|
|
||||||
// height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-content: flex-start;
|
|
||||||
.image-item {
|
|
||||||
position: relative;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
margin-right: 12px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
.select-div {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
height: 20px;
|
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
|
||||||
background-color: #00000075;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: end;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue