@@ -0,0 +1,137 @@ | |||
<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> |
@@ -188,7 +188,7 @@ import { Search } from '@element-plus/icons-vue' | |||
import { ElMessage, ElMessageBox } from 'element-plus' | |||
import { reactive, ref, getCurrentInstance, onMounted,watch } from 'vue' | |||
import { account } from "@/views/fancongcong/publicJs/account" | |||
//console.log(account) | |||
//console.log("ac",account) | |||
//变量定义 | |||
let form: any = ref({ | |||
@@ -309,7 +309,7 @@ const shortcuts = [ | |||
} | |||
] | |||
let tableData: any = ref([ | |||
{ | |||
/*{ | |||
accountId: 'HIJYVSGSK', | |||
agentName: '杨杰', | |||
agentTel: '13205360203', | |||
@@ -324,7 +324,7 @@ let tableData: any = ref([ | |||
message: 'ok', | |||
status: 0, | |||
uploadTime: '2009/09/05 11:28:06' | |||
} | |||
}*/ | |||
]); | |||
//watch 监听当前页变化 | |||
@@ -480,36 +480,15 @@ const getPhone = (id: Number) => { | |||
} | |||
} | |||
//查询 | |||
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 = () => { |
@@ -2,48 +2,48 @@ import { Search, SetUp } from '@element-plus/icons-vue' | |||
import { ElMessage, ElMessageBox } from 'element-plus' | |||
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 { | |||
/* 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 | |||
} | |||
} |