Browse Source

调整代码,新增文件上传组件

master
admin 3 years ago
parent
commit
fbae691e8e

+ 44
- 34
src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue View File

<el-form-item> <el-form-item>
<el-button :icon="Search" type="primary" @click="grabble">查询</el-button> <el-button :icon="Search" type="primary" @click="grabble">查询</el-button>
<el-button type="info" @click="resive">重置</el-button> <el-button type="info" @click="resive">重置</el-button>
<el-button type="primary">导入Excel</el-button>
<el-button type="primary" @click="upload_dialogVisible = true">导入Excel</el-button>
<el-button type="primary">下载导入模板</el-button> <el-button type="primary">下载导入模板</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-tooltip content="请输入对公账号" placement="top" v-if="scope.row.status == null"> <el-tooltip content="请输入对公账号" placement="top" v-if="scope.row.status == null">
<el-button type="warning" @click="opendialo(scope.row)">请输入对公账号</el-button> <el-button type="warning" @click="opendialo(scope.row)">请输入对公账号</el-button>
</el-tooltip> </el-tooltip>
<el-tooltip :content="filterType(scope.row.status)" placement="top" v-if="scope.row.status != null">
<el-button type="primary" @click="opendialo" disabled>{{filterType(scope.row.status)}}</el-button>
<el-tooltip :content="filterType(scope.row.status)" placement="top" v-if="scope.row.status != null">
<el-button type="primary" @click="opendialo" disabled>{{ filterType(scope.row.status) }}</el-button>
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="page_box"> <div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount"
v-model="pageNo"/>
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount"/>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="title"> <el-dialog v-model="dialogFormVisible" :title="title">
<el-form :model="form"> <el-form :model="form">
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
<!--文件上传弹窗-->
<el-dialog v-model="upload_dialogVisible" title="上传文件">
<Upload type="img" :limit="1"></Upload>
<template #footer>
<span class="dialog-footer">
<el-button @click="upload_dialogVisible = false">关闭</el-button>
<el-button type="primary" @click="upload_dialogVisible = false">确定</el-button>
</span>
</template>
</el-dialog>
</div> </div>
</template> </template>


import { Search } from '@element-plus/icons-vue' import { Search } from '@element-plus/icons-vue'
import { reactive, ref, getCurrentInstance, onMounted } from 'vue' import { reactive, ref, getCurrentInstance, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus' import { ElMessage, ElMessageBox } from 'element-plus'
import Upload from "@/components/upload/upload.vue"
//变量声明 //变量声明
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const formInline = ref({ const formInline = ref({
region: '', region: '',
number: '', number: '',
coNumber: '', coNumber: '',
user: '',
serialNo:''
}) })
const onSubmit = () => { const onSubmit = () => {
console.log('submit!') console.log('submit!')
let dialogTableVisible = ref(false) let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false) let dialogFormVisible = ref(false)
let dialogFormVisibles = ref(false) let dialogFormVisibles = ref(false)
let upload_dialogVisible = ref(false)
let pageCount = ref(0) //总页数 let pageCount = ref(0) //总页数
let formLabelWidth = '140px' let formLabelWidth = '140px'
let form = reactive({ let form = reactive({
//事件 //事件
//同意申请 //同意申请
const agree = (row) => { const agree = (row) => {
console.log("id",row.id)
console.log("id", row.id)
dialogFormVisible.value = false; dialogFormVisible.value = false;
ElMessageBox.confirm('确定通过这个申请?', '警告', { ElMessageBox.confirm('确定通过这个申请?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
} }
//驳回申请 //驳回申请
const опровергать = (row) => { const опровергать = (row) => {
console.log(row,row.id)
console.log(row, row.id)
dialogFormVisible.value = false; dialogFormVisible.value = false;
form.data_id = row.id form.data_id = row.id
ElMessageBox.confirm('确定驳回这个申请?', '警告', { ElMessageBox.confirm('确定驳回这个申请?', '警告', {
const getMsg = () => { const getMsg = () => {
proxy.$request.post('/advancepayment/confirm', { proxy.$request.post('/advancepayment/confirm', {
id: form.data_id, id: form.data_id,
message: form.data_msg,
reason: form.data_msg,
value: 1 value: 1
}, { }, {
//baseURL: 'http://localhost:8089', //baseURL: 'http://localhost:8089',


//搜索 //搜索
const grabble = () => { const grabble = () => {
let data:any = {
let data: any = {
//endTime: '2020/01/01 00:00:00', //endTime: '2020/01/01 00:00:00',
pageNo: pageNo.value, pageNo: pageNo.value,
pageSize: pageNumber.value, pageSize: pageNumber.value,
//type: 0, //type: 0,
} }
formInline.value.Number != '' ? data.reciprocalAccount = formInline.value.Number : ''; formInline.value.Number != '' ? data.reciprocalAccount = formInline.value.Number : '';
formInline.value.coNumber != '' ? data.reciprocalAccountName = formInline.value.coNumber :'';
formInline.value.serialNo != '' ? data.serialNo = formInline.value.serialNo :'';
formInline.value.coNumber != '' ? data.reciprocalAccountName = formInline.value.coNumber : '';
formInline.value.serialNo != '' ? data.serialNo = formInline.value.serialNo : '';
proxy.$request proxy.$request
.post('/advancepayment/queryPage',data,{})
.post('/advancepayment/queryPage', data, {})
.then((res) => { .then((res) => {
//console.log(res.data,data) //console.log(res.data,data)
if (res.data.code == 200) { if (res.data.code == 200) {
//baseURL: 'http://localhost:8089' //baseURL: 'http://localhost:8089'
} }
console.log(data) console.log(data)
if(form.phone != ''){
proxy.$request.post('/advancepayment/account', data,{}).then((res) => {
console.log(res, form.data_id, form.value)
if (res.data.success) {
dialogFormVisible.value = false;
grabble();
}
})
.catch((err) => {
console.log(err)

if (form.phone != '') {
proxy.$request.post('/advancepayment/account', data, {}).then((res) => {
console.log(res, form.data_id, form.value)
if (res.data.success) {
dialogFormVisible.value = false;
grabble();
}
})
.catch((err) => {
console.log(err)
})
} else {
ElMessage({
message: '请填入对公账号!',
type: 'warning',
}) })
}else{
ElMessage({
message: '请填入对公账号!',
type: 'warning',
})
} }



} }
//打开填写对公账户的弹窗 //打开填写对公账户的弹窗
const opendialo = (row) => { const opendialo = (row) => {
return '审核通过' return '审核通过'
} else if (type == 2) { } else if (type == 2) {
return '已驳回' return '已驳回'
} else if(type == null){
} else if (type == null) {
return '未审核' return '未审核'
} else{
} else {
return '请联系管理员' return '请联系管理员'
} }
} }

+ 1
- 1
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue View File

if (res.data.code == 200) { if (res.data.code == 200) {
tableData.value = res.data.data.result tableData.value = res.data.data.result
console.log('res', tableData) console.log('res', tableData)
pageCount.value = res.data.data.pageCount
pageCount.value = parseInt(res.data.data.pageCount)
} }
}) })
.catch((err: any) => { .catch((err: any) => {

Loading…
Cancel
Save