From 23a2fff92f73b9759849a8016601a6817d7470b1 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 25 八月 2025 17:30:30 +0800 Subject: [PATCH] - --- src/views/system/dept/detail.vue | 85 ++++++++++++++++++++++++++---------------- 1 files changed, 52 insertions(+), 33 deletions(-) diff --git a/src/views/system/dept/detail.vue b/src/views/system/dept/detail.vue index ec82377..2cb6698 100644 --- a/src/views/system/dept/detail.vue +++ b/src/views/system/dept/detail.vue @@ -1,11 +1,13 @@ <script setup lang="tsx"> -import { ref, reactive, onMounted, computed, PropType } from "vue"; +import { ref, reactive, onMounted, computed, PropType, h } from "vue"; import { useRenderIcon } from "@/components/ReIcon/src/hooks"; import { useDept } from "./utils/hook"; import { useDetail } from "./utils/detail"; import { getTenderOrderDetail } from "@/api/item/index"; const isLoading = ref(false); import { addDialog } from "@/components/ReDialog"; +import pdfPreview from "@/views/system/component/pdfPreview.vue"; +import { deviceDetection } from "@pureadmin/utils"; interface Emits { (e: "backListPage"): void; } @@ -17,7 +19,7 @@ import IconParkSolidBack from "~icons/icon-park-solid/back"; const { openDialog } = useDept(ref({})); -const { openUploadDialog, state } = useDetail(); +const { openUploadDialog, state, changeDialog } = useDetail(); defineOptions({ name: "itemdetail" }); @@ -30,27 +32,16 @@ }; const previewPdf = pdfUrl => { addDialog({ - width: "80%", - title: "纭淇℃伅", - contentRenderer: () => ( - <iframe - type="application/pdf" - src={pdfUrl} - width="800" - height="600" - ></iframe> - ), // jsx 璇硶 锛堟敞鎰忓湪.vue鏂囦欢鍚敤jsx璇硶锛岄渶瑕佸湪script寮�鍚痩ang="tsx"锛� - closeCallBack: ({ options, args }) => { - // options.props 鏄搷搴斿紡鐨� - // const { formInline } = options.props as FormProps; - // const text = `濮撳悕锛�${formInline.user} 鍩庡競锛�${formInline.region}`; - if (args?.command === "cancel") { - // 鎮ㄧ偣鍑讳簡鍙栨秷鎸夐挳 - // active.value -= 1; - } else if (args?.command === "sure") { - } else { - } - } + title: `棰勮pdf`, + props: {}, + width: "60%", + draggable: true, + fullscreen: deviceDetection(), + fullscreenIcon: true, + sureBtnLoading: true, + closeOnClickModal: false, + contentRenderer: () => h(pdfPreview, { pdfSrc: pdfUrl }) + // jsx 璇硶 锛堟敞鎰忓湪.vue鏂囦欢鍚敤jsx璇硶锛岄渶瑕佸湪script寮�鍚痩ang="tsx"锛� }); }; </script> @@ -80,7 +71,12 @@ </div> </template> <div> - <el-descriptions class="margin-top" :column="3" border> + <el-descriptions + class="margin-top" + :column="3" + border + label-width="120" + > <el-descriptions-item label="椤圭洰缂栧彿"> {{ state.nowInfo.projectCode }} </el-descriptions-item> @@ -93,9 +89,9 @@ <el-descriptions-item label="鑱斿悎浣撴姇鏍�"> {{ state.nowInfo.lianhetitoubiao }} </el-descriptions-item> - <!-- <el-descriptions-item label="Remarks"> + <el-descriptions-item label="寮�鏍囨柟寮�"> + {{ state.nowInfo.kaibiaofangshi }} </el-descriptions-item> - <el-descriptions-item label="Address" /> --> </el-descriptions> </div> </el-card> @@ -114,11 +110,18 @@ <div> <el-form label-width="auto" style="max-width: 1000px"> <el-form-item label="椤圭洰淇℃伅锛�"> - 鎶曟爣鎶ュ悕寮�濮嬫椂闂达細 - {{ state.nowInfo.toubiaoStartDate ?? "鏆傛棤" }} - 鎶曟爣鎶ュ悕鎴鏃堕棿锛� - {{ state.nowInfo.toubiaoEndDate }} - 寮�鏍囨椂闂达細{{ state.nowInfo.kaibiaoDate }} + <span class="mr-4"> + 鎶曟爣鎶ュ悕寮�濮嬫椂闂达細{{ + state.nowInfo.toubiaoStartDate ?? "鏆傛棤" + }} + </span> + <span class="mr-4"> + 鎶曟爣鎶ュ悕鎴鏃堕棿锛� + {{ state.nowInfo.toubiaoEndDate ?? "鏆傛棤" }} + </span> + <span class="mr-4"> + 寮�鏍囨椂闂达細{{ state.nowInfo.kaibiaoDate ?? "鏆傛棤" }} + </span> </el-form-item> <el-form-item label="涓婁紶鍏憡锛�"> <el-button @@ -126,7 +129,7 @@ type="primary" plain size="small" - @click="openUploadDialog('涓婁紶')" + @click="openUploadDialog('涓婁紶', state.nowInfo)" > 涓婁紶鍏憡 </el-button> @@ -152,7 +155,23 @@ > 鐐瑰嚮棰勮 </el-button> - <el-button type="primary" plain size="small"> + <el-button + v-if="state.nowInfo?.changeOrder" + type="primary" + plain + size="small" + @click=" + previewPdf(state.nowInfo.changeOrder.biangengwenjian) + " + > + 鐐瑰嚮棰勮鍙樻洿鍏憡 + </el-button> + <el-button + type="primary" + plain + size="small" + @click="changeDialog('涓婁紶鍙樻洿', state.nowInfo)" + > 淇敼鏍囬 </el-button> </div> -- Gitblit v1.9.1