style: 格式化代码

This commit is contained in:
zyn
2023-12-29 09:26:02 +08:00
parent 9ac1a51b77
commit dea0ca38c6
@@ -5,15 +5,17 @@
style="display: none;" style="display: none;"
:value="ids" :value="ids"
clearable clearable
></el-input> />
<div style="display: flex;justify-content: space-between"> <div style="display: flex;justify-content: space-between">
<div style="margin-top: 13px" :style="{width: view ? '100%' : '80%'}"> <div style="margin-top: 13px" :style="{width: view ? '100%' : '80%'}">
<template v-if="FileList.length > 0"> <template v-if="FileList.length > 0">
<div v-for="file in FileList" <div
v-for="file in FileList"
:key="file.id" :key="file.id"
@click="onPreview(file)"
style="color: #409eff;cursor:pointer" style="color: #409eff;cursor:pointer"
class="fileClass"> class="fileClass"
@click="onPreview(file)"
>
{{ file.name }} {{ file.name }}
</div> </div>
</template> </template>
@@ -22,24 +24,31 @@
</template> </template>
</div> </div>
<div v-if="!view" style="width: 20%;"> <div v-if="!view" style="width: 20%;">
<el-button :disabled="disabled" <el-button
:disabled="disabled"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
style="margin-left: 10px; margin-top: 11px; float: right;"
@click="showUpload" @click="showUpload"
style="margin-left: 10px; margin-top: 11px; float: right;"> >
<i class="el-icon-upload"></i> <i class="el-icon-upload" />
</el-button> </el-button>
</div> </div>
</div> </div>
<el-dialog width='400px' :visible.sync="fileMadel" title="上传文件" v-dragDialogWidth <el-dialog
:close-on-click-modal="false"> v-dragDialogWidth
width="400px"
:visible.sync="fileMadel"
title="上传文件"
:close-on-click-modal="false"
>
<el-upload <el-upload
ref="importfile"
multiple multiple
drag drag
:file-list="fileList" :file-list="fileList"
:action="fileUrl" :action="fileUrl"
ref="importfile"
name="file" name="file"
:accept="accept" :accept="accept"
:before-upload="beforeUpload" :before-upload="beforeUpload"
@@ -49,7 +58,7 @@
:show-file-list="true" :show-file-list="true"
> >
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<i class="el-icon-upload" style="color: #3399ff"></i> <i class="el-icon-upload" style="color: #3399ff" />
<p>点击或拖拽上传文件</p> <p>点击或拖拽上传文件</p>
</div> </div>
</el-upload> </el-upload>
@@ -59,7 +68,7 @@
<script> <script>
export default { export default {
name: "UploadFormItem", name: 'UploadFormItem',
props: { props: {
ids: { ids: {
required: true, required: true,
@@ -97,9 +106,6 @@ export default {
default: false default: false
} }
}, },
created () {
this.initFileList()
},
data () { data () {
return { return {
fileMadel: false, fileMadel: false,
@@ -107,13 +113,16 @@ export default {
FileList: [], // 用于回显 FileList: [], // 用于回显
} }
}, },
created () {
this.initFileList()
},
methods: { methods: {
showUpload () { showUpload () {
this.fileMadel = true; this.fileMadel = true;
}, },
initFileList () { initFileList () {
if (this.ids && this.ids !== '' && this.names && this.names !== '') { if (this.ids && this.ids !== '' && this.names && this.names !== '') {
let fileList = [] const fileList = []
const idArr = this.ids.split(',') const idArr = this.ids.split(',')
const nameArr = this.names.split(',') const nameArr = this.names.split(',')
for (let i = 0; i < idArr.length; i++) { for (let i = 0; i < idArr.length; i++) {
@@ -200,7 +209,7 @@ export default {
}, },
// 文件预览及下载 // 文件预览及下载
onPreview (file) { onPreview (file) {
let attId = "" let attId = ''
if(file && file.id) { if(file && file.id) {
attId = file.id attId = file.id
}else { }else {