From 5867ad76b1a7b81455e7e2a759e2e4d139ff2c72 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Wed, 21 Jan 2026 15:11:57 +0800
Subject: [PATCH] feat:调整
---
applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/ApplyViewDialog.vue | 170 ++++++++++++++++++--------------------------------------
1 files changed, 55 insertions(+), 115 deletions(-)
diff --git a/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/ApplyViewDialog.vue b/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/ApplyViewDialog.vue
index a9c9461..859cad9 100644
--- a/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/ApplyViewDialog.vue
+++ b/applications/task-work-order/src/views/orderView/orderDataManage/supplyAdd/ApplyViewDialog.vue
@@ -16,70 +16,56 @@
</div>
<div>
<div class="detail-title">需求详情</div>
- <div class="requirementsDetailsBox">
- <div class="detail-table">
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">需求名称</span>
- <span class="cell-value">{{ formData.demandName }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">需求类型</span>
- <span class="cell-value">{{ getDictLabel(formData.demandType, dictObj.requirementType) }}</span>
- </div>
- </div>
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">需求联系人</span>
- <span class="cell-value">{{ formData.contactPerson }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">需求联系人电话</span>
- <span class="cell-value">{{ formData.contactPhone }}</span>
- </div>
- </div>
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">需求邮箱</span>
- <span class="cell-value">{{ formData.contactEmail }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">更新周期</span>
- <span class="cell-value">{{ formData.updateCycle }}</span>
- </div>
- </div>
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">申请依据</span>
- <span class="cell-value">{{ formData.applyBasis }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">共享类型</span>
- <span class="cell-value">{{ getDictLabel(formData.shareType, dictObj.sharedType) }}</span>
- </div>
- </div>
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">应用场景类型</span>
- <span class="cell-value">{{ getDictLabel(formData.applicationScene, dictObj.appSceneType) }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">责任部门</span>
- <span class="cell-value">{{ formData.responsibleDeptName }}</span>
- </div>
- </div>
- <div class="detail-row">
- <div class="detail-cell">
- <span class="cell-label">数据来源依据</span>
- <span class="cell-value">{{ formData.dataSource }}</span>
- </div>
- <div class="detail-cell">
- <span class="cell-label">需求信息项</span>
- <span class="cell-value">{{ formData.demandInfo }}</span>
- </div>
- </div>
- </div>
- </div>
+ <el-row class="detail-row-view">
+ <el-col :span="12">
+ <div class="label">需求名称</div>
+ <div class="val">{{ formData.demandName }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">需求类型</div>
+ <div class="val">{{ getDictLabel(formData.demandType, dictObj.requirementType) }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">需求联系人</div>
+ <div class="val">{{ formData.contactPerson }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label" >需求联系人电话</div>
+ <div class="val">{{ formData.contactPhone }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">需求邮箱</div>
+ <div class="val">{{ formData.contactEmail }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">更新周期</div>
+ <div class="val">{{ formData.updateCycle }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">申请依据</div>
+ <div class="val">{{ formData.applyBasis }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">共享类型</div>
+ <div class="val">{{ getDictLabel(formData.shareType, dictObj.sharedType) }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">应用场景类型</div>
+ <div class="val">{{ getDictLabel(formData.applicationScene, dictObj.appSceneType) }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">责任部门</div>
+ <div class="val">{{ formData.responsibleDeptName }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">数据来源依据</div>
+ <div class="val">{{ formData.dataSource }}</div>
+ </el-col>
+ <el-col :span="12">
+ <div class="label">需求信息项</div>
+ <div class="val">{{ formData.demandInfo }}</div>
+ </el-col>
+ </el-row>
</div>
<!-- 申请中-->
<div v-if="detailDemandStatus === '1'">
@@ -106,7 +92,7 @@
</div>
</div>
<div v-if="detailDemandStatus === '2'">
- <div class="detail-title">数据详情</div>
+ <div class="detail-title" :style="{ marginTop:pxToRem(20)}">数据详情</div>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="fileOriginalName" label="文件名称" />
<el-table-column prop="fileSize" label="文件大小" />
@@ -142,6 +128,7 @@
</template>
<script setup>
+import { pxToRem } from '@/utils/rem'
import { getDictLabel } from '@ztzf/utils'
import {
gdSupplyDemandDetailApi,
@@ -454,48 +441,8 @@
padding: 15px;
height: 100px;
}
- .requirementsDetailsBox {
- background: #f2f3f5;
- border-radius: 2px 2px 2px 2px;
- }
-
- /* 详情表格样式 */
- .detail-table {
- width: 100%;
- }
-
- .detail-row {
- display: flex;
- &:last-child {
- margin-bottom: 0;
- }
- }
-
- .detail-cell {
- flex: 1;
- display: flex;
- justify-content: space-between;
- padding: 5px 12px;
- margin-right: 8px;
- &:last-child {
- margin-right: 0;
- }
- }
-
- .cell-label {
- font-weight: 500;
- color: #333333;
- margin-right: 8px;
- text-align: right;
- min-width: 100px;
- flex-shrink: 0;
- }
-
- .cell-value {
- color: #666666;
- flex: 1;
- text-align: left;
- }
+ .label {
+ width: 130px !important;}
}
/* 上传容器样式 */
@@ -530,14 +477,7 @@
}
}
-.val {
- padding: 8px;
- background-color: #f5f7fa;
- border-radius: 4px;
- min-height: 32px;
- word-break: break-all;
- margin-bottom: 16px;
-}
+
/* 上传按钮样式 */
:deep(.el-upload) {
--
Gitblit v1.9.3