修改样式

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-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" > <a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" >
<a-row c> <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> <span class="title">{{ item.title }}</span>
</a-col> </a-col>
<!-- 单行文本 1 --> <!-- 单行文本 1 -->
@ -66,11 +66,11 @@
<a-col v-else-if="item.type === '6'" :span="24"> <a-col v-else-if="item.type === '6'" :span="24">
<a-row> <a-row>
<a-col> <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>
<a-col v-for="(item2, index2) in item.list" :key="index2"> <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-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)">删除</a-button> <a-button type="danger" @click="handleDhwbDel(item, index2)" style="margin:10px 0">删除</a-button>
</a-col> </a-col>
</a-row> </a-row>
</a-col> </a-col>
@ -78,11 +78,11 @@
<a-col v-else-if="item.type === '7'" :span="24"> <a-col v-else-if="item.type === '7'" :span="24">
<a-row> <a-row>
<a-col> <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>
<a-col v-for="(item2, index2) in item.list" :key="index2"> <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" /> <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-col>
</a-row> </a-row>
</a-col> </a-col>
@ -90,18 +90,18 @@
<a-col v-else-if="item.type === '8'" :span="24"> <a-col v-else-if="item.type === '8'" :span="24">
<a-row> <a-row>
<a-col> <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>
<a-col v-for="(item2, index2) in item.list" :key="index2"> <a-col v-for="(item2, index2) in item.list" :key="index2">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" /> <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-col>
</a-row> </a-row>
</a-col> </a-col>
<!-- 自增表格 9 --> <!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9'" :span="24"> <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"> <a-table :columns="getTableZzColumns(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'">
@ -115,11 +115,11 @@
</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">
<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"> <a-table :columns="getTableZzColumns(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'">
<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>
<template v-else> <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%"></a-input>
@ -497,17 +497,25 @@ export default defineComponent({
</script> </script>
<style scoped lang="less" > <style scoped lang="less" >
.title { .title {
margin-left: 20px; width: 80%;
font-size: 16px; font-size: 18px;
font-weight: bold; font-weight: bold;
padding-left: 10px;
position: relative;
color: #333333;
line-height:40px;
} }
.tishi { .tishi {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
color: #fd8f02; color: #fd8f02;
margin-top: -4px; margin-top: -4px;
background: #fffbf2;
text-align: center; text-align: center;
padding: 6px 0; padding: 6px 0;
} }
.increase{
position: absolute;
right:6px;
top:-51px;
}
</style> </style>

View File

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