|
@@ -35,17 +35,23 @@
|
|
|
<u--textarea v-model="inputForm.contentSummary" placeholder="请输入内容摘要" border="none"></u--textarea>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="来文附件" prop="attachedDocumentId" labelPosition="top">
|
|
|
- <u-upload :fileList="fileLists" @afterRead="afterRead" @delete="deletePic" multiple :maxCount="9"
|
|
|
- width="250" height="150" accept="file" :previewImage="false">
|
|
|
+ <u-upload :fileList="fileLists" @afterRead="afterRead" multiple :maxCount="9" width="250"
|
|
|
+ height="150" accept="file" :previewImage="false">
|
|
|
<view class="addfile flex"> <u-icon size="20" bold name="plus"></u-icon></view>
|
|
|
</u-upload>
|
|
|
</u-form-item>
|
|
|
- <view class="other_info" v-for="item in fileList">
|
|
|
+ <view class="other_info">
|
|
|
<view class="other_pdf">
|
|
|
- <u--text mode="link" :text="item.name" :href="item.url"></u--text>
|
|
|
+ <u-cell-group>
|
|
|
+ <u-cell v-for="item in fileList" :title="item.name">
|
|
|
+ <u-icon slot="right-icon" size="28" name="trash-fill"
|
|
|
+ @click="deleteFile(item)"></u-icon>
|
|
|
+ </u-cell>
|
|
|
+ </u-cell-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-upload :fileList="imgList" multiple :maxCount="imgList.length" :previewFullImage="true"></u-upload>
|
|
|
+ <u-upload :fileList="imgList" @delete="deletePic" multiple :maxCount="imgList.length"
|
|
|
+ :previewFullImage="true"></u-upload>
|
|
|
<u--text size="12" type="error" text="请确保上传图片内容清晰可见,所有涉密敏感信息不得上传"></u--text>
|
|
|
<view class="submit_btn flex">
|
|
|
<u-button v-if="!loading" type="primary" text="提交新增" @click="formSubmit"></u-button>
|
|
@@ -54,6 +60,7 @@
|
|
|
</u--form>
|
|
|
</view>
|
|
|
<u-toast ref="uToast"></u-toast>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -61,6 +68,9 @@
|
|
|
import {
|
|
|
isImageFormat
|
|
|
} from "@/common/util.js"
|
|
|
+ import BASE_URL from '@/config.js'
|
|
|
+ import * as $auth from "@/common/auth.js"
|
|
|
+ import fileService from '@/api/file/fileService.js'
|
|
|
import gwCirculationCard2Service from '@/api/circulation/gwCirculationCard2.js'
|
|
|
export default {
|
|
|
data() {
|
|
@@ -96,6 +106,29 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 删除文件
|
|
|
+ deleteFile(item) {
|
|
|
+ let that = this
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '确认删除该文件',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ console.log("this.fileLists====", that.fileLists);
|
|
|
+ that.fileLists = that.fileLists.filter(i => !(i.url == item.url))
|
|
|
+ that.fileList = that.fileList.filter(i => !(i.url == item.url))
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ // 删除图片
|
|
|
+ deletePic(event) {
|
|
|
+ this[`imgList${event.name}`].splice(event.index, 1)
|
|
|
+ this[`fileLists${event.name}`].splice(event.index, 1)
|
|
|
+ },
|
|
|
// 新增图片
|
|
|
async afterRead(event) {
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式
|
|
@@ -109,8 +142,7 @@
|
|
|
})
|
|
|
})
|
|
|
for (let i = 0; i < lists.length; i++) {
|
|
|
- const result = await this.uploadFilePromise(lists[i].url)
|
|
|
- // const result = "https://cdn.uviewui.com/uview/album.pdf"
|
|
|
+ const result = await this.uploadFilePromise(lists[i])
|
|
|
let item = this.fileLists[fileListLen]
|
|
|
this.fileLists.splice(fileListLen, 1, Object.assign(item, {
|
|
|
status: 'success',
|
|
@@ -119,9 +151,10 @@
|
|
|
}))
|
|
|
fileListLen++
|
|
|
if (isImageFormat(item.url)) {
|
|
|
+ item.url = BASE_URL + item.url
|
|
|
this.imgList.push(item)
|
|
|
} else {
|
|
|
- const fileName = item.url.split(/[/\\]/).pop();
|
|
|
+ const fileName = item.url.split(/[/\\=]/).pop();
|
|
|
let a = {
|
|
|
name: fileName,
|
|
|
url: item.url
|
|
@@ -130,26 +163,38 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- uploadFilePromise(url) {
|
|
|
+ uploadFilePromise(param) {
|
|
|
return new Promise((resolve, reject) => {
|
|
|
let a = uni.uploadFile({
|
|
|
- url: 'http://192.168.2.21:7001/upload', // 仅为示例,非真实的接口地址
|
|
|
- filePath: url,
|
|
|
+ url: this.BASE_URL + '/file/upload?uploadPath=filtransmit',
|
|
|
+ filePath: param.url,
|
|
|
name: 'file',
|
|
|
- formData: {
|
|
|
- user: 'test'
|
|
|
+ header: {
|
|
|
+ "token": $auth.getUserToken()
|
|
|
},
|
|
|
+ formData: param,
|
|
|
success: (res) => {
|
|
|
setTimeout(() => {
|
|
|
- resolve(res.data.data)
|
|
|
+ resolve(res.data)
|
|
|
}, 1000)
|
|
|
}
|
|
|
- });
|
|
|
- })
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 下载文件
|
|
|
+ download(param) {
|
|
|
+
|
|
|
+ fileService.download(param).then(data)
|
|
|
},
|
|
|
+
|
|
|
// 表单提交
|
|
|
formSubmit() {
|
|
|
this.loading = true
|
|
|
+ let files = []
|
|
|
+ this.fileLists.forEach(item => {
|
|
|
+ files.push(item.url)
|
|
|
+ })
|
|
|
+ this.inputForm.attachedDocumentId = files.join(",");
|
|
|
// this.$refs['inputForm'].validate((valid) => {
|
|
|
// if (valid) {
|
|
|
gwCirculationCard2Service.save(this.inputForm).then((data) => {
|