fix : 修复移动端详情排版

This commit is contained in:
2024-08-03 18:21:13 +08:00
parent a55031ed70
commit eaed989525
7 changed files with 236 additions and 128 deletions

View File

@@ -548,12 +548,6 @@ watchEffect(() => {
Object.keys(props.formData).length && (form.value?.setValues(props.formData))
})
onMounted(() => {
// if (props.formData.mode == 'view' && props.type == 'execute') {
// handleSearchImplementationFileList()
// getTagsOption()
// }
})
if (props.formData.mode == 'view' && props.type == 'execute') {
handleSearchImplementationFileList()

View File

@@ -3,7 +3,8 @@
<baseTitle title="需求征集信息" v-if="type!=='singleDetail'"></baseTitle>
<el-form :model="formData">
<el-row>
<el-col :span="6" v-if="type==='singleDetail'">
<!-- v-if="type==='singleDetail'"-->
<el-col :span="6">
<el-form-item label="征集名称">
<span>{{ formData.requirementName }}</span>
</el-form-item>
@@ -33,17 +34,24 @@
</div>
</el-form-item>
</el-col>
<el-col :span="24" style="margin-top: -15px;margin-bottom: -15px">
<baseTitle title="征集说明"></baseTitle>
<el-form-item>
<el-card style="width: 100%">
<div v-html="formData.collectExplain">
</div>
</el-card>
<el-col :span="6" style="margin-bottom: -15px">
<el-form-item label="征集说明">
<div v-if="formData.collectExplain" v-html="formData.collectExplain">
</div>
<div v-else>--</div>
</el-form-item>
</el-col>
<baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"> </baseTitle>
<!-- <el-col :span="24" style="margin-top: -15px;margin-bottom: -15px">-->
<!-- <baseTitle title="征集说明"></baseTitle>-->
<!-- <el-form-item>-->
<!-- <el-card style="width: 100%">-->
<!-- <div v-html="formData.collectExplain">-->
<!-- </div>-->
<!-- </el-card>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="24">
<baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"> </baseTitle>
<file-component title="" tag="需求征集"
v-model:value="formData.fileList" :processViewer="processViewer"
:file-list-show="fileListShow"/>

View File

@@ -18,7 +18,7 @@
</template>
<script setup>
import {Loading, Close, CircleCheckFilled, MoreFilled} from '@element-plus/icons-vue'
import {Loading, Close, CircleCheckFilled, MoreFilled,RefreshLeft} from '@element-plus/icons-vue'
const props = defineProps({
row: {
@@ -72,6 +72,10 @@ const initUser = (user) => {
user["icon"] = MoreFilled
user["color"] = "#c0c4cc"
}
if (state === 'ROLLBACK') {
user["icon"] = RefreshLeft
user["color"] = "#f78f5f"
}
return user;
}