ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] 修改企标详情和企标计划详情页样式

Browse Source
This commit is contained in:
lideqin
2023-09-28 14:26:19 +08:00
parent f2af02f75f
commit a4e939af05
2 changed files with 22 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue
+17 -31
View File
@@ -109,7 +109,7 @@
<span>{{ form.enStandardEnglishName || global.emptyLine }}</span> <span>{{ form.enStandardEnglishName || global.emptyLine }}</span>
</div> </div>
<!-- 编制说明 --> <!-- 编制说明 -->
<div class="detail-page-part-form-item-large-file"> <div class="detail-page-part-form-item form-item-large-file">
<label>{{ $t('enterpriseStandardLibrary.plan.compilationIllustration') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.compilationIllustration') }}</label>
<template v-if="form.compilationFileName"> <template v-if="form.compilationFileName">
<a v-for="item in form.compilationDescriptionList" :key="item.id" @click="handlePreview(item)">{{ item.fileName }}</a> <a v-for="item in form.compilationDescriptionList" :key="item.id" @click="handlePreview(item)">{{ item.fileName }}</a>
@@ -117,27 +117,27 @@
<span v-else>{{ global.emptyLine }}</span> <span v-else>{{ global.emptyLine }}</span>
</div> </div>
<!-- 立项背景、立项依据 --> <!-- 立项背景、立项依据 -->
<div class="detail-page-part-form-item-large"> <div class="detail-page-part-form-item form-item-large">
<label>{{ $t('enterpriseStandardLibrary.plan.projectBackground') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.projectBackground') }}</label>
<span>{{ form.projectBackground || global.emptyLine }}</span> <span>{{ form.projectBackground || global.emptyLine }}</span>
</div> </div>
<!-- 国际、国家及行业同类标准分析 --> <!-- 国际、国家及行业同类标准分析 -->
<div class="detail-page-part-form-item-large"> <div class="detail-page-part-form-item form-item-large">
<label>{{ $t('enterpriseStandardLibrary.plan.similarNaStandardsAnalysis') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.similarNaStandardsAnalysis') }}</label>
<span>{{ form.similarNaStandardsAnalysis || global.emptyLine }}</span> <span>{{ form.similarNaStandardsAnalysis || global.emptyLine }}</span>
</div> </div>
<!-- 企业同类标准对比分析 --> <!-- 企业同类标准对比分析 -->
<div class="detail-page-part-form-item-large"> <div class="detail-page-part-form-item form-item-large">
<label>{{ $t('enterpriseStandardLibrary.plan.similarEnStandardsAnalysis') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.similarEnStandardsAnalysis') }}</label>
<span>{{ form.similarEnStandardsAnalysis || global.emptyLine }}</span> <span>{{ form.similarEnStandardsAnalysis || global.emptyLine }}</span>
</div> </div>
<!-- 立项标准的领先性与必要性 --> <!-- 立项标准的领先性与必要性 -->
<div class="detail-page-part-form-item-large"> <div class="detail-page-part-form-item form-item-large">
<label>{{ $t('enterpriseStandardLibrary.plan.standardLeadingNecessity') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.standardLeadingNecessity') }}</label>
<span>{{ form.standardLeadingNecessity || global.emptyLine }}</span> <span>{{ form.standardLeadingNecessity || global.emptyLine }}</span>
</div> </div>
<!-- 立项目的及预期效果等 --> <!-- 立项目的及预期效果等 -->
<div class="detail-page-part-form-item-large"> <div class="detail-page-part-form-item form-item-large">
<label>{{ $t('enterpriseStandardLibrary.plan.projectExpectedEffects') }}</label> <label>{{ $t('enterpriseStandardLibrary.plan.projectExpectedEffects') }}</label>
<span>{{ form.projectExpectedEffects || global.emptyLine }}</span> <span>{{ form.projectExpectedEffects || global.emptyLine }}</span>
</div> </div>
@@ -258,38 +258,24 @@ export default {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.detail-page-part-form-item-large { // 单独设置此页面一行三个的label
.detail-page-part-form-item label {
width: 11.5em;
}
// 一行一个的样式修改
.form-item-large {
width: 100%; width: 100%;
display: flex;
margin: 0 16px 16px 0;
label { label {
width: 20%; width: 16em;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
font-weight: 400;
color: #86909C;
}
span {
white-space: pre-wrap;
word-break: break-all;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
color: #1D2129;
} }
} }
.detail-page-part-form-item-large-file { // 文件列表的样式修改
.form-item-large-file {
width: 100%; width: 100%;
display: flex;
margin: 0 16px 16px 0;
label { label {
width: 20%; width: 16em;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
font-weight: 400;
color: #86909C;
} }
a { a {
src/views/enterpriseStandardLibrary/standard/detail/EnterpriseStandardDetail.vue
+5
View File
@@ -295,6 +295,11 @@ export default {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
// 单独设置此页面一行三个的label
.detail-page-part-form-item label {
width: 8.5em;
}
.detail-page-part-table { .detail-page-part-table {
margin: 20px; margin: 20px;
} }