修改数据字段双语、整体页面样式调整

This commit is contained in:
qq787203167
2022-02-15 14:18:47 +08:00
parent 25ca649eb8
commit 396b0b69a5
5 changed files with 132 additions and 115 deletions
+58 -50
View File
@@ -4,7 +4,7 @@
<div v-for="(val,index) in headerText" :key="index">
<div class="header-text">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{val.text}}
&nbsp;{{val.text}}
</div>
<a-row :gutter="24" v-if="isDisplayType">
<div v-for="item in val.content">
@@ -12,8 +12,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input class="box-input"
@@ -28,8 +28,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -44,8 +44,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-date-picker class="box-input" v-model="formInline[item.db_field_name]"
@@ -59,8 +59,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
@@ -74,8 +74,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input-number class="box-input"
@@ -89,8 +89,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -106,8 +106,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -122,8 +122,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag v-model="formInline[item.db_field_name]"
@@ -139,8 +139,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-textarea :placeholder="$t('selectStatus')"
@@ -150,18 +150,18 @@
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'file'">
<a-col :span="12" v-else-if="item.field_show_type === 'file'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-button type="primary" style="height: 38px;width: calc(50% - 80px);line-height: 38px"
<a-button type="primary" class="button-text"
@click="clickButtonToUpload(item.db_field_name)">
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
formInline[item.db_field_name] == null) ? '上传文件' : '查看已上传文件'
formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
}}
</a-button>
</a-form-model-item>
@@ -172,8 +172,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item" :disabled="disabled" v-model="formInline[item.db_field_name]"/>
@@ -191,8 +191,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input class="box-input" v-model="formInline[item.db_field_name]"
@@ -206,8 +206,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -222,8 +222,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-date-picker class="box-input" v-model="formInline[item.db_field_name]"
@@ -237,8 +237,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-range-picker v-model="formInline[item.db_field_name]"
@@ -252,8 +252,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input-number class="box-input"
@@ -267,8 +267,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -283,8 +283,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@@ -299,8 +299,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag v-model="formInline[item.db_field_name]" :placeholder="$t('selectStatus')"
@@ -314,8 +314,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-textarea :placeholder="$t('selectStatus')"
@@ -329,14 +329,14 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-button type="primary" style="height: 38px;width: calc(50% - 80px);line-height: 38px"
@click="clickButtonToUpload(item.db_field_name)">
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
formInline[item.db_field_name] == null) ? '上传文件' : '查看已上传文件'
formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
}}
</a-button>
</a-form-model-item>
@@ -347,8 +347,8 @@
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.Required">*</span>
<span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>
<span :class="{'title-text-text':false}">{{item.db_field_txt}}</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item"
@@ -647,7 +647,7 @@
font-size: 16px;
font-weight: bold;
margin-left: 15px;
border-bottom: 1px #d9d9d9 dashed;
/*border-bottom: 1px #d9d9d9 dashed;*/
height: 30px;
margin-bottom: 30px;
}
@@ -655,4 +655,12 @@
.formAdd {
margin-bottom: 40px;
}
.button-text{
height: 38px;
width: calc(100% - 120px);
line-height: 38px;
background: #fff;
border: 1px #00B3BE solid;
color: #00B3BE;
}
</style>