Procházet zdrojové kódy

优化接口请求的参数判断

master
海洋无痕 před 3 roky
rodič
revize
c1bdf3342d

+ 229
- 177
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue Zobrazit soubor

<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="申请时间"> <el-form-item label="申请时间">
<div class="block"> <div class="block">
<el-date-picker v-model="start_time" type="datetime" placeholder="请选择申请开始时间" format="YYYY/MM/DD" value-format="YYYY/MM/DD"/>
<el-date-picker
v-model="start_time"
type="datetime"
placeholder="请选择申请开始时间"
format="YYYY/MM/DD"
value-format="YYYY/MM/DD"
/>
</div> </div>
<el-icon> <el-icon>
<semi-select/> <semi-select/>
</el-icon> </el-icon>
<div class="block"> <div class="block">
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间" format="YYYY/MM/DD" value-format="YYYY/MM/DD"/>
<el-date-picker
v-model="end_time"
type="datetime"
placeholder="请选择申请结束时间"
format="YYYY/MM/DD"
value-format="YYYY/MM/DD"
/>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="账号状态"> <el-form-item label="账号状态">
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe @row-click="getDetil">
<el-table
:data="tableData"
border
style="width: 100%"
class="table_box"
stripe
>
<el-table-column prop="id" label="序号" width="100px"/> <el-table-column prop="id" label="序号" width="100px"/>
<el-table-column prop="accountId" label="对公账户资金账户编号"/> <el-table-column prop="accountId" label="对公账户资金账户编号"/>
<el-table-column prop="corporateName" label="公司名称"/> <el-table-column prop="corporateName" label="公司名称"/>
<el-table-column prop="confirmStaffId" label="审核人员"/> <el-table-column prop="confirmStaffId" label="审核人员"/>
<el-table-column prop="confirmTime" label="审核时间"/> <el-table-column prop="confirmTime" label="审核时间"/>
<el-table-column label="操作" class="table_btn" width="350px" align="center"> <el-table-column label="操作" class="table_btn" width="350px" align="center">
<!--<template v-slot="scppe">
<template>-->
<el-tooltip content="驳回" placement="top">
<el-button type="warning" @click="опровергать">驳回审核</el-button>
</el-tooltip>
<el-tooltip content="审核通过" placement="top">
<el-button type="warning" @click="agree">审核通过</el-button>
</el-tooltip>
<el-tooltip content="详细" placement="top">
<el-button type="warning" @click="getDetil">查看详细</el-button>
</el-tooltip>
<template v-slot="scope">
<el-tooltip content="驳回" placement="top">
<el-button type="warning" @click="опровергать(scope.row)">驳回审核</el-button>
</el-tooltip>
<el-tooltip content="审核通过" placement="top">
<el-button type="warning" @click="agree(scope.row)">审核通过</el-button>
</el-tooltip>
<el-tooltip content="详细" placement="top">
<el-button type="warning" @click="getDetil(scope.eow)">查看详细</el-button>
</el-tooltip>
</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" @current-change="pagechange"/>
<el-pagination
:page-size="20"
:pager-count="11"
layout="prev, pager, next"
:total="pageCount"
@current-change="pagechange"
/>
</div> </div>


<el-dialog v-model="dialogFormVisible" :title="title" :show-close="false"> <el-dialog v-model="dialogFormVisible" :title="title" :show-close="false">
</el-form-item> </el-form-item>
<el-form-item label="验证码" :label-width="150"> <el-form-item label="验证码" :label-width="150">
<div class="as-layout-horizontal"> <div class="as-layout-horizontal">
<el-input v-model="form.region" />
<el-button
type="primary"
@click="getPhone"
:disabled="codetext != '获取验证码'"
>{{codetext}}</el-button>
<el-input v-model="form.region"/>
<el-button type="primary" @click="getPhone" :disabled="codetext != '获取验证码'">{{codetext}}</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</el-dialog> </el-dialog>


