| | |
| | | </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'"> |
| | |
| | | </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="文件大小" /> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { pxToRem } from '@/utils/rem' |
| | | import { getDictLabel } from '@ztzf/utils' |
| | | import { |
| | | gdSupplyDemandDetailApi, |
| | |
| | | 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;} |
| | | } |
| | | |
| | | /* 上传容器样式 */ |
| | |
| | | } |
| | | } |
| | | |
| | | .val { |
| | | padding: 8px; |
| | | background-color: #f5f7fa; |
| | | border-radius: 4px; |
| | | min-height: 32px; |
| | | word-break: break-all; |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | |
| | | /* 上传按钮样式 */ |
| | | :deep(.el-upload) { |