From 8c777b3d5eacd4481f2db6624e858dad38b4e153 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Fri, 23 Jan 2026 16:41:04 +0800
Subject: [PATCH] feat: 灰色输入框
---
applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/index.vue | 26 +-
applications/task-work-order/src/views/orderView/orderManage/inspectionReport/index.vue | 253 +++++++++++++------------
applications/task-work-order/src/views/orderView/orderDataManage/evaluate/index.vue | 10
applications/task-work-order/src/views/orderView/orderManage/clueEvents/index.vue | 6
applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/index.vue | 24 +-
applications/task-work-order/src/views/orderView/orderManage/orderManage/index.vue | 8
applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/index.vue | 22 +
applications/task-work-order/src/styles/common/cockpit.scss | 196 +++++++++----------
applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/index.vue | 20 +
applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue | 13 +
10 files changed, 307 insertions(+), 271 deletions(-)
diff --git a/applications/task-work-order/src/styles/common/cockpit.scss b/applications/task-work-order/src/styles/common/cockpit.scss
index aa7ee39..3567474 100644
--- a/applications/task-work-order/src/styles/common/cockpit.scss
+++ b/applications/task-work-order/src/styles/common/cockpit.scss
@@ -1,6 +1,93 @@
//变量
-$gd-placeholder: #86909C;
$form-bg: #F2F3F5;
+$form-tips: #86909C;
+$form-bg-gray: #DDE2ED;
+$form-tips-gray: #A1A3D4;
+
+
+.gd-input {
+ --el-input-bg-color: #{$form-bg};
+ --el-input-placeholder-color: #{$form-tips};
+
+ &.gray {
+ --el-input-bg-color: #{$form-bg-gray};
+ --el-input-placeholder-color: #{$form-tips-gray};
+ }
+
+ .el-input__wrapper, .el-textarea__inner {
+ box-shadow: none !important;
+ border: none;
+ }
+
+ &.is-disabled {
+ .el-input__wrapper {
+ background: $form-bg;
+ }
+ }
+}
+
+.gd-select, {
+ --bg: #{$form-bg};
+ --tips: #{$form-tips};
+
+ &.gray {
+ --bg: #{$form-bg-gray};
+ --tips: #{$form-tips-gray};
+ }
+
+ .el-select__wrapper {
+ padding: 0 8px;
+ background: var(--bg);
+ box-shadow: none !important;
+ border: none;
+ }
+
+ .el-select__placeholder {
+ &.is-transparent {
+ color: var(--tips) !important;
+ }
+
+ &.el-select__selected-item {
+ color: #383874;
+ }
+ }
+}
+
+.gd-date-picker {
+ --bg: #{$form-bg};
+ --tips: #{$form-tips};
+
+ &.gray {
+ --bg: #{$form-bg-gray};
+ --tips: #{$form-tips-gray};
+ }
+
+ box-shadow: none !important;
+ background: var(--bg);
+ border: none;
+ border-radius: 5px;
+ box-sizing: border-box !important;
+
+ .el-input__wrapper {
+ box-shadow: none !important;
+ background-color: transparent !important;
+
+ &.is-focus {
+ box-shadow: none !important;
+ }
+ }
+
+ .el-range-input {
+ &::placeholder {
+ color: var(--tips);
+ }
+ }
+
+ .el-range-separator {
+ color: #ffffff;
+ }
+}
+
.gd-table {
height: 0;
@@ -75,68 +162,6 @@
.fixed-column {
background-color: #1A1A2A !important;
- }
-}
-
-.gd-input {
- .el-input__wrapper, .el-textarea__inner {
- padding: 0 8px !important;
- background: $form-bg;
- box-shadow: none !important;
- border: none;
- }
-
- .el-input__inner, .el-textarea__inner {
- &::placeholder {
- color: $gd-placeholder;
- }
- }
-
-
- &.is-disabled {
- .el-input__wrapper {
- background: #DDE2ED;
- }
- }
-}
-
-.gd-select {
- .el-select__input {
- color: #8ac3fd !important;
- }
-
- .el-select__wrapper {
- padding: 0 8px;
- background: $form-bg;
- box-shadow: none !important;
- border: none;
- width: 100%;
- }
-
- .el-select__placeholder {
- &.is-transparent {
- color: $gd-placeholder !important;
- }
-
- &.el-select__selected-item {
- color: #383874;
- }
- }
-
- .el-select {
- --el-select-border-color-hover: rgb(0, 162, 255) !important;
- }
-
- .el-input {
- --el-border-color: rgb(0, 162, 255);
- }
-
- .el-select .el-input__wrapper {
- background-color: #DDE2ED !important;
- }
-
- .el-input__wrapper {
- --el-input-text-color: #DDE2ED !important;
}
}
@@ -218,34 +243,6 @@
}
}
-.gd-date-picker {
- box-shadow: none !important;
- background: $form-bg;
- border: none;
- border-radius: 5px;
- box-sizing: border-box !important;
-
- .el-input__wrapper {
- box-shadow: none !important;
- background-color: transparent !important;
-
- &.is-focus {
- box-shadow: none !important;
- }
- }
-
- .el-range-input {
- color: #fff;
-
- &::placeholder {
- color: $gd-placeholder;
- }
- }
-
- .el-range-separator {
- color: #ffffff;
- }
-}
.gd-date-picker-popper {
background: #DDE2ED !important;
@@ -454,10 +451,10 @@
}
}
-.el-overlay-dialog{
+.el-overlay-dialog {
display: flex;
justify-content: center; /* 水平居中 */
- align-items: center; /* 垂直居中 */
+ align-items: center; /* 垂直居中 */
}
.gd-dialog {
@@ -489,6 +486,7 @@
.el-dialog__body {
overflow: auto;
min-height: 5vh;
+
.detail-title {
margin-bottom: 10px;
font-family: Source Han Sans CN, Source Han Sans CN;
@@ -510,6 +508,7 @@
margin-bottom: 0;
.label {
+ display: inline-block;
width: 88px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
@@ -618,7 +617,7 @@
text-transform: none;
}
- background: #F2F3F5;
+ background: $form-bg;
border: none;
box-shadow: none;
}
@@ -709,9 +708,6 @@
.el-input__wrapper {
}
}
- }
-
- .gd-date-picker {
}
.gd-date-picker-popper {
@@ -829,7 +825,7 @@
.gd-select-popper {
border: none;
- background: #F2F3F5 !important;
+ background: $form-bg !important;
.el-select-dropdown {
.el-scrollbar {
@@ -853,13 +849,13 @@
}
.el-select-dropdown__empty {
- background: #F2F3F5;
+ background: $form-bg;
border-radius: 0px 0px 8px 8px;
}
}
.el-popper__arrow::before {
- background: #F2F3F5 !important;
+ background: $form-bg !important;
border: 1px solid #F2F3F5 !important;
}
}
diff --git a/applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/index.vue b/applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/index.vue
index 4ed5abb..9dcdfc8 100644
--- a/applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/index.vue
@@ -2,21 +2,30 @@
<basic-container>
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="案例名称" prop="caseName">
- <el-input class="gd-input" v-model="searchParams.caseName" placeholder="请输入" clearable @clear="handleSearch" />
+ <el-input
+ class="gd-input gray"
+ v-model="searchParams.caseName"
+ placeholder="请输入"
+ clearable
+ @clear="handleSearch"
+ />
</el-form-item>
<el-form-item label="应用创新状态" prop="innovationStatus">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.innovationStatus"
placeholder="请选择"
clearable
@change="handleSearch"
>
- <el-option v-for="item in dictObj.appInnovationStatus" :key="item.dictKey"
+ <el-option
+ v-for="item in dictObj.appInnovationStatus"
+ :key="item.dictKey"
:label="item.dictValue"
- :value="item.dictKey"/>
+ :value="item.dictKey"
+ />
</el-select>
</el-form-item>
@@ -54,7 +63,7 @@
<el-table-column label="操作" class-name="operation-btns">
<template v-slot="{ row }">
<el-link @click="openForm('view', row)">查看</el-link>
-<!-- <el-link @click="openForm('edit', row)">编辑</el-link>-->
+ <!-- <el-link @click="openForm('edit', row)">编辑</el-link>-->
<el-link @click="handleDelete(row)">删除</el-link>
</template>
</el-table-column>
@@ -109,10 +118,8 @@
function getDictList() {
return getDictionaryByCode('appInnovationStatus').then(res => {
dictObj.value = res.data.data
-
})
}
-
// 获取列表
async function getList() {
@@ -179,4 +186,3 @@
})
</script>
<style scoped lang="scss"></style>
-
diff --git a/applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/index.vue b/applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/index.vue
index 6a0bfd4..230e5e0 100644
--- a/applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/index.vue
@@ -2,12 +2,18 @@
<basic-container>
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="异议标题" prop="title">
- <el-input class="gd-input" v-model="searchParams.title" placeholder="请输入" clearable @clear="handleSearch" />
+ <el-input
+ class="gd-input gray"
+ v-model="searchParams.title"
+ placeholder="请输入"
+ clearable
+ @clear="handleSearch"
+ />
</el-form-item>
<el-form-item label="异议状态" prop="objectionStatus">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.objectionStatus"
placeholder="请选择"
@@ -31,17 +37,17 @@
<div class="gd-table-toolbar">
<el-button :icon="Plus" color="#4C34FF" type="primary" @click="openForm('add')">数据异议申请</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">
- <el-table-column label="序号" width="60">
- <template v-slot="{ $index }">
- {{ String($index + 1).padStart(2, '0') }}
- </template>
- </el-table-column>
+ <el-table-column label="序号" width="60">
+ <template v-slot="{ $index }">
+ {{ String($index + 1).padStart(2, '0') }}
+ </template>
+ </el-table-column>
<el-table-column prop="title" show-overflow-tooltip label="标题" />
<el-table-column prop="objectionType" show-overflow-tooltip label="异议类别">
<template v-slot="{ row }">
@@ -174,8 +180,6 @@
ElMessage.success('删除成功')
getList()
}
-
-
// 获取部门树
function getDeptTreeFun() {
diff --git a/applications/task-work-order/src/views/orderView/orderDataManage/evaluate/index.vue b/applications/task-work-order/src/views/orderView/orderDataManage/evaluate/index.vue
index 2f5aaec..5e14a26 100644
--- a/applications/task-work-order/src/views/orderView/orderDataManage/evaluate/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderDataManage/evaluate/index.vue
@@ -2,12 +2,18 @@
<basic-container>
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="标题" prop="title">
- <el-input class="gd-input" v-model="searchParams.title" placeholder="请输入" clearable @clear="handleSearch" />
+ <el-input
+ class="gd-input gray"
+ v-model="searchParams.title"
+ placeholder="请输入"
+ clearable
+ @clear="handleSearch"
+ />
</el-form-item>
<el-form-item label="是否解决" prop="isResolved">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.isResolved"
placeholder="请选择"
diff --git a/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/index.vue b/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/index.vue
index 0d4cb30..d05fe9a 100644
--- a/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/index.vue
@@ -3,7 +3,7 @@
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="需求名称" prop="demandName">
<el-input
- class="gd-input"
+ class="gd-input gray"
v-model="searchParams.demandName"
placeholder="请输入"
clearable
@@ -13,7 +13,7 @@
<el-form-item label="需求状态" prop="demandStatus">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.demandStatus"
placeholder="请选择"
@@ -43,10 +43,10 @@
<div class="gd-table-content gd-table-content-bg">
<el-table class="gd-table" :data="list">
<el-table-column label="序号" width="60" align="center">
- <template #default="scope">
- {{ ((searchParams.current - 1) * searchParams.size + scope.$index + 1).toString().padStart(2, '0') }}
- </template>
- </el-table-column>
+ <template #default="scope">
+ {{ ((searchParams.current - 1) * searchParams.size + scope.$index + 1).toString().padStart(2, '0') }}
+ </template>
+ </el-table-column>
<el-table-column prop="demandName" show-overflow-tooltip label="需求名称" />
<el-table-column prop="demandType" show-overflow-tooltip label="需求类型">
<template v-slot="{ row }">
@@ -78,11 +78,11 @@
<el-table-column prop="demandInfo" show-overflow-tooltip label="需求信息项" />
<el-table-column label="操作" class-name="operation-btns" width="130">
<template v-slot="{ row }">
- <el-link @click="openForm('view', row)">查看</el-link>
- <!-- 只对非审批状态显示编辑和删除按钮 -->
- <el-link @click="openForm('edit', row)" v-if="!['1', '2', '3'].includes(row.demandStatus)">编辑</el-link>
- <el-link @click="handleDelete(row)" v-if="!['1', '2', '3'].includes(row.demandStatus)">删除</el-link>
- </template>
+ <el-link @click="openForm('view', row)">查看</el-link>
+ <!-- 只对非审批状态显示编辑和删除按钮 -->
+ <el-link @click="openForm('edit', row)" v-if="!['1', '2', '3'].includes(row.demandStatus)">编辑</el-link>
+ <el-link @click="handleDelete(row)" v-if="!['1', '2', '3'].includes(row.demandStatus)">删除</el-link>
+ </template>
</el-table-column>
</el-table>
</div>
@@ -175,7 +175,7 @@
// 为每条记录添加部门名称
list.value = records.map(item => ({
...item,
- responsibleDeptName: item.responsibleDeptName || getDeptNameById(item.responsibleDeptId, deptTree.value)
+ responsibleDeptName: item.responsibleDeptName || getDeptNameById(item.responsibleDeptId, deptTree.value),
}))
total.value = res?.data?.data?.total ?? 0
} finally {
@@ -234,8 +234,6 @@
ElMessage.success('删除成功')
getList()
}
-
-
// 获取字典
function getDictList() {
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 3d4e94a..8402090 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
@@ -4,7 +4,7 @@
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="模糊搜索" prop="patrolTaskName">
<el-input
- class="gd-input"
+ class="gd-input gray"
v-model="searchParams.patrolTaskName"
placeholder="请输入"
clearable
@@ -14,7 +14,7 @@
<el-form-item label="巡查任务类型" prop="patrolTaskType">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.patrolTaskType"
placeholder="请选择"
@@ -50,7 +50,7 @@
<el-form-item label="执行时间" prop="executeTime">
<el-date-picker
- class="gd-date-picker"
+ class="gd-date-picker gray"
popper-class="gd-date-picker-popper"
v-model="dateRange"
type="daterange"
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 49d5005..e3cb689 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,10 +1,10 @@
<!-- 巡查报告管理 -->
<template>
- <basic-container>
- <el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
+ <basic-container>
+ <el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="模糊搜索" prop="nickName">
<el-input
- class="gd-input"
+ class="gd-input gray"
v-model="searchParams.nickName"
placeholder="请输入"
clearable
@@ -14,7 +14,7 @@
<el-form-item label="文档类型" prop="resultType">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.resultType"
placeholder="请选择"
@@ -37,11 +37,11 @@
</el-form>
<div class="gd-table-toolbar">
- <el-button :icon="Download" color="#4C34FF" type="primary" @click="handleDownload">文档下载</el-button>
+ <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-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" />
@@ -50,7 +50,7 @@
<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="文档类型">
+ <el-table-column prop="resultType" show-overflow-tooltip label="文档类型">
<template v-slot="{ row }">
{{ getDictLabel(row.resultType, dictObj.patrolTaskType) }}
</template>
@@ -76,71 +76,80 @@
/>
</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-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-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%" /> -->
- <el-image-viewer
- v-if="previewVisibleImg"
- :url-list="[searchUrl]"
- @close="previewVisibleImg = false"
- ></el-image-viewer>
- </basic-container>
+ 保存
+ </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%" /> -->
+ <el-image-viewer
+ v-if="previewVisibleImg"
+ :url-list="[searchUrl]"
+ @close="previewVisibleImg = false"
+ ></el-image-viewer>
+ </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'
+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 store = useStore()
+const userInfo = computed(() => store.getters.userInfo)
- // 初始化查询参数
+// 初始化查询参数
const initSearchParams = () => ({
nickName: '',
resultType: '',
@@ -171,17 +180,17 @@
const isShowEditView = ref(false)
const titleTxt = ref('上传巡查报告')
const editParams = ref({
- id:'',
- nickName: '',
- resultType: '',
- link: '',
+ 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'] }],
+ nickName: [{ required: true, message: '请输入文档名称', trigger: ['blur'] }],
+ resultType: [{ required: true, message: '请选择文档类型', trigger: ['change'] }],
+ link: [{ required: true, message: '请上传文件', trigger: ['change'] }],
})
// 获取字典
@@ -191,7 +200,7 @@
})
}
- // 获取列表
+// 获取列表
async function getList() {
loading.value = true
try {
@@ -219,7 +228,7 @@
// 新增/编辑/查看 弹框
function openForm(row) {
isShowEditView.value = true
- titleTxt.value = '编辑'
+ titleTxt.value = '编辑'
editParams.value.id = row.id
editParams.value.nickName = row.nickName
editParams.value.resultType = row.resultType
@@ -233,7 +242,12 @@
if (!row.link) {
ElMessage.warning('文件链接不存在')
return
- } else if (!row.link.includes('docx') && !row.link.includes('pdf') && !row.link.includes('png') && !row.link.includes('jpg')) {
+ } else if (
+ !row.link.includes('docx') &&
+ !row.link.includes('pdf') &&
+ !row.link.includes('png') &&
+ !row.link.includes('jpg')
+ ) {
ElMessage.warning(`${fileType}文件格式，可以下载再查看`)
return
} else if (row.link.includes('png') || row.link.includes('jpg')) {
@@ -266,7 +280,7 @@
// 勾选值设置
function handleSelectionChange(rows) {
selectedFiles.value = rows
- selectedIds.value = rows.map((item) => item.id)
+ selectedIds.value = rows.map(item => item.id)
}
// 文档下载
@@ -289,69 +303,66 @@
}
}, index * 300) // 300ms delay between downloads
})
-
}
// 文档上传
async function handleUpload() {
isShowEditView.value = true
- titleTxt.value = '上传巡查报告'
+ 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 // 阻止组件的默认上传行为
+ // 执行文件上传
+ 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
- }
- }
- })
+ 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: '',
- }
+ // 清除表单内容
+ uploadName.value = ''
+ editParams.value = {
+ id: '',
+ nickName: '',
+ resultType: '',
+ uploadFile: '',
+ }
}
onMounted(() => {
getDictList()
getList()
})
-
</script>
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue b/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue
index 459e42c..46e43e6 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue
@@ -149,7 +149,14 @@
</el-col>
<el-col :span="24">
<el-form-item label="巡查任务描述" prop="taskDesc">
- <el-input class="gd-input" type="textarea" :rows="4" v-model="formData.taskDesc" placeholder="请输入" clearable />
+ <el-input
+ class="gd-input"
+ type="textarea"
+ :rows="4"
+ v-model="formData.taskDesc"
+ placeholder="请输入"
+ clearable
+ />
</el-form-item>
</el-col>
</el-row>
@@ -158,13 +165,14 @@
<!-- 地图组件 -->
<CommonCesiumMap
ref="mapRef"
- class="leftMap gd-cesium"
+ class="gd-cesium"
:active="visible"
:flat-mode="false"
:terrain="true"
:layer-mode="4"
:boundary="false"
:zoomToBoundary="false"
+ @ready="() => mapRef.flyBoundary()"
/>
</div>
</div>
@@ -417,6 +425,7 @@
width: 0;
flex: 1;
.gd-cesium {
+ padding-top: 10px;
width: 100%;
height: 423px;
}
diff --git a/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/index.vue b/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/index.vue
index b3eaa32..6d64be5 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/index.vue
@@ -2,12 +2,12 @@
<basic-container>
<el-tabs class="gd-tabs" v-model="activeName" @tab-click="tabsClick">
<el-tab-pane label="全部 " name="all"></el-tab-pane>
- <el-tab-pane label="我的任务工单" name="my"></el-tab-pane>
+ <el-tab-pane label="我的巡查任务" name="my"></el-tab-pane>
</el-tabs>
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="任务名称" prop="patrolTaskName">
<el-input
- class="gd-input"
+ class="gd-input gray"
v-model="searchParams.patrolTaskName"
placeholder="请输入"
clearable
@@ -17,7 +17,7 @@
<el-form-item label="任务类型" prop="patrolTaskType">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.patrolTaskType"
placeholder="请选择"
@@ -35,7 +35,7 @@
<el-form-item label="任务状态" prop="taskStatus">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.taskStatus"
placeholder="请选择"
@@ -53,7 +53,7 @@
<el-form-item label="执行时间" prop="executeTime">
<el-date-picker
- class="gd-date-picker"
+ class="gd-date-picker gray"
popper-class="gd-date-picker-popper"
v-model="dateRange"
type="daterange"
@@ -118,7 +118,13 @@
</div>
<FormDiaLog ref="dialogRef" @success="getList" v-if="dialogVisible" v-model="dialogVisible" />
- <ViewDiaLog ref="viewDiaLogRef" @success="getList" @refusalAccept="refusalAccept" v-if="viewDiaLogVisible" v-model="viewDiaLogVisible" />
+ <ViewDiaLog
+ ref="viewDiaLogRef"
+ @success="getList"
+ @refusalAccept="refusalAccept"
+ v-if="viewDiaLogVisible"
+ v-model="viewDiaLogVisible"
+ />
</basic-container>
</template>
<script setup>
@@ -236,7 +242,7 @@
function refusalAccept(row) {
dialogVisible.value = true
nextTick(() => {
- dialogRef.value?.open({ mode:'edit', row })
+ dialogRef.value?.open({ mode: 'edit', row })
})
}
diff --git a/applications/task-work-order/src/views/orderView/orderManage/orderManage/index.vue b/applications/task-work-order/src/views/orderView/orderManage/orderManage/index.vue
index df3b2c3..b7df2ad 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/orderManage/index.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/orderManage/index.vue
@@ -7,7 +7,7 @@
<el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form">
<el-form-item label="工单名称" prop="workOrderName">
<el-input
- class="gd-input"
+ class="gd-input gray"
v-model="searchParams.workOrderName"
placeholder="请输入"
clearable
@@ -17,7 +17,7 @@
<el-form-item label="工单类型" prop="workOrderType">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.workOrderType"
placeholder="请选择"
@@ -35,7 +35,7 @@
<el-form-item label="工单状态" prop="workOrderStatus">
<el-select
- class="gd-select"
+ class="gd-select gray"
popper-class="gd-select-popper"
v-model="searchParams.workOrderStatus"
placeholder="请选择"
@@ -53,7 +53,7 @@
<el-form-item label="执行时间" prop="executeTime">
<el-date-picker
- class="gd-date-picker"
+ class="gd-date-picker gray"
popper-class="gd-date-picker-popper"
v-model="dateRange"
type="daterange"
--
Gitblit v1.9.3