This commit is contained in:
kbing1981 2024-08-23 19:01:58 +08:00
parent fea545a5bc
commit 2a1f7ef33f
2 changed files with 36 additions and 32 deletions

View File

@ -26,12 +26,12 @@
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" style="border:1px solid #f5f5f5;margin:5px 0; background:#fbfbfb;border-radius:5px;">
<a-row c>
<a-col :span="24" style="height:50px; background-color:#f5f7fa;border-left:3px solid #19a789; margin-bottom:10px;">
<a-col :span="24" style="height:40px;line-height:40px;border-bottom:1px solid #edf0f6; margin-bottom:10px;">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
<a-col v-if="item.type === '1'" :span="24">
<a-input placeholder="请输入内容" v-model:value="item.content" style="width: 100%; "></a-input>
<a-input placeholder="请输入内容" v-model:value="item.content" style="width: 100%;"></a-input>
</a-col>
<!-- 多行文本 2 -->
<a-col v-else-if="item.type === '2'" :span="24">
@ -56,7 +56,7 @@
<a-col v-else-if="item.type === '5'" :span="24">
<a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<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%;color:#999"></a-input>
<!-- <template v-if="column.key === 'name'">
</template> -->
</template>
@ -70,7 +70,8 @@
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" >
<a-input placeholder="请输入内容" v-model:value="item2.title" class="Sheet" style="width: 80%; margin: 0 10px 10px 15px; " @blur="handleGlxm(item)"></a-input>
<a-button type="danger" @click="handleDhwbDel(item, index2)" style="margin:10px 0;text-align:right;">删除</a-button>
<button type="danger" @click="handleDhwbDel(item, index2)" class="ant-btn">删除</button>
<div preIcon="ant-design:plus-outlined"></div>
</a-col>
</a-row>
</a-col>
@ -82,7 +83,7 @@
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align:right;">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
<a-button type="danger" @click="handleDhfwbDel(item, index2)" class="place-dele" >删除</a-button>
<button type="danger" @click="handleDhfwbDel(item, index2)" class="ant-btn" style="margin:8px 0">删除</button>
</a-col>
</a-row>
</a-col>
@ -92,9 +93,9 @@
<a-col>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align:right;">
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align:right;color:#666">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)" class="place-dele">删除</a-button>
<button type="danger" @click="handleDhwbAreaDel(item, index2)" class="ant-btn" style="margin:8px 0">删除</button>
</a-col>
</a-row>
</a-col>
@ -105,10 +106,10 @@
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-button type="danger" @click="handleZzbgDel(item.list, record.sort)">删除</a-button>
<button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
</template>
<template v-else>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 100%"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 100%; color:#666"></a-input>
</template>
</template>
</a-table>
@ -119,10 +120,10 @@
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-button type="danger" @click="handleZzbgDel(item.list, record.sort)" >删除</a-button>
<button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
</template>
<template v-else>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width:100%;"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width:100%;color:#666"></a-input>
</template>
</template>
</a-table>
@ -498,12 +499,10 @@ export default defineComponent({
<style scoped lang="less" >
.title {
width: 80%;
font-size: 18px;
font-weight: bold;
padding-left: 10px;
font-size:16px;
padding-left:20px;
position: relative;
color: #333333;
line-height:50px;
}
.tishi {
width: 100%;
@ -521,13 +520,16 @@ export default defineComponent({
.increase{
position: absolute;
right:6px;
top:-51px;
top:-46px;
}
.place-dele{
margin:10px 0;
}
.Sheet{
color:#91949a;
color:#999;
border-radius: 4px;
}
.ant-btn{
color: #666;
}
</style>

View File

@ -28,7 +28,7 @@
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" style="border:1px solid #f5f5f5;margin:5px 0; background:#fbfbfb;border-radius:5px;" >
<a-row>
<a-col :span="24" style="height:50px; background-color:#f5f7fa;border-left:3px solid #19a789;">
<a-col :span="24" style="height:40px;line-height:40px;border-bottom:1px solid #edf0f6; margin-bottom:10px;">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
@ -71,8 +71,8 @@
<a-button type="primary" @click="handleDhwb(item)" class="increase">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<a-input placeholder="请输入内容" v-model:value="item2.title" style="width: 80%; margin:10px 10px 10px 15px;" @blur="handleGlxm(item)"></a-input>
<a-button type="danger" @click="handleDhwbDel(item, index2)">删除</a-button>
<a-input placeholder="请输入内容" v-model:value="item2.title" style="width: 80%; margin:0px 10px 10px 15px;color:#666" @blur="handleGlxm(item)"></a-input>
<button type="danger" @click="handleDhwbDel(item, index2)" class="ant-btn">删除</button>
</a-col>
</a-row>
</a-col>
@ -82,9 +82,9 @@
<a-col>
<a-button type="primary" @click="handleDhfwb(item)" class="increase" >添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align:right;">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
<a-button type="danger" @click="handleDhfwbDel(item, index2)" style="margin-top:10px"></a-button>
<button type="danger" @click="handleDhfwbDel(item, index2)" class="ant-btn" style="margin:8px 0" >删除</button>
</a-col>
</a-row>
</a-col>
@ -96,7 +96,7 @@
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align:right;" >
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)" class="place-dele">删除</a-button>
<button type="danger" @click="handleDhwbAreaDel(item, index2)" class="ant-btn" style="margin:8px 0">删除</button>
</a-col>
</a-row>
</a-col>
@ -107,10 +107,10 @@
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-button type="danger" @click="handleZzbgDel(item.list, record.sort)">删除</a-button>
<button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
</template>
<template v-else>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 100%"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 100%;color:#666"></a-input>
</template>
</template>
</a-table>
@ -121,10 +121,10 @@
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-button type="danger" @click="handleZzbgDel(item.list, record.sort)">删除</a-button>
<button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
</template>
<template v-else>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width: 100%"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width: 100%; color:#666"></a-input>
</template>
</template>
</a-table>
@ -498,12 +498,10 @@ export default defineComponent({
<style scoped lang="less" >
.title {
width: 80%;
font-size: 18px;
font-weight: bold;
padding-left: 10px;
font-size:16px;
padding-left:20px;
position: relative;
color: #333333;
line-height:50px;
}
.tishi {
width: 100%;
@ -516,13 +514,17 @@ export default defineComponent({
.tishi span{
font-size: 12px;
color: #ff9924;
margin:0 20px;
}
.increase{
position: absolute;
right:6px;
top:-41px;
top:-46px;
}
.place-dele{
margin:10px 0;
}
.ant-btn{
color: #666;
}
</style>