修改样式
This commit is contained in:
parent
737e0c6040
commit
9808382539
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in New Issue