<el-dialog v-model="dialogFormVisibles" title="驳回申请">
<el-form :model="form">
<el-form-item label="驳回原因" :label-width="formLabelWidth">
<el-input v-model="form.data_msg" autocomplete="off" placeholder="请输入驳回原因"/>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisibles = false">关闭</el-button>
<el-button type="primary" @click="getMsg">确定</el-button>
</span>
</template>
</el-dialog>
<el-dialog v-model="dialogFormVisibles" title="驳回申请">
<el-form :model="form">
<el-form-item label="驳回原因" :label-width="formLabelWidth">
<el-input v-model="form.data_msg" autocomplete="off" placeholder="请输入驳回原因"/>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisibles = false">关闭</el-button>
<el-button type="primary" @click="getMsg">确定</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 { 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'


//变量定义 //变量定义
let form = ref({ let form = ref({
coauthorization: '', //授权书 coauthorization: '', //授权书
idImgOne: '', //被委托人身份证正面照 idImgOne: '', //被委托人身份证正面照
idImgTwo: '', //被委托人身份证反面照 idImgTwo: '', //被委托人身份证反面照
data_id:"",//获取详细信息所点击的数据的id
data_msg:''//驳回原因
data_id: '', //获取详细信息所点击的数据的id
data_msg: '' //驳回原因
}) })
const formInline = ref({ const formInline = ref({
user: '', user: '',
region: '123', region: '123',
number: '',//资金编号
coNumber:'', //
number: '', //资金编号
coNumber: '' //
}) })
let title = ref('对公账户信息') let title = ref('对公账户信息')
let pageSize = ref(20);//显示每页条数
let pageCount = ref(1);//总页数
let pageNo = ref(1);//当前页
let clickType = ref(0);//点击事件类型 0.驳回审核 1.审核通过 3.查看详细
const options = ref( [
let pageSize = ref(20) //显示每页条数
let pageCount = ref(1) //总页数
let pageNo = ref(1) //当前页
let clickType = ref(0) //点击事件类型 0.驳回审核 1.审核通过 3.查看详细
const options = ref([
{ {
value: '', value: '',
label: '全部' label: '全部'
} }
]) ])
let codetext = ref('获取验证码') let codetext = ref('获取验证码')
let setTime = ref(null)//
let setTime = ref(null) //
let start_time = ref('') //申请选择开始时间 let start_time = ref('') //申请选择开始时间
let end_time = ref('') //申请选择结束时间 let end_time = ref('') //申请选择结束时间
let cтатус_счета = ref('') //账号状态 let cтатус_счета = ref('') //账号状态
let dialogFormVisible = ref(false) let dialogFormVisible = ref(false)
let formLabelWidth = '140px' let formLabelWidth = '140px'
let dialogFormVisibles = ref(false) let dialogFormVisibles = ref(false)
const { proxy } = getCurrentInstance();
const { proxy } = getCurrentInstance()
const optiones = ref([ const optiones = ref([
{ {
value: '2', value: '2',
} }
} }
] ]
let tableData:any = ref([
{
let tableData: any = ref([
{
accountId: 'HIJYVSGSK', accountId: 'HIJYVSGSK',
agentName: '杨杰',
agentTel: '13205360203',
bankAddress: '陕西省 商洛市 丹凤县',
bankCardId: 8957535811452491,
confirmStaffId: '萧艳',
confirmTime: '2001/07/28 11:23:26',
corporateIdNum: "'1127092027434239",
corporateName: 5201566346840427,
createTime: '2011/11/23 02:26:54',
id: '710000201205044241',
message: 'ok',
status: 0,
uploadTime: '2009/09/05 11:28:06'
agentName: '杨杰',
agentTel: '13205360203',
bankAddress: '陕西省 商洛市 丹凤县',
bankCardId: 8957535811452491,
confirmStaffId: '萧艳',
confirmTime: '2001/07/28 11:23:26',
corporateIdNum: "'1127092027434239",
corporateName: 5201566346840427,
createTime: '2011/11/23 02:26:54',
id: '710000201205044241',
message: 'ok',
status: 0,
uploadTime: '2009/09/05 11:28:06'
} }
]) ])


console.log('submit!') console.log('submit!')
} }
//同意申请 //同意申请
const agree = (id: any) => {
dialogFormVisible.value = false;
const agree = (row) => {
dialogFormVisible.value = false
ElMessageBox.confirm('确定通过这个申请?', '警告', { ElMessageBox.confirm('确定通过这个申请?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}) })
.then(() => {
proxy.$request.post('/corporateaccount/confirm', {}, {
        baseURL: 'http://localhost:8089',
id:form.data_id,
// message:form.data_msg,
value:0
    }).then((res) => {
        console.log(res,form.data_id,form.value);
if(res.data.success){
ElMessage({
type: 'success',
message: '操作成功!'
})
getList()
}
    }).catch((err) => {
        console.log(err);
    })
.then(() => {
proxy.$request
.post(
'/corporateaccount/confirm',
{
baseURL: 'http://localhost:8089',
id: row.id,
// message:form.data_msg,
value: 0
},
{
}
)
.then((res) => {
console.log(res, form.data_id, form.value)
if (res.data.success) {
ElMessage({
type: 'success',
message: '操作成功!'
})
getList()
}
})
.catch((err) => {
console.log(err)
})
}) })
.catch(() => { .catch(() => {
ElMessage({ ElMessage({
} }
//驳回申请 //驳回申请
const опровергать = (id: any) => { const опровергать = (id: any) => {
dialogFormVisible.value = false;
dialogFormVisible.value = false
ElMessageBox.confirm('确定驳回这个申请?', '警告', { ElMessageBox.confirm('确定驳回这个申请?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}) })
.then(() => { .then(() => {
dialogFormVisibles.value = true;
dialogFormVisibles.value = true
}) })
.catch(() => { .catch(() => {
ElMessage({ ElMessage({
}) })
} }
//驳回申请原因 //驳回申请原因
const getMsg=()=>{
proxy.$request.post('/corporateaccount/confirm', {}, {
        baseURL: 'http://localhost:8089',
id:form.data_id,
message:form.data_msg,
value:1
    }).then((res) => {
        console.log(res,form.data_id,form.value.data_msg);
if(res.data.success){
ElMessage({
type: 'success',
message: '操作成功!'
})
dialogFormVisibles.value = false;
getList()
}
    }).catch((err) => {
        console.log(err);
    })
const getMsg = () => {
proxy.$request
.post(
'/corporateaccount/confirm',
{},
{
baseURL: 'http://localhost:8089',
id: form.data_id,
message: form.data_msg,
value: 1
}
)
.then((res) => {
console.log(res, form.data_id, form.value.data_msg)
if (res.data.success) {
ElMessage({
type: 'success',
message: '操作成功!'
})
dialogFormVisibles.value = false
getList()
}
})
.catch((err) => {
console.log(err)
})
} }
//验证码60s倒计时 //验证码60s倒计时
const startime = () => { const startime = () => {
// console.log('st', codetext)
// console.log('st', codetext)
if (parseInt(time) == 0) { if (parseInt(time) == 0) {
codetext.value = '获取验证码' codetext.value = '获取验证码'
time = 60 time = 60
} else { } else {
time-- time--
codetext.value = time.toString() + 's' codetext.value = time.toString() + 's'
// console.log('t2', time, codetext)
// console.log('t2', time, codetext)
setTime = setTimeout(function() { setTime = setTimeout(function() {
startime() startime()
}, 1000) }, 1000)
} }
} }
//发送验证码 //发送验证码
const getPhone = (id:Number) => {
if(form.region != '') {
 proxy.$request.post('/corporateaccount/send', {}, {
        baseURL: 'http://localhost:8089',
id:id
    }).then((res) => {
        console.log(res);
if(res.data.success){
codetext.value = 60 + 's'
time = 60
startime()
const getPhone = (id: Number) => {
if (form.region != '') {
proxy.$request
.post(
'/corporateaccount/send',
{},
{
baseURL: 'http://localhost:8089',
id: id
} }
    }).catch((err) => {
        console.log(err);
    })
)
.then((res) => {
console.log(res)
if (res.data.success) {
codetext.value = 60 + 's'
time = 60
startime()
}
})
.catch((err) => {
console.log(err)
})
} else { } else {
ElMessage({ ElMessage({
type: 'success', type: 'success',
} }
//查询 //查询
const search = () => { const search = () => {
console.log('查询',formInline.value,formInline.value.number)
console.log('查询', formInline.value, formInline.value.number)
let data = { let data = {
accountId:formInline.value.number,
bankCardId:"",
corporateIdNum:formInline.value.number,
corporateName: formInline.value.user,
endApplyTime:end_time.value,
pageNo:pageNo.value,
pageSize:номер.value,
startApplyTime:start_time.value,
status:cтатус_счета.value,
bankCardId: '',
pageNo: pageNo.value,
pageSize: номер.value,
status: cтатус_счета.value
//baseURL:'http://10.20.10.206:81', //baseURL:'http://10.20.10.206:81',
} }


console.log("date",data)
proxy.$request.post('/corporateaccount/queryPage', {},data).then((res) => {
        console.log(res);
if(res.data.success){
tableData.value = res.data.result
console.log("res",tableData)
pageCount.value = res.data.pageCount;
}
    }).catch((err) => {
        console.log(err,form.delivery);
    })
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 = fstart_time : ""

console.log('date', data)
proxy.$request
.post('/corporateaccount/queryPage', data, data)
.then((res) => {
console.log(res)
if (res.data.success) {
tableData.value = res.data.result
console.log('res', tableData)
pageCount.value = res.data.pageCount
}
})
.catch((err) => {
console.log(err, form.delivery)
})
} }
//重置 //重置
const resive = () => { const resive = () => {
console.log('重置') console.log('重置')
start_time.value = '';
end_time.value = '';
cтатус_счета.value = '';
номер.value = '';
formInline.value.number= '';
formInline.value.coNumber = '';
formInline.value.user= '';
start_time.value = ''
end_time.value = ''
cтатус_счета.value = ''
номер.value = ''
formInline.value.number = ''
formInline.value.coNumber = ''
formInline.value.user = ''
} }
//导出 //导出
const drow = () => { const drow = () => {
//dialogFormVisible = false; //dialogFormVisible = false;
//dialogFormVisibles = true; //dialogFormVisibles = true;
console.log('heyan') console.log('heyan')
} else { } else {
//展示详细 //展示详细
//dialogFormVisible.value = false
console.log("00")
//dialogFormVisible.value = false
console.log('00')
clearTimeout(setTime) clearTimeout(setTime)
codetext.value = '获取验证码' codetext.value = '获取验证码'
proxy.$request.post('/corporateaccount/check', { }, {
        baseURL:'http://localhost:8089',
id:form.data_id,
verifyCode:form.region
    }).then((res) => {
        console.log(res);
if(res.data.success){
form.value.delivery = false
console.log("de",form.delivery);
/*proxy.$request.post('/corporateaccount/queryId', {}, {
proxy.$request
.post(
'/corporateaccount/check',
{},
{
baseURL: 'http://localhost:8089',
id: form.data_id,
verifyCode: form.region
}
)
.then((res) => {
console.log(res)
if (res.data.success) {
form.value.delivery = false
console.log('de', form.delivery)
/*proxy.$request.post('/corporateaccount/queryId', {}, {
        baseURL: 'http://localhost:8089',         baseURL: 'http://localhost:8089',
id:form.data_id id:form.data_id
    }).then((res) => {     }).then((res) => {
        console.log(err);         console.log(err);
    })*/     })*/
} }
    }).catch((err) => {
        console.log(err,form.delivery);
    })
})
.catch((err) => {
console.log(err, form.delivery)
})
} }
} }


onMounted(() => {
onMounted(() => {
search() search()
}) })


//获取详细信息,打开弹窗 //获取详细信息,打开弹窗
const getDetil=(val)=>{
// form.value.data_id = id;
dialogFormVisible.value = true;
try {
form.data_id = val.id;
console.log("dedil_id",form.data_id);
} catch (error) {
const getDetil = (row) => {
// form.value.data_id = id;
if (!form.delivery) {
dialogFormVisible.value = true
} }
}

try {
form.data_id = row.id
console.log('dedil_id', form.data_id)
} catch (error) {}
}
//获取当前页数据 //获取当前页数据
const pagechange = (el)=>{
console.log("el",el)
pageNo.value = el;
const pagechange = (el) => {
console.log('el', el)
pageNo.value = el
search() search()
} }
</script> </script>

Načítá se…
Zrušit
Uložit