88 lines
2.8 KiB
Vue
88 lines
2.8 KiB
Vue
<template>
|
||
<div class="project-modal-container">
|
||
<a-modal
|
||
v-model:visible="visible"
|
||
width="80%"
|
||
draggable
|
||
:on-before-ok="handleSyncOk"
|
||
unmount-on-close
|
||
ok-text="确认保存"
|
||
cancel-text="关闭不保存"
|
||
:maskClosable="false"
|
||
@close="handleOnClose"
|
||
>
|
||
<template #title>{{ title }}</template>
|
||
<div class="mb-2">
|
||
<a-space>
|
||
<a-dropdown>
|
||
<a-button type="primary">新增元素<icon-plus /></a-button>
|
||
<template #content>
|
||
<a-doption @click="addTextRow">文字</a-doption>
|
||
<a-doption @click="addPicRow">图片</a-doption>
|
||
<a-doption @click="addTableRow">表格</a-doption>
|
||
</template>
|
||
</a-dropdown>
|
||
<a-alert type="warning" style="height: 32px">段落（文）会在word渲染时自动缩进2个字符</a-alert>
|
||
</a-space>
|
||
</div>
|
||
<a-table :columns="columns" :show-header="false" :data="data" @change="handleChange" :draggable="{ type: 'handle', width: 40 }"> </a-table>
|
||
</a-modal>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { ref } from "vue"
|
||
import useTable from "./hooks/useTable"
|
||
import projectApi from "@/api/project/project"
|
||
import { useRoute } from "vue-router"
|
||
import { Message } from "@arco-design/web-vue"
|
||
import { getCurrentInstance } from "vue"
|
||
|
||
const { proxy } = getCurrentInstance() as any
|
||
|
||
const route = useRoute()
|
||
|
||
const { reset } = defineProps<{
|
||
reset: () => void
|
||
}>()
|
||
|
||
const visible = ref(false)
|
||
const title = ref("软件概述-新增")
|
||
|
||
const { columns, data, handleChange, addTextRow, addPicRow, addTableRow, handleOnClose } = useTable(reset)
|
||
|
||
const handleSyncOk = async () => {
|
||
try {
|
||
await projectApi.postSoftSummary({ id: route.query.id, data: data.value })
|
||
visible.value = false
|
||
Message.success("保存成功")
|
||
} catch (e) {
|
||
Message.error("提交时发送错误，请联系管理员")
|
||
}
|
||
return false
|
||
}
|
||
|
||
const open = async () => {
|
||
proxy?.$loading?.show("数据加载中...")
|
||
try {
|
||
const res = await projectApi.getSoftSummary(route.query.id)
|
||
const code = res.code // 25001表示有数据，25002表示没有数据
|
||
title.value = code === 25001 ? "软件概述-修改" : "软件概述-新增"
|
||
data.value = res.data
|
||
visible.value = true
|
||
} catch (e) {
|
||
Message.error("获取软件概述信息失败")
|
||
} finally {
|
||
proxy?.$loading?.hide()
|
||
}
|
||
}
|
||
|
||
defineExpose({ open })
|
||
|
||
defineOptions({
|
||
name: "ProjectModal"
|
||
})
|
||
</script>
|
||
|
||
<style scoped></style>
|