This commit is contained in:
parent
fea545a5bc
commit
2a1f7ef33f
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in New Issue