资料中心 - 加一个字段 - 资料说明

This commit is contained in:
yanyizhou
2021-12-23 14:25:20 +08:00
parent f8372888a6
commit dbc2f0fcb1
2 changed files with 31 additions and 9 deletions
@@ -20,6 +20,10 @@
<label class="transition-box-label">资料标题</label> <label class="transition-box-label">资料标题</label>
<span class="transition-box-span">{{ detailInfoForm.dataTitle }}</span> <span class="transition-box-span">{{ detailInfoForm.dataTitle }}</span>
</p> </p>
<p class="transition-box-p">
<label class="transition-box-label">资料说明</label>
<span class="transition-box-span">{{ detailInfoForm.dataExplain }}</span>
</p>
<div class="transition-box-p"> <div class="transition-box-p">
<label class="transition-box-label">附件</label> <label class="transition-box-label">附件</label>
<div class="file-box" v-if="fileList.length > 0"> <div class="file-box" v-if="fileList.length > 0">
@@ -233,8 +237,8 @@ export default {
.title { .title {
flex: 1; flex: 1;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 40px;
margin-left: 15px; margin-left: 30px;
.el-icon-s-order { .el-icon-s-order {
font-size: 22px; font-size: 22px;
@@ -244,16 +248,16 @@ export default {
} }
} }
.transition-box { .transition-box {
padding: 0 10px; padding: 0 10% 0 10%;
background: #ffffff; background: #ffffff;
font-size: 14px; font-size: 28px;
.transition-box-p { .transition-box-p {
line-height: 35px; line-height: 70px;
.transition-box-label { .transition-box-label {
display: inline-block; display: inline-block;
width: 100px; width: 200px;
vertical-align: top; vertical-align: top;
} }
@@ -280,9 +284,9 @@ export default {
& > i { & > i {
display: inline-block; display: inline-block;
margin-left: 3px; margin-left: 6px;
width: 18px; width: 36px;
height: 16px; height: 32px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-position: center center; background-position: center center;
@@ -156,6 +156,23 @@
clearable clearable
/> />
</el-form-item> </el-form-item>
<el-form-item
label="资料说明"
prop="dataExplain"
class="add-form-item"
>
<el-input
type="textarea"
autosize
style="width: 95%"
maxlength="200"
show-word-limit
v-model="attributeEO.dataExplain"
placeholder="请输入资料说明"
clearable
/>
<el-button icon="el-icon-delete" circle type="danger" size="mini" @click="attributeEO.dataExplain = ''"></el-button>
</el-form-item>
<el-form-item <el-form-item
label="附件" label="附件"
prop="attachFileId" prop="attachFileId"
@@ -220,6 +237,7 @@ export default {
attributeEO: { attributeEO: {
dataType: '', dataType: '',
dataTitle: '', dataTitle: '',
dataExplain: '',
attachFileId: '', attachFileId: '',
}, },
attributeEOFormRules: { attributeEOFormRules: {