From c679af2a31ba7c006c5b9a6cb5d7a79050f0703f Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期三, 22 十一月 2023 08:48:01 +0800
Subject: [PATCH] 项目表
---
web/src/components/config-uploader/src/config-uploader.vue | 75 +++++++++++++++++++++++++------------
1 files changed, 50 insertions(+), 25 deletions(-)
diff --git a/web/src/components/config-uploader/src/config-uploader.vue b/web/src/components/config-uploader/src/config-uploader.vue
index bf400de..4d45202 100644
--- a/web/src/components/config-uploader/src/config-uploader.vue
+++ b/web/src/components/config-uploader/src/config-uploader.vue
@@ -1,29 +1,54 @@
<template>
- <el-collapse class="config-uploader" v-model="activeNames" v-if="oss">
- <el-collapse-item name="1" v-for="group in (oss.groups || [])" :key="group.busiFieldGroup">
- <template slot="title">
- <el-tag v-if="!image">{{group.busiFieldGroup}}</el-tag>
- </template>
- <!-- <zt-form-item :label="field.busiFieldName" :prop="field.busiField" v-for="field in group.fields"
- :key="field.busiField" :rules="field.isRequired ? 'required':''" style="width: 100%;">
- <zt-uploader v-model="dataForm[field.busiField]" multiple :limit="field.fileLimit" :file-type="field.fileType"
- :accept="field.accept" :file-size="field.fileSize" @input="change(field.busiField)"/>
- </zt-form-item>-->
- <el-table :data="group.fields" :show-header="false">
- <el-table-column width="250" style="text-align: left;white-space:nowrap;">
- <template slot-scope="scope">
- <span v-html="scope.row.busiFieldName"></span>
- </template>
- </el-table-column>
- <el-table-column align="left">
- <template slot-scope="scope">
- <zt-uploader :image="image" v-model="dataForm[scope.row.busiField]" multiple :limit="scope.row.fileLimit" :file-type="scope.row.fileType"
- :accept="scope.row.accept" :file-size="scope.row.fileSize" @getUploaderImg="getUploaderImg" @input="change(scope.row.busiField)"/>
- </template>
- </el-table-column>
- </el-table>
- </el-collapse-item>
- </el-collapse>
+ <div>
+ <el-collapse class="config-uploader" v-model="activeNames" v-if="oss && oss.groups.length>1">
+ <el-collapse-item name="1" v-for="group in (oss.groups || [])" :key="group.busiFieldGroup">
+ <template slot="title">
+ <el-tag v-if="!image">{{group.busiFieldGroup}}</el-tag>
+ </template>
+ <!-- <zt-form-item :label="field.busiFieldName" :prop="field.busiField" v-for="field in group.fields"
+ :key="field.busiField" :rules="field.isRequired ? 'required':''" style="width: 100%;">
+ <zt-uploader v-model="dataForm[field.busiField]" multiple :limit="field.fileLimit" :file-type="field.fileType"
+ :accept="field.accept" :file-size="field.fileSize" @input="change(field.busiField)"/>
+ </zt-form-item>-->
+ <el-table :data="group.fields" :show-header="false">
+ <el-table-column width="250" style="text-align: left;white-space:nowrap;">
+ <template slot-scope="scope">
+ <span v-html="scope.row.busiFieldName"></span>
+ </template>
+ </el-table-column>
+ <el-table-column align="left">
+ <template slot-scope="scope">
+ <zt-uploader :image="image" v-model="dataForm[scope.row.busiField]" multiple :limit="scope.row.fileLimit" :file-type="scope.row.fileType"
+ :accept="scope.row.accept" :file-size="scope.row.fileSize" @getUploaderImg="getUploaderImg" @input="change(scope.row.busiField)"/>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-collapse-item>
+ </el-collapse>
+ <div v-else class="config-uploader" v-model="activeNames" >
+ <div v-for="group in (oss.groups || [])" :key="group.busiFieldGroup">
+ <!-- <zt-form-item :label="field.busiFieldName" :prop="field.busiField" v-for="field in group.fields"
+ :key="field.busiField" :rules="field.isRequired ? 'required':''" style="width: 100%;">
+ <zt-uploader v-model="dataForm[field.busiField]" multiple :limit="field.fileLimit" :file-type="field.fileType"
+ :accept="field.accept" :file-size="field.fileSize" @input="change(field.busiField)"/>
+ </zt-form-item>-->
+ <el-table :data="group.fields" :show-header="false">
+ <el-table-column width="250" style="text-align: left;white-space:nowrap;">
+ <template slot-scope="scope">
+ <span v-html="scope.row.busiFieldName"></span>
+ </template>
+ </el-table-column>
+ <el-table-column align="left">
+ <template slot-scope="scope">
+ <zt-uploader :image="image" v-model="dataForm[scope.row.busiField]" multiple :limit="scope.row.fileLimit" :file-type="scope.row.fileType"
+ :accept="scope.row.accept" :file-size="scope.row.fileSize" @getUploaderImg="getUploaderImg" @input="change(scope.row.busiField)"/>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ </div>
+
</template>
<script>
--
Gitblit v1.9.1