parent
1025d2ef8f
commit
a9af2971e9
@ -0,0 +1,195 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="hl-card">
|
||||||
|
<template #header>
|
||||||
|
<span><span v-html="dialogTitle"></span>页</span>
|
||||||
|
</template>
|
||||||
|
<el-form label-width="120px" :model="formData" v-loading="formLoading">
|
||||||
|
<!-- 基础信息 3列 竖列布局 -->
|
||||||
|
<el-card class="hl-card-info">
|
||||||
|
<template #header>
|
||||||
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
|
||||||
|
</template>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目名称" prop="name">
|
||||||
|
{{ formData.name }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目编号" prop="code">
|
||||||
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model="formData.code"
|
||||||
|
class="!w-250px"
|
||||||
|
placeholder="系统自动生成"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目名称" prop="name">
|
||||||
|
{{ formData.name }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目编号" prop="code">
|
||||||
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model="formData.code"
|
||||||
|
class="!w-250px"
|
||||||
|
placeholder="系统自动生成"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目名称" prop="name">
|
||||||
|
{{ formData.name }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目编号" prop="code">
|
||||||
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model="formData.code"
|
||||||
|
class="!w-250px"
|
||||||
|
placeholder="系统自动生成"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目名称" prop="name">
|
||||||
|
{{ formData.name }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item label="项目编号" prop="code">
|
||||||
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model="formData.code"
|
||||||
|
class="!w-250px"
|
||||||
|
placeholder="系统自动生成"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
<!-- 表格类信息 -->
|
||||||
|
<el-card class="hl-card-info">
|
||||||
|
<template #header>
|
||||||
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">表格类信息</span>
|
||||||
|
</template>
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-card class="hl-incard">
|
||||||
|
<el-table :data="formData.tablelist" class="hl-table">
|
||||||
|
<el-table-column label="序号" type="index" width="80" fixed />
|
||||||
|
<el-table-column label="名" prop="listname" />
|
||||||
|
<el-table-column label="码" prop="listcode" />
|
||||||
|
|
||||||
|
<el-table-column label="操作" align="center" width="240" fixed="right">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
type="danger"
|
||||||
|
size="small"
|
||||||
|
@click.prevent="onDeleteItem(scope.$index)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
<!-- 附件类信息 -->
|
||||||
|
<el-card class="hl-card-info">
|
||||||
|
<template #header>
|
||||||
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">附件信息</span>
|
||||||
|
</template>
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<el-card class="hl-incard">
|
||||||
|
<el-table :data="formData.attachments" class="hl-table">
|
||||||
|
<el-table-column prop="name" label="文件名称" align="center" />
|
||||||
|
<el-table-column prop="businessFileType" label="文件类型" align="center">
|
||||||
|
<template #default="scope">
|
||||||
|
{{
|
||||||
|
getDictLabel(DICT_TYPE.HELI_BUSINESS_FILE_TYPE, scope.row.businessFileType)
|
||||||
|
}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
align="center"
|
||||||
|
label="上传时间"
|
||||||
|
:formatter="dateFormatter"
|
||||||
|
/>
|
||||||
|
<el-table-column label="操作" align="center">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
type="danger"
|
||||||
|
size="small"
|
||||||
|
@click="handleDeleteAttachment(scope.$index, scope.row.businessFileType)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="!!scope.row.id"
|
||||||
|
link
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="downloadAttachment(scope.row.name, scope.row.url)"
|
||||||
|
>
|
||||||
|
下载
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
// import {ref,reactive} from 'vue';
|
||||||
|
const dialogTitle = ref('公共详情')
|
||||||
|
const formData = ref({
|
||||||
|
name: 123,
|
||||||
|
code: undefined,
|
||||||
|
tablelist: [
|
||||||
|
{
|
||||||
|
listname: '123',
|
||||||
|
listcode: '123'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
listname: '123',
|
||||||
|
listcode: '123'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
attachments: []
|
||||||
|
})
|
||||||
|
const onDeleteItem = (index) => {
|
||||||
|
formData.value.tablelist.splice(index, 1)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="less"></style>
|
Loading…
Reference in new issue