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