From 9952463a23b48ffe407d6dd2d3d78218c40ec8de Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Thu, 22 Jan 2026 11:02:31 +0800
Subject: [PATCH] feat:更新工单
---
applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue | 341 ++++++++++++++++++++++++
applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue | 13
applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue | 324 +++++++++++++++++++++++
uniapps/work-wx/src/subPackages/regulationsDetail/details.vue | 103 ++++++
applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue | 18
5 files changed, 775 insertions(+), 24 deletions(-)
diff --git a/applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue b/applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue
index 3e2e99a..d2e9123 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue
@@ -1,8 +1,8 @@
<template>
- <el-dialog class="gd-dialog" :close-on-click-modal="false" v-model="visible" title="查看" @closed="visible = false" width="1000px" destroy-on-close>
- <div class="" v-loading="loading">
- <div class="gd-table-content-bg">
- <el-table :data="list">
+ <el-dialog class="gd-dialog" v-model="visible" title="查看" @closed="visible = false" width="1000px" destroy-on-close>
+ <div class="gd-table-container" v-loading="loading" style="height: 600px">
+ <div class="gd-table-content gd-table-content-bg">
+ <el-table class="gd-table" :data="list">
<el-table-column label="线索缩略图" width="120">
<template v-slot="{ row }">
<el-image
@@ -32,9 +32,10 @@
<el-table-column prop="distributeUserName" show-overflow-tooltip label="分发人员" />
<el-table-column label="操作" class-name="operation-btns" width="140">
<template v-slot="{ row }">
- <el-link @click="openDistributeDialog(row)" :disabled="row.distributeStatus === 1">
+ <el-link v-if="row.distributeStatus === 0" @click="openDistributeDialog(row)" :disabled="row.distributeStatus === 1">
转为事件并分发
</el-link>
+ <div class="disabled-text" v-else>转为事件并分发</div>
</template>
</el-table-column>
</el-table>
@@ -119,4 +120,9 @@
defineExpose({ open })
</script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+ .disabled-text {
+ color: #C0C4CC;
+ cursor: not-allowed;
+ }
+</style>
diff --git a/applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue b/applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue
index 760e118..3d4e94a 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue
@@ -1,7 +1,8 @@
+<!-- 线索事件管理 -->
<template>
<basic-container>
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
- <el-form-item label="任务名称" prop="patrolTaskName">
+ <el-form-item label="模糊搜索" prop="patrolTaskName">
<el-input
class="gd-input"
v-model="searchParams.patrolTaskName"
@@ -11,7 +12,7 @@
/>
</el-form-item>
- <el-form-item label="任务类型" prop="patrolTaskType">
+ <el-form-item label="巡查任务类型" prop="patrolTaskType">
<el-select
class="gd-select"
popper-class="gd-select-popper"
@@ -29,7 +30,7 @@
</el-select>
</el-form-item>
- <el-form-item label="任务状态" prop="taskStatus">
+ <!-- <el-form-item label="任务状态" prop="taskStatus">
<el-select
class="gd-select"
popper-class="gd-select-popper"
@@ -45,7 +46,7 @@
:value="item.dictKey"
/>
</el-select>
- </el-form-item>
+ </el-form-item> -->
<el-form-item label="执行时间" prop="executeTime">
<el-date-picker
@@ -86,10 +87,12 @@
<el-table-column prop="executeTime" show-overflow-tooltip label="任务执行时间" />
<el-table-column prop="workOrderName" show-overflow-tooltip label="关联工单" />
<el-table-column prop="createTime" show-overflow-tooltip label="巡查任务创建时间" />
+ <el-table-column prop="resultCount" show-overflow-tooltip label="线索数量" />
+ <el-table-column prop="issueEventCount" show-overflow-tooltip label="转为问题" />
<el-table-column prop="taskDesc" show-overflow-tooltip label="巡查任务描述" />
<el-table-column label="操作" class-name="operation-btns">
<template v-slot="{ row }">
- <el-link @click="viewDiaLogView(row)">查看</el-link>
+ <el-link @click="viewDiaLogView(row)">查看线索</el-link>
</template>
</el-table-column>
</el-table>
diff --git a/applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue b/applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue
index a46e0d8..78f315d 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue
@@ -1,9 +1,348 @@
+<!-- 巡查报告管理 -->
<template>
<basic-container>
- 基础管理
+ <el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
+ <el-form-item label="模糊搜索" prop="nickName">
+ <el-input
+ class="gd-input"
+ v-model="searchParams.nickName"
+ placeholder="请输入"
+ clearable
+ @clear="handleSearch"
+ />
+ </el-form-item>
+
+ <el-form-item label="文档类型" prop="resultType">
+ <el-select
+ class="gd-select"
+ popper-class="gd-select-popper"
+ v-model="searchParams.resultType"
+ placeholder="请选择"
+ clearable
+ @change="handleSearch"
+ >
+ <el-option
+ v-for="item in dictObj.patrolTaskType"
+ :key="item.dictKey"
+ :label="item.dictValue"
+ :value="item.dictKey"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item class="gd-search-actions">
+ <el-button :icon="RefreshRight" @click="resetForm"></el-button>
+ <el-button class="search-btn" :icon="Search" @click="handleSearch"></el-button>
+ </el-form-item>
+ </el-form>
+
+ <div class="gd-table-toolbar">
+ <el-button :icon="Download" color="#4C34FF" type="primary" @click="handleDownload">文档下载</el-button>
+ <el-button :icon="Upload" color="#4C34FF" type="primary" @click="handleUpload">文档上传</el-button>
+ </div>
+
+ <div class="gd-table-container" v-loading="loading">
+ <div class="gd-table-content gd-table-content-bg">
+ <el-table class="gd-table" :data="list" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="46" />
+ <el-table-column type="index" width="64" label="序号" />
+ <el-table-column prop="nickName" show-overflow-tooltip label="文档名称" />
+ <el-table-column prop="attachSize" show-overflow-tooltip label="文档大小" />
+ <el-table-column prop="deptName" show-overflow-tooltip label="文档归属" />
+ <!-- <el-table-column prop="resultType" show-overflow-tooltip label="文档类型" /> -->
+ <el-table-column prop="resultType" show-overflow-tooltip label="文档类型">
+ <template v-slot="{ row }">
+ {{ getDictLabel(row.resultType, dictObj.patrolTaskType) }}
+ </template>
+ </el-table-column>
+ <el-table-column label="操作" class-name="operation-btns">
+ <template v-slot="{ row }">
+ <el-link @click="seeOnlineWord(item)">查看</el-link>
+ <el-link @click="openForm(row)">在线编辑</el-link>
+ <el-link @click="handleDelete(row)">删除</el-link>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <div class="gd-pagination-parent">
+ <el-pagination
+ popper-class="gd-select-popper"
+ v-model:current-page="searchParams.current"
+ v-model:page-size="searchParams.size"
+ layout="total, prev, pager, next, sizes"
+ :total="total"
+ @change="getList"
+ />
+ </div>
+ </div>
+ <el-dialog class="gd-dialog" append-to-body v-model="isShowEditView" :title="titleTxt"
+ :width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true" @close="handleClose">
+ <el-form class="gd-dialog-form" ref="ruleFormRef" :model="editParams" :rules="rules" label-width="140px">
+ <el-form-item label="文档名称" prop="nickName">
+ <el-input v-model="editParams.nickName" />
+ </el-form-item>
+ <el-form-item label="文档类型" prop="resultType" v-if="titleTxt === '上传巡查报告'">
+ <el-select
+ class="gd-select"
+ popper-class="gd-select-popper"
+ v-model="editParams.resultType"
+ placeholder="请选择"
+ clearable
+ >
+ <el-option
+ v-for="item in dictObj.patrolTaskType"
+ :key="item.dictKey"
+ :label="item.dictValue"
+ :value="item.dictKey"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="上传文件" prop="link" v-if="titleTxt === '上传巡查报告'">
+ {{ uploadName }}
+ <el-upload
+ class="avatar-uploader"
+ action=""
+ :show-file-list="false"
+ :before-upload="onUploadFileBefore"
+ >
+ <el-button size="small" type="primary">点击上传</el-button>
+ </el-upload>
+ </el-form-item>
+ </el-form>
+ <!-- </div> -->
+ <template #footer>
+ <el-button color="#F2F3F5" @click="isShowEditView = false">取消</el-button>
+ <el-button class="save-btn" color="#4C34FF" :loading="submitting" :disabled="submitting" @click="submit(ruleFormRef)">
+ 保存
+ </el-button>
+ </template>
+ </el-dialog>
+ <PreviewFiles v-model="previewVisible" :src="searchUrl" type="docx"/>
+ <el-image v-if="previewVisibleImg" :src="searchUrl" fit="contain" style="height: 100%;width: 100%" />
</basic-container>
</template>
<script setup>
+ import { Search, RefreshRight, Download, Upload, Delete } from '@element-plus/icons-vue'
+ import { fjPageApi, fjSubmitApi, fjRemoveApi, fjDetailApi, fjUploadApi } from './inspectionRequestApi'
+ import { useStore } from 'vuex'
+ import { ref, computed, inject, onMounted } from 'vue'
+ import { ElMessage, ElMessageBox } from 'element-plus'
+ import { getDictLabel } from '@ztzf/utils'
+ import PreviewFiles from '@/components/PreviewFiles/PreviewFiles.vue'
+ import { getDictionaryByCode } from '@/api/system/dictbiz'
+
+ const store = useStore()
+ const userInfo = computed(() => store.getters.userInfo);
+
+ // 初始化查询参数
+const initSearchParams = () => ({
+ nickName: '',
+ resultType: '',
+ current: 1, // 当前页
+ size: 10, // 每页大小
+})
+
+// 查看文档
+const previewVisible = ref(false)
+const previewVisibleImg = ref(false)
+const searchUrl = ref('')
+
+// 上传名称
+const uploadName = ref('')
+
+const dictObj = ref({
+ patrolTaskType: [], // 巡查任务类型
+})
+
+const searchParams = ref(initSearchParams()) // 查询参数
+const total = ref(0) // 总条数
+const loading = ref(true) // 列表加载中
+const list = ref([]) // 列表数据
+const selectedIds = ref([]) // 勾选的ID列表
+const selectedFiles = ref([]) // 勾选的文件列表
+const queryParamsRef = ref(null) // 查询表单实例
+
+const isShowEditView = ref(false)
+const titleTxt = ref('上传巡查报告')
+const editParams = ref({
+ id:'',
+ nickName: '',
+ resultType: '',
+ link: '',
+})
+const ruleFormRef = ref()
+const submitting = ref(false)
+const rules = ref({
+ nickName: [{ required: true, message: '请输入文档名称', trigger: ['blur'] }],
+ resultType: [{ required: true, message: '请选择文档类型', trigger: ['change'] }],
+ link: [{ required: true, message: '请上传文件', trigger: ['change'] }],
+})
+
+// 获取字典
+function getDictList() {
+ getDictionaryByCode('patrolTaskType').then(res => {
+ dictObj.value = res.data.data
+ })
+}
+
+ // 获取列表
+async function getList() {
+ loading.value = true
+ try {
+ const res = await fjPageApi({ ...searchParams.value })
+ console.log(res?.data?.data?.records,'888')
+ list.value = res?.data?.data?.records ?? []
+ console.log(list.value,'999')
+ total.value = res?.data?.data?.total ?? 0
+ } finally {
+ loading.value = false
+ }
+}
+
+// 重置查询
+function resetForm() {
+ queryParamsRef.value?.resetFields()
+ searchParams.value.current = 1
+ getList()
+}
+
+// 查询
+function handleSearch() {
+ searchParams.value.current = 1
+ getList()
+}
+
+// 新增/编辑/查看 弹框
+function openForm(row) {
+ isShowEditView.value = true
+ titleTxt.value = '编辑'
+ editParams.value.id = row.id
+ editParams.value.nickName = row.nickName
+ editParams.value.resultType = row.resultType
+ editParams.value.link = row.link
+}
+
+// 在线查看文档
+function seeOnlineWord(item) {
+ if (!item.link) {
+ ElMessage.error('文档链接不存在')
+ return
+ } else if (!item.link.includes('docx') && !item.link.includes('pdf') && !item.link.includes('png') && !item.link.includes('jpg')) {
+ ElMessage.error('可进行下载观看!')
+ return
+ } else if (item.link.includes('png') || item.link.includes('jpg')) {
+ previewVisibleImg.value = true
+ searchUrl.value = item.link
+ return
+ } else if (item.link.includes('docx') || item.link.includes('pdf')) {
+ previewVisible.value = true
+ searchUrl.value = item.link
+ return
+ }
+}
+
+// 删除
+async function handleDelete(row) {
+ const tips = row ? '该条' : '选中的项'
+ await ElMessageBox.confirm(`确认删除${tips}吗?`, '提示', {
+ type: 'warning',
+ customClass: 'gd-confirm-custom',
+ confirmButtonClass: 'gd-confirm-button',
+ cancelButtonClass: 'gd-confirm-cancel-button',
+ })
+ const ids = row ? row.id : selectedIds.value.join(',')
+ await fjRemoveApi({ ids })
+ ElMessage.success('删除成功')
+ selectedIds.value = []
+ getList()
+}
+
+// 勾选值设置
+function handleSelectionChange(rows) {
+ selectedFiles.value = rows
+ selectedIds.value = rows.map((item) => item.id)
+}
+
+// 文档下载
+async function handleDownload() {
+ // 如果是勾选一个可以直接下载,超过一个打包下载
+ // 依次下载每个文件(添加延迟以避免浏览器限制)
+ selectedFiles.value.forEach((file, index) => {
+ setTimeout(() => {
+ if (file.link) {
+ const a = document.createElement('a')
+ a.href = file.link
+ a.download = file.originalName || `attachment_${index + 1}`
+ document.body.appendChild(a)
+ a.click()
+ document.body.removeChild(a)
+ }
+ }, index * 300) // 300ms delay between downloads
+ })
+
+}
+
+// 文档上传
+async function handleUpload() {
+ isShowEditView.value = true
+ titleTxt.value = '上传巡查报告'
+}
+
+// 上传文件前处理
+function onUploadFileBefore(file) {
+ // 执行文件上传
+ let data = new FormData();
+ data.append('file', file);
+
+ fjUploadApi(data).then(res => {
+ if (res.data.code === 200) {
+ ElMessage.success('上传成功')
+ // 保存文件URL到表单
+ uploadName.value = res.data.data.originalName
+ editParams.value.link = res.data.data.link
+ } else {
+ ElMessage.error(res.msg || '上传失败')
+ }
+ })
+
+ return false // 阻止组件的默认上传行为
+}
+
+// 保存上传文件数据
+async function submit(formValidate) {
+ if (!formValidate) return
+ await formValidate.validate(async (valid, fields) => {
+ if (valid) {
+ submitting.value = true
+ try {
+ await fjSubmitApi({ ...editParams.value })
+ ElMessage.success('保存成功')
+ isShowEditView.value = false
+ getList()
+ } finally {
+ submitting.value = false
+ }
+ }
+ })
+}
+
+function handleClose() {
+ // 清除表单内容
+ uploadName.value = ''
+ editParams.value = {
+ id: '',
+ nickName: '',
+ resultType: '',
+ uploadFile: '',
+ }
+}
+
+onMounted(() => {
+ getDictList()
+ getList()
+})
+
</script>
<style scoped lang="scss">
</style>
diff --git a/applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue b/applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue
index a46e0d8..a616d31 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/operatingIncome/index.vue
@@ -1,9 +1,329 @@
+<!-- 运营收益 -->
<template>
<basic-container>
- 基础管理
+ <div class="gd-table-toolbar">
+ <el-button :icon="Plus" color="#4C34FF" type="primary" @click="handleAdd">新增</el-button>
+ <el-button :icon="Delete" color="#4C34FF" :disabled="!selectedIds.length" @click="handleDelete()">删除</el-button>
+ </div>
+ <div class="gd-table-container" v-loading="loading">
+ <div class="gd-table-content gd-table-content-bg">
+ <el-table class="gd-table" :data="tableList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="46" />
+ <el-table-column label="序号" type="index" width="60"></el-table-column>
+ <el-table-column prop="operatingIncome" label="营业收入" align="center"></el-table-column>
+ <el-table-column prop="totalCost" label="综合总成本费用" align="center"></el-table-column>
+ <el-table-column prop="netProfit" label="净利润" align="center"></el-table-column>
+ <el-table-column prop="financialIrr" label="财务内部收益率" align="center"></el-table-column>
+ <el-table-column prop="marketSpace" label="市场空间" align="center" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
+ <el-table-column prop="nickName" label="创建人" align="center"></el-table-column>
+ <el-table-column label="操作" width="180" align="center">
+ <template #default="scope">
+ <!-- <el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button> -->
+ <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+ <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <div class="gd-pagination-parent">
+ <el-pagination
+ popper-class="gd-select-popper"
+ v-model:current-page="params.current"
+ v-model:page-size="params.size"
+ layout="total, prev, pager, next, sizes"
+ :total="total"
+ @change="getList"
+ />
+ </div>
+ </div>
+ <el-dialog class="gd-dialog" append-to-body v-model="isShowEditView" :title="titleTxt"
+ :width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true" @close="handleClose">
+ <el-form class="gd-dialog-form" ref="ruleFormRef" :model="editParams" :rules="rules" label-width="140px">
+ <el-form-item label="营业收入" prop="operatingIncome">
+ <el-input v-model="editParams.operatingIncome" />
+ </el-form-item>
+ <el-form-item label="综合总成本费用" prop="totalCost">
+ <el-input v-model="editParams.totalCost" />
+ </el-form-item>
+ <el-form-item label="净利润" prop="netProfit">
+ <el-input v-model="editParams.netProfit" />
+ </el-form-item>
+ <el-form-item label="财务内部收益率" prop="financialIrr">
+ <el-input v-model="editParams.financialIrr" />
+ </el-form-item>
+ <el-form-item label="市场空间" prop="marketSpace">
+ <el-input v-model="editParams.marketSpace" />
+ </el-form-item>
+ </el-form>
+ <!-- </div> -->
+ <template #footer>
+ <el-button color="#F2F3F5" @click="isShowEditView = false">取消</el-button>
+ <el-button class="save-btn" color="#4C34FF" :loading="submitting" :disabled="submitting" @click="submit(ruleFormRef)">
+ 保存
+ </el-button>
+ </template>
+ </el-dialog>
</basic-container>
</template>
<script setup>
+import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
+import { operatingIncomePage, operatingIncomeUpdate, operatingIncomeAdd, operatingIncomeBatchDelete } from './operatingIncomeApi';
+
+let titleTxt = ref('新增')
+const total = ref(0)
+const params = ref({
+ current: 1,
+ size: 10,
+});
+const submitting = ref(false)
+const loading = ref(true) // 列表加载中
+const selectedIds = ref([]) // 勾选的ID列表
+let tableList = ref([])
+
+let isShowEditView = ref(false)
+
+const ruleFormRef = ref()
+let editParams = ref({
+ id: '',
+ operatingIncome: '',
+ totalCost: '',
+ netProfit: '',
+ financialIrr: '',
+ marketSpace: '',
+})
+const rules = reactive({
+ operatingIncome: [
+ { required: true, message: '请输入营业收入', trigger: 'blur' },
+ {
+ validator: (rule, value, callback) => {
+ if (!/^\d+(\.\d+)?$/.test(value)) {
+ callback(new Error('请输入有效的数字(整数或小数)'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ],
+ totalCost: [
+ { required: true, message: '请输入综合总成本费用', trigger: 'blur' },
+ {
+ validator: (rule, value, callback) => {
+ if (!/^\d+(\.\d+)?$/.test(value)) {
+ callback(new Error('请输入有效的数字(整数或小数)'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ],
+ netProfit: [
+ { required: true, message: '请输入净利润', trigger: 'blur' },
+ {
+ validator: (rule, value, callback) => {
+ if (!/^\d+(\.\d+)?$/.test(value)) {
+ callback(new Error('请输入有效的数字(整数或小数)'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ],
+ financialIrr: [
+ { required: true, message: '请输入财务内部收益率', trigger: 'blur' },
+ {
+ validator: (rule, value, callback) => {
+ if (!/^\d+(\.\d+)?$/.test(value)) {
+ callback(new Error('请输入有效的数字(整数或小数)'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ],
+ marketSpace: [
+ { required: true, message: '请输入市场空间', trigger: 'blur' },
+ ],
+})
+
+// 勾选值设置
+function handleSelectionChange(rows) {
+ selectedIds.value = rows.map(item => item.id)
+}
+
+function getList() {
+ loading.value = true
+ operatingIncomePage(params.value).then(res => {
+ tableList.value = res.data.data.records || []
+ total.value = res.data.data.total || 0
+ }).finally(() => {
+ loading.value = false
+ })
+}
+function handleEdit(row) {
+ titleTxt.value = '编辑'
+ isShowEditView.value = true
+ editParams.value = { ...row }
+}
+
+// 删除
+async function handleDelete(row) {
+ const tips = row ? '该条' : '选中的项'
+ await ElMessageBox.confirm(`确认删除${tips}吗?`, '提示', {
+ type: 'warning',
+ customClass: 'gd-confirm-custom',
+ confirmButtonClass: 'gd-confirm-button',
+ cancelButtonClass: 'gd-confirm-cancel-button',
+ })
+ const ids = row ? row.id : selectedIds.value
+ await operatingIncomeBatchDelete(ids)
+ ElMessage.success('删除成功')
+ selectedIds.value = []
+ getList()
+}
+
+function handleAdd() {
+ titleTxt.value = '新增'
+ isShowEditView.value = true
+}
+
+async function submit(formValidate) {
+ if (!formValidate) return
+ await formValidate.validate((valid, fields) => {
+ if (valid) {
+ submitting.value = true
+ try {
+ if (titleTxt.value === '新增') {
+ operatingIncomeAdd(editParams.value).then(res => {
+ isShowEditView.value = false
+ ElMessage.success('新增成功')
+ getList()
+ })
+ } else {
+ operatingIncomeUpdate(editParams.value).then(res => {
+ isShowEditView.value = false
+ ElMessage.success('操作成功')
+ getList()
+ })
+ }
+ } finally {
+ submitting.value = false
+ }
+ }
+ })
+}
+
+function handleClose() {
+ // 清除表单内容
+ editParams.value = {
+ id: '',
+ operating_income: '',
+ total_cost: '',
+ net_profit: '',
+ financial_irr: '',
+ market_space: '',
+ }
+}
+
+onMounted(() => {
+ getList()
+})
</script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
+ .operatingIncome {
+ height: 0;
+ flex: 1;
+ margin: 0 10px 10px 10px;
+ background-color: #ffffff;
+ padding: 10px 20px;
+ border-radius: 5px;
+ display: flex;
+ flex-direction: column;
+ .search-box {
+ margin-top: 20px;
+ height: 40px;
+ }
+
+ :deep(.el-input) {
+ .el-input__wrapper {
+ width: 200px;
+ }
+ }
+
+ // 表格
+ .mange-table {
+ height: 0;
+ flex: 1;
+ margin-top: 18px;
+ overflow: auto;
+ }
+ :deep(.el-pagination) {
+ display: flex;
+ justify-content: right;
+ }
+
+ :deep(.el-pagination button) {
+ background: center center no-repeat none !important;
+ color: #8eb8ea !important;
+ }
+ :deep(.ztzf-select){
+ .el-select__selection {
+ width: 200px;
+ }
+ }
+ }
+
+ .content {
+ padding: 20px;
+
+ .view-table {
+ width: 100%;
+ border-collapse: collapse;
+ border: 1px solid #EBEEF5;
+
+ tr {
+ &:not(:last-child) {
+ border-bottom: 1px solid #EBEEF5;
+ }
+
+ td {
+ padding: 12px 10px;
+
+ &.label {
+ width: 140px;
+ text-align: right;
+ // color: #909399;
+ // background-color: #F5F7FA;
+ border-right: 1px solid #EBEEF5;
+ }
+
+ &.value {
+ width: 180px;
+ // color: #303133;
+ }
+ }
+ }
+ }
+}
+.content-edit {
+ .el-form {
+ .el-form-item {
+ width: 320px;
+ :deep(.el-form-item__label) {
+ width: 140px;
+ }
+ }
+ // .el-form-item:last-child {
+ // width: 640px;
+ // }
+ .btns {
+ display: flex;
+ justify-content: center
+ }
+ }
+}
</style>
diff --git a/uniapps/work-wx/src/subPackages/regulationsDetail/details.vue b/uniapps/work-wx/src/subPackages/regulationsDetail/details.vue
index 150a602..f602683 100644
--- a/uniapps/work-wx/src/subPackages/regulationsDetail/details.vue
+++ b/uniapps/work-wx/src/subPackages/regulationsDetail/details.vue
@@ -1,6 +1,6 @@
<template>
<view class="regulationsDetail">
- <scroll-view
+ <scroll-view
class="scroll-container"
scroll-y
:enable-back-to-top="true"
@@ -18,6 +18,7 @@
</view>
</view>
</scroll-view>
+ <u-pdf-reader v-if="pdfUrl" :src="pdfUrl"></u-pdf-reader>
</view>
</template>
<script setup>
@@ -39,10 +40,14 @@
td: 'border: 1px solid #ddd; padding: 8rpx;'
};
+const pdfUrl = ref('')
+
function downloadFile(item) {
console.log(item,'999')
// aLinkDownloadUtil(item.fileUrl, item.fileName)
- downloadAndPreview(item.fileUrl, item.fileName)
+ // downloadAndPreview(item.fileUrl, item.fileName)
+ pdfUrl.value = item.fileUrl
+ // downloadAndSavePDF(item.fileUrl, item.fileName)
}
// 下载并打开文件(支持PDF、图片、Word等)
const downloadAndPreview = async (fileUrl, fileName) => {
@@ -50,18 +55,18 @@
title: '下载中...',
mask: true
})
-
+
try {
// 1. 下载文件到临时目录
const downloadRes = await uni.downloadFile({
url: fileUrl,
timeout: 60000
})
-
+
if (downloadRes.statusCode !== 200) {
throw new Error(`下载失败: ${downloadRes.statusCode}`)
}
-
+
// 2. 打开文件(小程序会调用系统能力)
uni.openDocument({
filePath: downloadRes.tempFilePath,
@@ -80,7 +85,7 @@
handleOpenFail(downloadRes.tempFilePath, fileName)
}
})
-
+
} catch (error) {
console.error('下载失败:', error)
uni.showToast({
@@ -90,6 +95,84 @@
} finally {
uni.hideLoading()
}
+}
+
+// 下载并保存PDF到手机(iOS需要特殊处理)
+const downloadAndSavePDF = (pdfUrl, fileName = 'document.pdf') => {
+ uni.showLoading({
+ title: '下载中...',
+ mask: true
+ })
+
+ // 检查权限(主要针对iOS)
+ const checkAndDownload = () => {
+ uni.downloadFile({
+ url: pdfUrl,
+ success: (downloadRes) => {
+ uni.hideLoading()
+
+ if (downloadRes.statusCode === 200) {
+ const tempFilePath = downloadRes.tempFilePath
+
+ // 保存到本地
+ uni.saveFile({
+ tempFilePath: tempFilePath,
+ success: (saveRes) => {
+ const savedFilePath = saveRes.savedFilePath
+
+ uni.showModal({
+ title: '下载成功',
+ content: `文件已保存到: ${savedFilePath}`,
+ showCancel: false,
+ success: () => {
+ // 可以引导用户去文件管理查看
+ }
+ })
+ },
+ fail: (saveErr) => {
+ console.error('保存失败:', saveErr)
+ uni.showToast({
+ title: '保存失败111',
+ icon: 'error'
+ })
+ }
+ })
+ }
+ },
+ fail: (err) => {
+ uni.hideLoading()
+ uni.showToast({
+ title: '下载失败1111',
+ icon: 'error'
+ })
+ }
+ })
+ }
+
+ // 检查文件访问权限
+ uni.authorize({
+ scope: 'scope.writePhotosAlbum',
+ success: () => {
+ checkAndDownload()
+ },
+ fail: () => {
+ uni.showModal({
+ title: '权限提示',
+ content: '需要文件存储权限才能下载文件',
+ success: (modalRes) => {
+ if (modalRes.confirm) {
+ uni.openSetting({
+ success: (settingRes) => {
+ if (settingRes.authSetting['scope.writePhotosAlbum']) {
+ checkAndDownload()
+ }
+ }
+ })
+ }
+ }
+ })
+ }
+ })
}
// 获取文件类型
@@ -142,7 +225,7 @@
.safe-area {
/* 处理导航栏高度 */
padding-top: var(--status-bar-height);
-
+
/* iOS 安全区域 */
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
@@ -153,12 +236,12 @@
overflow: hidden;
/* 关键:滚动内容在安全区域内 */
height: calc(100vh - var(--status-bar-height) - 44px);
-
+
/* 计算高度考虑导航栏 */
@supports (top: constant(safe-area-inset-top)) {
height: calc(100vh - constant(safe-area-inset-top) - 44px);
}
-
+
@supports (top: env(safe-area-inset-top)) {
height: calc(100vh - env(safe-area-inset-top) - 44px);
}
@@ -166,7 +249,7 @@
.content {
padding: 0 24rpx 40rpx;
-
+
.title {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
--
Gitblit v1.9.3