修改样式

This commit is contained in:
kbing1981 2024-08-22 11:21:05 +08:00
parent 2a4f3b5b07
commit 3187362ef1
2 changed files with 36 additions and 18 deletions

View File

@ -24,14 +24,14 @@
自增表格 9
-->
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index">
<a-row>
<a-col :span="24" v-for="(item, index) in zyJxdgMainTable.dataSource" :key="index" >
<a-row c>
<a-col :span="24">
<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">

View File

@ -1,6 +1,6 @@
<template>
<a-spin :spinning="loading">
<a-form v-bind="formItemLayout">
<a-spin :spinning="loading" >
<a-form v-bind="formItemLayout" style="background:#fafafa; border-radius: 10px; padding-top:20px; margin-bottom:10px;" >
<a-row>
<a-col :span="24">
<a-form-item label="版本" v-bind="validateInfos.title">
@ -8,8 +8,8 @@
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="课程类型" v-bind="validateInfos.twoTitle">
<j-dict-select-tag type='list' v-model:value="formData.twoTitle" dictCode="kclx" placeholder="请选择课程类型" :disabled="disabled"/>
<a-form-item label="课程类型" v-bind="validateInfos.twoTitle" >
<j-dict-select-tag type='list' v-model:value="formData.twoTitle" dictCode="kclx" placeholder="请选择课程类型1111" :disabled="disabled"/>
</a-form-item>
</a-col>
<a-col :span="24">
@ -21,20 +21,20 @@
</a-form>
<a-row>
<a-col :span="24" style="text-align: right;">
<a-button type="primary" @click="handleOneType">新增项目</a-button>
<a-col :span="24" style="text-align:left; margin-left:10px;">
<a-button type="primary" @click="handleOneType" preIcon="ant-design:plus-outlined">新增项目</a-button>
</a-col>
<a-col :span="24" v-for="(item,index) in zyJxdgMainTable.dataSource" :key="index">
<a-row style="margin:10px;">
<a-col :span="6">
<a-input v-model:value="item.title" placeholder="请输入标题" :disabled="disabled"/>
<a-input v-model:value="item.title" placeholder="请输入标题" :disabled="disabled" class="input-title"/>
</a-col>
<a-col :span="6">
<j-dict-select-tag type='list' v-model:value="item.type" dictCode="jxdglx" placeholder="请选择填写类型" :disabled="disabled"/>
<j-dict-select-tag type='list' v-model:value="item.type" dictCode="jxdglx" placeholder="请选择填写类型" :disabled="disabled" />
</a-col>
<a-col :span="6">
<a-select placeholder="请选择关联项目" v-model:value="item.guanlian" :disabled="disabled" style="width:200px;">
<a-select-option value="">请选择关联项目</a-select-option>
<a-select-option value="">请选择关联项目</a-select-option>
<a-select-option :value="peizhi.sort" v-for="(peizhi,index2) in zyJxdgMainTable.dataSource" :key="index2">{{peizhi.title}}</a-select-option>
</a-select>
</a-col>
@ -42,10 +42,10 @@
<j-dict-select-tag type='list' v-model:value="item.sfsglxm" dictCode="yn" placeholder="请选择是否是关联项目" :disabled="disabled"/>
</a-col>
<a-col :span="18">
<a-input v-model:value="item.tsy" placeholder="请输入提示语" :disabled="disabled"/>
<a-input v-model:value="item.tsy" placeholder="请输入提示语" :disabled="disabled" class="Prompt-language" />
</a-col>
<a-col :span="6">
<a-button type="danger" @click="handleOneDel(item,index)">删除</a-button>
<a-button type="danger" @click="handleOneDel(item,index)" style="margin-left:10px">删除</a-button>
</a-col>
<!-- 单行文本 1
多行文本 2
@ -55,15 +55,15 @@
<a-col v-if="item.type==='4' || item.type==='5' || item.type==='9'">
<a-row>
<a-col :span="24">
<a-button type="primary" @click="handleTwoType(item)">新增字段</a-button>
<a-button type="primary" @click="handleTwoType(item)" class="margin10" preIcon="ant-design:plus-outlined">新增字段</a-button>
</a-col>
<a-col :span="24" v-for="(twoItem,index2) in item.zyJxdgPzxxList" :key="index2">
<a-row>
<a-col :span="18">
<a-input v-model:value="twoItem.title" placeholder="请输入选项" :disabled="disabled"/>
<a-input v-model:value="twoItem.title" placeholder="请输入选项" :disabled="disabled" class="fields-add"/>
</a-col>
<a-col :span="6">
<a-button type="danger" @click="handleTwoDel(item,index2)">删除</a-button>
<a-button type="danger" @click="handleTwoDel(item,index2)" style="margin-left:10px">删除</a-button>
</a-col>
</a-row>
</a-col>
@ -274,4 +274,22 @@
}
}
});
</script>
</script>
<style lang="less" scoped>
.margin10{
margin:10px 0;
}
.input-title{
border-right:none;
margin-bottom: 10px;
}
.fields-add{
margin:0 0 8px 0;
color: #777;
}
.Prompt-language{
color: #bda787;
font-size: 12px;
padding: 6px;
}
</style>