|
@@ -41,11 +41,7 @@
|
|
|
negative-text="取消"
|
|
|
@positive-click="submitCallback"
|
|
|
>
|
|
|
- <n-upload
|
|
|
- :default-upload="false"
|
|
|
- :max="1"
|
|
|
- @change="handleChange"
|
|
|
- >
|
|
|
+ <n-upload :default-upload="false" :max="1" @change="onChange">
|
|
|
<n-button>选择文件</n-button>
|
|
|
</n-upload>
|
|
|
</n-modal>
|
|
@@ -54,15 +50,15 @@
|
|
|
<script setup>
|
|
|
import VuePdfEmbed from "vue-pdf-embed";
|
|
|
import { PrinterOutlined as PrinterIcon } from "@vicons/antd";
|
|
|
-import { getTask } from "@/api";
|
|
|
-// import { useFileTokenStore } from "@/stores/fileToken";
|
|
|
+import { editTaskData, getTask, getUpFileTokenData } from "@/api";
|
|
|
+import * as qiniu from "qiniu-js";
|
|
|
|
|
|
-// const fileTokenStore = useFileTokenStore();
|
|
|
-
|
|
|
-// const message = useMessage();
|
|
|
+const message = useMessage();
|
|
|
|
|
|
const pdfRef = ref(null);
|
|
|
|
|
|
+const task = window.sessionStorage.getItem("task");
|
|
|
+
|
|
|
const props = defineProps({
|
|
|
taskId: String,
|
|
|
});
|
|
@@ -90,8 +86,30 @@ const submitCallback = () => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const handleChange = (options) => {
|
|
|
- console.log(options);
|
|
|
+const onChange = async ({ file }) => {
|
|
|
+ const type = file.type.split("/")[1];
|
|
|
+ const token = await getUpFileToken(type);
|
|
|
+ const observable = qiniu.upload(
|
|
|
+ file.file,
|
|
|
+ file.name,
|
|
|
+ token,
|
|
|
+ {},
|
|
|
+ {
|
|
|
+ useCdnDomain: true,
|
|
|
+ }
|
|
|
+ );
|
|
|
+ observable.subscribe({
|
|
|
+ next: (result) => {
|
|
|
+ // 主要用来展示进度
|
|
|
+ console.warn(result);
|
|
|
+ },
|
|
|
+ error: () => {
|
|
|
+ message.error("上传失败");
|
|
|
+ },
|
|
|
+ complete: (res) => {
|
|
|
+ console.log(res);
|
|
|
+ },
|
|
|
+ });
|
|
|
};
|
|
|
|
|
|
// 显示添加
|
|
@@ -100,6 +118,12 @@ const showAddModal = () => {
|
|
|
modal.title = "添加";
|
|
|
};
|
|
|
|
|
|
+// 编辑
|
|
|
+const editTask = async () => {
|
|
|
+ const { data: res } = await editTaskData();
|
|
|
+ console.log(res);
|
|
|
+};
|
|
|
+
|
|
|
// 任务(获取)
|
|
|
const getTaskInfo = async () => {
|
|
|
const { data: res } = await getTask({
|
|
@@ -108,6 +132,14 @@ const getTaskInfo = async () => {
|
|
|
taskInfo.value = res.Data;
|
|
|
};
|
|
|
|
|
|
+// 获取上传token
|
|
|
+const getUpFileToken = async () => {
|
|
|
+ const { data: res } = await getUpFileTokenData({
|
|
|
+ T_suffix: "pdf",
|
|
|
+ });
|
|
|
+ return res.Data;
|
|
|
+};
|
|
|
+
|
|
|
getTaskInfo();
|
|
|
</script>
|
|
|
|