修改样式

This commit is contained in:
kbing1981 2024-08-22 15:45:24 +08:00
parent 737e0c6040
commit 9808382539
2 changed files with 58 additions and 38 deletions

View File

@ -26,7 +26,7 @@
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" >
<a-row c>
<a-col :span="24">
<a-col :span="24" style="margin-bottom:15px;height:40px; margin-top:15px; background-color:rgba(1, 156, 136, 0.1);">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
@ -66,11 +66,11 @@
<a-col v-else-if="item.type === '6'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwb(item)">添加</a-button>
<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%" @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: 0 10px 10px 10px;" @blur="handleGlxm(item)"></a-input>
<a-button type="danger" @click="handleDhwbDel(item, index2)" style="margin:10px 0">删除</a-button>
</a-col>
</a-row>
</a-col>
@ -78,11 +78,11 @@
<a-col v-else-if="item.type === '7'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhfwb(item)">添加</a-button>
<a-button type="primary" @click="handleDhfwb(item)" class="increase">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
<a-button type="danger" @click="handleDhfwbDel(item, index2)">删除</a-button>
<a-button type="danger" @click="handleDhfwbDel(item, index2)" style="margin:10px 0">删除</a-button>
</a-col>
</a-row>
</a-col>
@ -90,18 +90,18 @@
<a-col v-else-if="item.type === '8'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwbArea(item)">添加</a-button>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)">删除</a-button>
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)" style="margin:10px 0">删除</a-button>
</a-col>
</a-row>
</a-col>
<!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase">新增</a-button> </div>
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -115,11 +115,11 @@
</a-col>
<!-- 自增表格两列关联 10 -->
<a-col v-else-if="item.type === '10'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase">新增</a-button> </div>
<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>
<a-button type="danger" @click="handleZzbgDel(item.list, record.sort)" >删除</a-button>
</template>
<template v-else>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width: 100%"></a-input>
@ -497,17 +497,25 @@ export default defineComponent({
</script>
<style scoped lang="less" >
.title {
margin-left: 20px;
font-size: 16px;
width: 80%;
font-size: 18px;
font-weight: bold;
padding-left: 10px;
position: relative;
color: #333333;
line-height:40px;
}
.tishi {
width: 100%;
font-size: 12px;
color: #fd8f02;
margin-top: -4px;
background: #fffbf2;
text-align: center;
padding: 6px 0;
}
.increase{
position: absolute;
right:6px;
top:-51px;
}
</style>

View File

@ -1,15 +1,16 @@
<template>
<a-spin :spinning="loading">
<a-spin :spinning="loading" >
<a-form v-bind="formItemLayout">
<a-row>
<a-col :span="24">
<a-form-item label="版本" v-bind="validateInfos.title">
<a-col :span="12">
<a-form-item label="课程类型" v-bind="validateInfos.twoTitle"> {{ oldInfo.twoTitle_dictText }} </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="版本" v-bind="validateInfos.title" >
{{ formData.title }}
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="课程类型" v-bind="validateInfos.twoTitle"> {{ oldInfo.twoTitle_dictText }} </a-form-item>
</a-col>
</a-row>
</a-form>
<!--
@ -27,7 +28,7 @@
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index">
<a-row>
<a-col :span="24">
<a-col :span="24" style="margin-bottom:15px;height:40px; margin-top:15px; background-color:rgba(1, 156, 136, 0.1);">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
@ -67,11 +68,11 @@
<a-col v-else-if="item.type === '6'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwb(item)">添加</a-button>
<a-button type="primary" @click="handleDhwb(item)" class="increase" preIcon="ant-design:plus-outlined">添加</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%" @blur="handleGlxm(item)"></a-input>
<a-button type="danger" @click="handleDhwbDel(item, index2)">删除</a-button>
<a-col v-for="(item2, index2) in item.list" :key="index2" >
<a-input placeholder="请输入内容" v-model:value="item2.title" style="width: 80%; margin: 0 10px 10px 10px;" @blur="handleGlxm(item)"></a-input>
<a-button type="danger" @click="handleDhwbDel(item, index2)" style="margin-top:10px">删除</a-button>
</a-col>
</a-row>
</a-col>
@ -79,11 +80,11 @@
<a-col v-else-if="item.type === '7'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhfwb(item)">添加</a-button>
<a-button type="primary" @click="handleDhfwb(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
<a-button type="danger" @click="handleDhfwbDel(item, index2)">删除</a-button>
<a-button type="danger" @click="handleDhfwbDel(item, index2)" style="margin-top:10px">删除</a-button>
</a-col>
</a-row>
</a-col>
@ -91,18 +92,18 @@
<a-col v-else-if="item.type === '8'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwbArea(item)">添加</a-button>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)">删除</a-button>
<a-button type="danger" @click="handleDhwbAreaDel(item, index2)" style="margin-top:10px">删除</a-button>
</a-col>
</a-row>
</a-col>
<!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">新增</a-button> </div>
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -116,7 +117,7 @@
</a-col>
<!-- 自增表格两列关联 10 -->
<a-col v-else-if="item.type === '10'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">新增</a-button> </div>
-{{ getTableZzColumns(item.zyJxdgPzxxList) }}-
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
@ -134,7 +135,7 @@
<a-col :span="24">
<span class="tishi">
{{ item.tsy }}
<span>{{ item.tsy }}</span>
</span>
</a-col>
</a-row>
@ -497,17 +498,28 @@ export default defineComponent({
</script>
<style scoped lang="less" >
.title {
margin-left: 20px;
font-size: 16px;
width: 80%;
font-size: 18px;
font-weight: bold;
padding-left: 10px;
position: relative;
color: #333333;
line-height:40px;
}
.tishi {
width: 100%;
display: flex;
flex-direction: column;
text-align: left;
margin: 5px;
}
.tishi span{
font-size: 12px;
color: #fd8f02;
margin-top: -4px;
background: #fffbf2;
text-align: center;
padding: 6px 0;
}
.increase{
position: absolute;
right:6px;
top:-51px;
}
</style>