<template> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"></el-col> | |||||
<el-col :span="16" v-if="filetype == 'file'"> | |||||
<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple | |||||
:on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :limit="3" | |||||
:on-exceed="handleExceed" :file-list="fileList" :on-success="uploadSuc"> | |||||
<el-icon class="el-icon--upload"> | |||||
<upload-filled /> | |||||
</el-icon> | |||||
<div class="el-upload__text"> | |||||
Drop file here or <em>click to upload</em> | |||||
</div> | |||||
<template #tip> | |||||
<div class="el-upload__tip"> | |||||
files with a size less than 500kb | |||||
</div> | |||||
</template> | |||||
</el-upload> | |||||
</el-col> | |||||
<el-col :span="16" v-if="filetype == 'img'"> | |||||
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" | |||||
:on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="fileList" :limit="limit"> | |||||
<el-icon> | |||||
<Plus /> | |||||
</el-icon> | |||||
</el-upload> | |||||
<el-dialog v-model="dialogVisible"> | |||||
<img w-full :src="dialogImageUrl" alt="Preview Image" /> | |||||
</el-dialog> | |||||
</el-col> | |||||
<el-col :span="6"> | |||||
</el-col> | |||||
</el-row> | |||||
</template> | |||||
<script lang="ts"> | |||||
import { ref } from 'vue' | |||||
import { UploadFilled, Plus } from '@element-plus/icons-vue' | |||||
import { ElMessage, ElMessageBox } from 'element-plus' | |||||
import type { UploadProps, UploadUserFile } from 'element-plus' | |||||
export default { | |||||
props: ["type","limit"], | |||||
setup(props, content) { | |||||
let filetype = ref(''); | |||||
let fileLimit = ref(1); | |||||
filetype.value = props.type; | |||||
fileLimit.value = props.limit; | |||||
const dialogImageUrl = ref('') | |||||
const dialogVisible = ref(false) | |||||
console.log(props) | |||||
const fileList = ref<UploadUserFile[]>([ | |||||
/*{ | |||||
name: 'food.jpeg', | |||||
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100', | |||||
}, | |||||
{ | |||||
name: 'food2.jpeg', | |||||
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100', | |||||
},*/ | |||||
]) | |||||
const handleRemove: UploadProps['onRemove'] = (file, uploadFiles) => { | |||||
console.log(file, uploadFiles) | |||||
} | |||||
const handlePreview: UploadProps['onPreview'] = (uploadFile) => { | |||||
console.log(uploadFile) | |||||
} | |||||
const handleExceed: UploadProps['onExceed'] = (files, uploadFiles) => { | |||||
ElMessage.warning( | |||||
`The limit is 3, you selected ${files.length} files this time, add up to ${files.length + uploadFiles.length | |||||
} totally` | |||||
) | |||||
} | |||||
const beforeRemove: UploadProps['beforeRemove'] = (uploadFile, uploadFiles) => { | |||||
return ElMessageBox.confirm( | |||||
`Cancel the transfert of ${uploadFile.name} ?` | |||||
).then( | |||||
() => true, | |||||
() => false | |||||
) | |||||
} | |||||
// 上传前校验 | |||||
const beforeUpload = (file) => { | |||||
/*console.log('上传前端校验',file.size); | |||||
const isLt10M = file.size / 1024 / 1024 < 10; | |||||
if (!isLt10M) { | |||||
this.$message.error('上传图片不能超过10MB哦!'); | |||||
return false; | |||||
}*/ | |||||
} | |||||
const uploadSuc = (res, file) => { | |||||
console.log("uploadSuc", res.file) | |||||
console.log('handleSuccessres', res) | |||||
console.log('handleSuccessfile', file) | |||||
/*if (res) { | |||||
setTimeout(() => { | |||||
alert('上传成功') | |||||
}, 1500); | |||||
} else { | |||||
alert('视频上传失败,请重新上传!'); | |||||
}*/ | |||||
} | |||||
const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => { | |||||
dialogImageUrl.value = uploadFile.url! | |||||
dialogVisible.value = true | |||||
} | |||||
return { | |||||
filetype, | |||||
fileList, | |||||
uploadSuc, | |||||
handleRemove, | |||||
handlePreview, | |||||
beforeRemove, | |||||
handleExceed, | |||||
beforeUpload, | |||||
dialogImageUrl, | |||||
dialogVisible, | |||||
handlePictureCardPreview | |||||
} | |||||
} | |||||
} | |||||
</script> | |||||
<style> | |||||
</style> |
import { ElMessage, ElMessageBox } from 'element-plus' | import { ElMessage, ElMessageBox } from 'element-plus' | ||||
import { reactive, ref, getCurrentInstance, onMounted,watch } from 'vue' | import { reactive, ref, getCurrentInstance, onMounted,watch } from 'vue' | ||||
import { account } from "@/views/fancongcong/publicJs/account" | import { account } from "@/views/fancongcong/publicJs/account" | ||||
//console.log(account) | |||||
//console.log("ac",account) | |||||
//变量定义 | //变量定义 | ||||
let form: any = ref({ | let form: any = ref({ | ||||
} | } | ||||
] | ] | ||||
let tableData: any = ref([ | let tableData: any = ref([ | ||||
{ | |||||
/*{ | |||||
accountId: 'HIJYVSGSK', | accountId: 'HIJYVSGSK', | ||||
agentName: '杨杰', | agentName: '杨杰', | ||||
agentTel: '13205360203', | agentTel: '13205360203', | ||||
message: 'ok', | message: 'ok', | ||||
status: 0, | status: 0, | ||||
uploadTime: '2009/09/05 11:28:06' | uploadTime: '2009/09/05 11:28:06' | ||||
} | |||||
}*/ | |||||
]); | ]); | ||||
//watch 监听当前页变化 | //watch 监听当前页变化 | ||||
} | } | ||||
} | } | ||||
//查询 | //查询 | ||||
const search = () => { | |||||
console.log('查询', formInline.value, formInline.value.number) | |||||
let data: any = { | |||||
//bankCardId: '', | |||||
pageNo: pageNo.value, | |||||
pageSize: номер.value, | |||||
status: cтатус_счета.value | |||||
//baseURL:'http://10.20.10.206:81', | |||||
} | |||||
formInline.value.number != '' ? data.accountId = formInline.value.number : "" | |||||
formInline.value.number != '' ? data.corporateIdNum = formInline.value.number : "" | |||||
end_time.value != '' ? data.endApplyTime = end_time.value : "" | |||||
start_time.value != '' ? data.startApplyTime = start_time : "" | |||||
console.log('date', data) | |||||
proxy.$request | |||||
.post('/corporateaccount/queryPage', data, data) | |||||
.then((res: any) => { | |||||
console.log(res) | |||||
if (res.data.code == 200) { | |||||
tableData.value = res.data.data.result | |||||
console.log('res', tableData) | |||||
pageCount.value = parseInt(res.data.data.pageCount) | |||||
} | |||||
}) | |||||
.catch((err: any) => { | |||||
console.log(err, form.delivery) | |||||
}) | |||||
const search=()=>{ | |||||
const { accountList , search } = account(1); | |||||
search(); | |||||
let date = accountList; | |||||
console.log("date",date) | |||||
console.log("date.value",date.value) | |||||
//console.log("account",accountList.value,'-------',tableData.value) | |||||
//tableData.value = accountList; | |||||
//console.log("tableData",tableData) | |||||
} | } | ||||
//重置 | //重置 | ||||
const resive = () => { | const resive = () => { |
import { ElMessage, ElMessageBox } from 'element-plus' | import { ElMessage, ElMessageBox } from 'element-plus' | ||||
import { reactive, ref, getCurrentInstance, onMounted } from 'vue' | import { reactive, ref, getCurrentInstance, onMounted } from 'vue' | ||||
export function account() { | |||||
export function account(todosRef) { | |||||
console.log(todosRef) | |||||
const { proxy } = getCurrentInstance() | |||||
//变量定义 | |||||
let accountList = ''; | |||||
const search = () => { | |||||
//console.log('查询', formInline.value, formInline.value.number) | |||||
let data: any = { | |||||
//bankCardId: '', | |||||
pageNo: 1,//pageNo.value, | |||||
pageSize: 1,///номер.value, | |||||
status: ''//cтатус_счета.value | |||||
//baseURL:'http://10.20.10.206:81', | |||||
} | |||||
//formInline.value.number != '' ? data.accountId = formInline.value.number : "" | |||||
//formInline.value.number != '' ? data.corporateIdNum = formInline.value.number : "" | |||||
//end_time.value != '' ? data.endApplyTime = end_time.value : "" | |||||
//start_time.value != '' ? data.startApplyTime = start_time : "" | |||||
//console.log('date', data) | |||||
proxy.$request | |||||
.post('/corporateaccount/queryPage', data, data) | |||||
.then((res: any) => { | |||||
///console.log(res) | |||||
if (res.data.code == 200) { | |||||
//tableData.value = res.data.data.result | |||||
// | |||||
///pageCount.value = parseInt(res.data.data.pageCount) | |||||
accountList= res.data.data.result; | |||||
//console.log('res',res.data.data.result) | |||||
console.log('ress',accountList) | |||||
} | |||||
}) | |||||
.catch((err: any) => { | |||||
console.log(err) | |||||
}) | |||||
} | |||||
return { | return { | ||||
/* tableData, | |||||
shortcuts, | |||||
defaultTime, | |||||
optiones, | |||||
proxy, | |||||
dialogFormVisibles, | |||||
dialogTableVisible, | |||||
formLabelWidth, | |||||
time, | |||||
номер, | |||||
cтатус_счета, | |||||
end_time, | |||||
start_time, | |||||
codetext, | |||||
title, | |||||
srcList, | |||||
pageSize, | |||||
pageCount, | |||||
pageNo, | |||||
clickType, | |||||
options, | |||||
clickType, | |||||
title, | |||||
srcList, | |||||
pageSize, | |||||
pageCount, | |||||
pageNo, | |||||
formInline, | |||||
detilMsg, | |||||
form, | |||||
filterType, | |||||
pagechange, | |||||
getDetil, | |||||
close, | |||||
regcode, | |||||
resive, | |||||
getPhone, | |||||
опровергать, | |||||
agree,*/ | |||||
search, | |||||
accountList | |||||
} | } | ||||
} | } |