修改bug
This commit is contained in:
@ -29,7 +29,10 @@
|
||||
class="space-y-4"
|
||||
>
|
||||
<el-form-item label="图纸文件" prop="fileId" class="mb-2 md:col-span-2">
|
||||
<el-input v-model="form.fileName" disabled placeholder="图纸名称" />
|
||||
<el-link v-if="form.fileUrl" :href="form.fileUrl" target="_blank" type="primary" :underline="false">
|
||||
{{ form.fileName }}
|
||||
</el-link>
|
||||
<!-- <el-input v-model="form.fileName" disabled placeholder="图纸名称" /> -->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
@ -123,7 +126,8 @@ const initFormData = {
|
||||
fileUrl: undefined,
|
||||
status: undefined,
|
||||
originalName: undefined,
|
||||
fileVoList: []
|
||||
fileVoList: [],
|
||||
auditStatus: undefined
|
||||
};
|
||||
const data = reactive({
|
||||
form: { ...initFormData },
|
||||
|
||||
@ -75,44 +75,6 @@
|
||||
资料名称: {{ info.projectName || '未定义' }} | 卷册号: {{ info.volumeNumber || '未定义' }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 基本信息区域 - 缩小间隔,增强label与内容区分 -->
|
||||
<div class="p-3 md:p-4 border-b border-gray-100 dark:border-gray-700/50">
|
||||
<h3 class="text-base md:text-lg font-semibold mb-2 flex items-center text-gray-800 dark:text-gray-200">
|
||||
<el-icon style="margin-right: 10px" :size="24" color="#409EFF">
|
||||
<Document />
|
||||
</el-icon>
|
||||
|
||||
基本信息
|
||||
</h3>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 md:gap-3">
|
||||
<InfoItem label="项目名称" value="projectName" :data="info" />
|
||||
<InfoItem label="资料名称" value="documentName" :data="info" />
|
||||
<InfoItem label="卷册号" value="volumeNumber" :data="info" />
|
||||
<InfoItem label="设计子项名称" value="designSubitem" :data="info" />
|
||||
<InfoItem label="专业名称" value="specialtyName" :data="info" />
|
||||
<InfoItem label="文件格式" value="fileType" :data="info" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 人员信息区域 -->
|
||||
<div class="p-3 md:p-4 border-b border-gray-100 dark:border-gray-700/50">
|
||||
<h3 class="text-base md:text-lg font-semibold mb-2 flex items-center text-gray-800 dark:text-gray-200">
|
||||
<el-icon style="margin-right: 10px" :size="24" color="#409EFF">
|
||||
<Document />
|
||||
</el-icon>
|
||||
人员信息
|
||||
</h3>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-3">
|
||||
<InfoItem label="负责人" value="principal" :data="info" />
|
||||
<InfoItem label="设计人员" value="principalName" :data="info" />
|
||||
<InfoItem label="审核人员" value="reviewerName" :data="info" />
|
||||
<InfoItem label="创建时间" value="createTime" :data="info" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 状态信息区域 -->
|
||||
<div class="p-3 md:p-4">
|
||||
<h3 class="text-base md:text-lg font-semibold mb-2 flex items-center text-gray-800 dark:text-gray-200">
|
||||
@ -150,13 +112,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-item">
|
||||
<!-- <div class="info-item">
|
||||
<span class="info-label">文件大小</span>
|
||||
<div class="info-value mt-0.5 flex items-center">
|
||||
<i class="fa fa-hdd-o text-gray-400 dark:text-gray-500 mr-1.5"></i>
|
||||
{{ info.fileSize || '未知' }}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="info-item">
|
||||
<span class="info-label">更新时间</span>
|
||||
@ -189,6 +151,42 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 基本信息区域 - 缩小间隔,增强label与内容区分 -->
|
||||
<div class="p-3 md:p-4 border-b border-gray-100 dark:border-gray-700/50">
|
||||
<h3 class="text-base md:text-lg font-semibold mb-2 flex items-center text-gray-800 dark:text-gray-200">
|
||||
<el-icon style="margin-right: 10px" :size="24" color="#409EFF">
|
||||
<Document />
|
||||
</el-icon>
|
||||
|
||||
基本信息
|
||||
</h3>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 md:gap-3">
|
||||
<InfoItem label="项目名称" value="projectName" :data="info" />
|
||||
<InfoItem label="资料名称" value="documentName" :data="info" />
|
||||
<InfoItem label="卷册号" value="volumeNumber" :data="info" />
|
||||
<InfoItem label="设计子项名称" value="designSubitem" :data="info" />
|
||||
<InfoItem label="专业名称" value="specialtyName" :data="info" />
|
||||
<InfoItem label="文件格式" value="fileType" :data="info" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 人员信息区域 -->
|
||||
<div class="p-3 md:p-4 border-b border-gray-100 dark:border-gray-700/50">
|
||||
<h3 class="text-base md:text-lg font-semibold mb-2 flex items-center text-gray-800 dark:text-gray-200">
|
||||
<el-icon style="margin-right: 10px" :size="24" color="#409EFF">
|
||||
<Document />
|
||||
</el-icon>
|
||||
人员信息
|
||||
</h3>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-3">
|
||||
<InfoItem label="负责人" value="principal" :data="info" />
|
||||
<InfoItem label="设计人员" value="principalName" :data="info" />
|
||||
<InfoItem label="审核人员" value="reviewerName" :data="info" />
|
||||
<InfoItem label="创建时间" value="createTime" :data="info" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
@ -42,6 +42,9 @@
|
||||
<el-button type="warning" plain icon="Upload">导入</el-button>
|
||||
</file-upload>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="Download" @click="exportFile">导出模版</el-button>
|
||||
</el-col>
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
</template>
|
||||
@ -607,6 +610,24 @@ const getVolumeFileList = async (type) => {
|
||||
fileList.value = res.rows;
|
||||
}
|
||||
};
|
||||
const exportFile = () => {
|
||||
// 导出模版文件
|
||||
try {
|
||||
// 创建a标签
|
||||
const link = document.createElement('a');
|
||||
// 设置PDF文件路径 - 相对于public目录
|
||||
link.href = '/catalog.xlsx';
|
||||
// 设置下载后的文件名
|
||||
link.download = '设计出图计划导入模版.xlsx';
|
||||
// 触发点击
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
// 清理
|
||||
document.body.removeChild(link);
|
||||
} catch (error) {
|
||||
alert('下载失败,请重试');
|
||||
}
|
||||
};
|
||||
// 切换
|
||||
const handleClick = (val) => {
|
||||
getVolumeFileList(val.props.name);
|
||||
|
||||
Reference in New Issue
Block a user