瀏覽代碼

调整部分代码逻辑

master
admin 3 年之前
父節點
當前提交
6951053679

+ 137
- 0
src/components/upload/upload.vue 查看文件

@@ -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>

+ 12
- 33
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue 查看文件

@@ -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 = () => {

+ 41
- 41
src/views/fancongcong/publicJs/account.ts 查看文件

@@ -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
}

}

Loading…
取消
儲存