修改样式
This commit is contained in:
parent
2a4f3b5b07
commit
3187362ef1
|
@ -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">
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue