This commit is contained in:
kbing1981 2024-08-27 11:50:12 +08:00
parent be3014c504
commit 9a51d0aae0
1 changed files with 29 additions and 14 deletions

View File

@ -22,10 +22,10 @@
:span="23" :span="23"
v-for="(item, index) in zyJxdgMainTable.dataSource" v-for="(item, index) in zyJxdgMainTable.dataSource"
:key="index" :key="index"
style="margin: 8px auto; background: #fff; border: 1px solid #eee" class="borderstyle"
> >
<a-row> <a-row>
<a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f6f6f6"> <a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f7fbfa">
<span class="title">{{ item.title }}</span> <span class="title">{{ item.title }}</span>
</a-col> </a-col>
<!-- 单行文本 1 --> <!-- 单行文本 1 -->
@ -41,12 +41,12 @@
<div class="Text-Content" v-html="item.content"></div> <div class="Text-Content" v-html="item.content"></div>
</a-col> </a-col>
<!-- 固定表单基础信息 4 --> <!-- 固定表单基础信息 4 -->
<a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24"> <a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24" >
<a-form v-bind="formItemLayout"> <a-form v-bind="formItemLayout" style="color:#999">
<a-row> <a-row>
<a-col v-for="(item2, index2) in item.zyJxdgPzxxList" :key="index2" :span="12"> <a-col v-for="(item2, index2) in item.zyJxdgPzxxList" :key="index2" :span="12">
<a-form-item :label="item2.title"> <a-form-item :label="item2.title">
<span class="Text-Content" v-text="item2.content"></span> <span v-text="item2.content"></span>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -54,7 +54,7 @@
</a-col> </a-col>
<!-- 自增表格 5 --> <!-- 自增表格 5 -->
<a-col v-else-if="item.type === '5'" :span="24"> <a-col v-else-if="item.type === '5'" :span="24">
<a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> <a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" class="Text-Content">
<!-- <template #bodyCell="{ column, record }"> <!-- <template #bodyCell="{ column, record }">
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%"></a-input> <a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%"></a-input>
</template> --> </template> -->
@ -87,15 +87,15 @@
<!-- 自增表格 9 --> <!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9' || item.type === '15'" :span="24"> <a-col v-else-if="item.type === '9' || item.type === '15'" :span="24">
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> </a-table> <a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" class="Text-Content"> </a-table>
</a-col> </a-col>
<!-- 自增表格两列关联 10 --> <!-- 自增表格两列关联 10 -->
<a-col v-else-if="item.type === '10'" :span="24"> <a-col v-else-if="item.type === '10'" :span="24">
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> </a-table> <a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" class="Text-Content"> </a-table>
</a-col> </a-col>
<!-- 自增表格两列关联 11 --> <!-- 自增表格两列关联 11 -->
<a-col v-else-if="item.type === '11'" :span="24"> <a-col v-else-if="item.type === '11'" :span="24">
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> </a-table> <a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" class="Text-Content"> </a-table>
</a-col> </a-col>
<!-- --------------------------------------20240824------------------------------------------------------ --> <!-- --------------------------------------20240824------------------------------------------------------ -->
@ -107,8 +107,8 @@
<a-row> <a-row>
<a-col v-for="(item3, index3) in item2" :span="index3 == 0 ? '5' : '16'" :key="index3"> <a-col v-for="(item3, index3) in item2" :span="index3 == 0 ? '5' : '16'" :key="index3">
<!-- -{{ item3 }}- --> <!-- -{{ item3 }}- -->
<span style="line-height: 40px; margin-left: 15px" v-if="index3 == 0"> {{ item3.title }} </span> <span style="line-height: 40px; margin-left: 15px;color:#999;" v-if="index3 == 0"> {{ item3.title }} </span>
<span style="line-height: 40px" v-else> <span style="line-height: 40px;color:#999;" v-else>
{{ item3.title }} {{ item3.title }}
</span> </span>
</a-col> </a-col>
@ -123,7 +123,7 @@
<a-col> <a-col>
<a-row v-for="(item2, index2) in item.list" :key="index2" class="dhxg"> <a-row v-for="(item2, index2) in item.list" :key="index2" class="dhxg">
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px"> <a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px">
<a-row style="padding: 10px"> <a-row style="padding: 10px;color:#999;">
<a-col style="text-align: left" :span="7"> {{ item3.title }} </a-col> <a-col style="text-align: left" :span="7"> {{ item3.title }} </a-col>
<a-col :span="15"> <a-col :span="15">
{{ item3.content }} {{ item3.content }}
@ -140,7 +140,7 @@
<a-col v-else-if="item.type === '14'" :span="24"> <a-col v-else-if="item.type === '14'" :span="24">
<a-row> <a-row>
<a-col> <a-col>
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> <a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" >
<!-- <template #bodyCell="{ column, record }"> <!-- <template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'"> <template v-if="column.key === 'action'">
<button @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button> <button @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
@ -904,7 +904,7 @@ onMounted(() => {
} }
.Text-Content { .Text-Content {
padding: 10px; padding: 10px;
// color: #888; color: #999;
} }
.dhxg { .dhxg {
padding: 15px; padding: 15px;
@ -926,4 +926,19 @@ onMounted(() => {
margin: 17px; margin: 17px;
border-radius: 10px; border-radius: 10px;
} }
.borderstyle{
margin:8px auto;
border:1px solid #e6e6e6;
background:#fff;
border-radius:6px;
padding: 8px;
}
.borderstyle:hover{
margin:8px auto;
border:1px solid #e6e6e6;
background:#fff;
border-radius:6px;
padding:8px;
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
</style> </style>