|
@@ -154,12 +154,19 @@
|
|
|
</van-cell-group>
|
|
|
|
|
|
<van-cell-group>
|
|
|
- <van-field name="uploader" required :rules="[{ required: true }]" label="证据上传:">
|
|
|
+ <van-field name="uploader" label="证据上传:">
|
|
|
<template #input>
|
|
|
- <van-uploader :after-read="afterRead" v-model="fileList" :max-count="5" capture="camera" accept=""
|
|
|
+
|
|
|
+ <!-- <van-uploader :after-read="afterRead" v-model="fileList" :max-count="5" capture="camera" accept=""
|
|
|
:preview-full-image="false" :before-delete="deleteRead">
|
|
|
<van-button>上传文件</van-button>
|
|
|
+ </van-uploader> -->
|
|
|
+
|
|
|
+ <van-uploader readonly v-model="fileList" :max-count="5" accept="" :preview-full-image="false"
|
|
|
+ :before-delete="deleteRead" @click-upload="chooseImg">
|
|
|
+ <van-button>上传文件</van-button>
|
|
|
</van-uploader>
|
|
|
+
|
|
|
</template>
|
|
|
</van-field>
|
|
|
</van-cell-group>
|
|
@@ -201,6 +208,8 @@ import UserManage from "@/api/user/UserManage";
|
|
|
import { useRoute } from "vue-router";
|
|
|
// 富文本编辑器
|
|
|
import WangEditor from "@/components/editor/WangEditor";
|
|
|
+// 图片路径
|
|
|
+import $base from "@/utils/config";
|
|
|
export default {
|
|
|
components: { personList, WangEditor,organizationsList },
|
|
|
setup() {
|
|
@@ -369,45 +378,78 @@ export default {
|
|
|
// 文件上传
|
|
|
let fileList = ref([]);
|
|
|
let fileupList = ref([]);
|
|
|
- const afterRead = (file) => {
|
|
|
- // 此时可以自行将文件上传至服务器
|
|
|
- new tools()
|
|
|
- .uploadFile(file, `nonReligiousInformation/nonReligiousInformation`)
|
|
|
- .then(({ data }) => {
|
|
|
-
|
|
|
- data.name = decodeURIComponent(
|
|
|
- data.url.substring(
|
|
|
- data.url.lastIndexOf("/") + 1
|
|
|
- )
|
|
|
- );
|
|
|
-
|
|
|
- //data.url = `${$base}` + data.url;
|
|
|
- fileupList.value.push(data);
|
|
|
- window.xm.showToast({
|
|
|
- message:"文件上传成功!"
|
|
|
- })
|
|
|
-
|
|
|
- });
|
|
|
+ const chooseImg = () => {
|
|
|
+ xm.chooseFile({
|
|
|
+ count: 1,
|
|
|
+ name: "file",
|
|
|
+ url: $base + `/sys/file/webupload/upload?uploadPath=nonReligiousInformation/nonReligiousInformation`,
|
|
|
+ headers: { 'Content-Type': 'multipart/form-data', "token": window.localStorage.getItem('MZ_TOKEN') },
|
|
|
+ }).then(res => {
|
|
|
+ let data = res[0].data
|
|
|
+ data.name = decodeURIComponent(
|
|
|
+ data.id.substring(data.url.lastIndexOf("/") + 1)
|
|
|
+ );
|
|
|
+ data.url = $base + data.url;
|
|
|
+ fileupList.value.push(data);
|
|
|
+ fileList.value.push(data)
|
|
|
+ })
|
|
|
};
|
|
|
- const fjdelete = (file) => {
|
|
|
+
|
|
|
+ // const afterRead = (file) => {
|
|
|
+ // // 此时可以自行将文件上传至服务器
|
|
|
+ // new tools()
|
|
|
+ // .uploadFile(file, `nonReligiousInformation/nonReligiousInformation`)
|
|
|
+ // .then(({ data }) => {
|
|
|
+
|
|
|
+ // data.name = decodeURIComponent(
|
|
|
+ // data.url.substring(
|
|
|
+ // data.url.lastIndexOf("/") + 1
|
|
|
+ // )
|
|
|
+ // );
|
|
|
+
|
|
|
+ // //data.url = `${$base}` + data.url;
|
|
|
+ // fileupList.value.push(data);
|
|
|
+ // window.xm.showToast({
|
|
|
+ // message:"文件上传成功!"
|
|
|
+ // })
|
|
|
+
|
|
|
+ // });
|
|
|
+ // };
|
|
|
+
|
|
|
+ // 删除文件
|
|
|
+ const deleteRead = (file) => {
|
|
|
//删除文件操作
|
|
|
for (let index = 0; index < fileList.value.length; index++) {
|
|
|
- if(file.file==fileList.value[index].file){
|
|
|
- let delurl=fileupList.value[index].url;
|
|
|
- new tools()
|
|
|
- .uploadFiledelete("", delurl)
|
|
|
- .then(({ data }) => {
|
|
|
- });
|
|
|
- fileupList.value.splice(index,1);
|
|
|
- fileList.value.splice(index,1);
|
|
|
- }
|
|
|
- }
|
|
|
+ if (file.id == fileList.value[index].id) {
|
|
|
+ fileList.value.splice(index, 1);
|
|
|
+ if (fileupList.value[index]) {
|
|
|
+ let delurl = fileupList.value[index].url;
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => { });
|
|
|
+ fileupList.value.splice(index, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
+ // const fjdelete = (file) => {
|
|
|
+ // //删除文件操作
|
|
|
+ // for (let index = 0; index < fileList.value.length; index++) {
|
|
|
+ // if(file.file==fileList.value[index].file){
|
|
|
+ // let delurl=fileupList.value[index].url;
|
|
|
+ // new tools()
|
|
|
+ // .uploadFiledelete("", delurl)
|
|
|
+ // .then(({ data }) => {
|
|
|
+ // });
|
|
|
+ // fileupList.value.splice(index,1);
|
|
|
+ // fileList.value.splice(index,1);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // };
|
|
|
+
|
|
|
const submit = () => {
|
|
|
isLoading.value = true;
|
|
|
//保存前附件处理
|
|
|
- inputForm.value.annex = fileupList.value.map((option) => option.url).join("|");
|
|
|
+ inputForm.value.annex = fileupList.value.map((option) => option.id).join("|");
|
|
|
new nonReligiousInformationService().save(inputForm.value).then((res) => {
|
|
|
if(res.data=="保存其他有害信息上报成功"){
|
|
|
window.xm.showToast({
|
|
@@ -451,10 +493,10 @@ export default {
|
|
|
contentEditor,
|
|
|
|
|
|
// 文件上传
|
|
|
- afterRead,
|
|
|
+ chooseImg,
|
|
|
fileList,
|
|
|
fileupList,
|
|
|
- fjdelete,
|
|
|
+ deleteRead,
|
|
|
// change,
|
|
|
submit,
|
|
|
organ
|