优化接口请求的参数判断

src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue

@@ -4,13 +4,25 @@
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
         <el-form-item label="申请时间">
           <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>
           <el-icon>
             <semi-select/>
           </el-icon>
           <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>
         </el-form-item>
         <el-form-item label="账号状态">
@@ -49,7 +61,13 @@
         </el-form-item>
       </el-form>
     </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="accountId" label="对公账户资金账户编号"/>
       <el-table-column prop="corporateName" label="公司名称"/>
@@ -59,22 +77,28 @@
       <el-table-column prop="confirmStaffId" label="审核人员"/>
       <el-table-column prop="confirmTime" label="审核时间"/>
       <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>
 
     <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>
 
     <el-dialog v-model="dialogFormVisible" :title="title" :show-close="false">
@@ -84,12 +108,8 @@
         </el-form-item>
         <el-form-item label="验证码" :label-width="150">
           <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>
         </el-form-item>
       </el-form>
@@ -181,19 +201,19 @@
       </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>
+    <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>
 </template>
 
@@ -201,7 +221,7 @@
 //导入模块
 import { Search } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { reactive, ref ,getCurrentInstance, onMounted } from 'vue'
+import { reactive, ref, getCurrentInstance, onMounted } from 'vue'
 
 //变量定义
 let form = ref({
@@ -226,21 +246,21 @@ let form = ref({
   coauthorization: '', //授权书
   idImgOne: '', //被委托人身份证正面照
   idImgTwo: '', //被委托人身份证反面照
-  data_id:"",//获取详细信息所点击的数据的id
-  data_msg:''//驳回原因
+  data_id: '', //获取详细信息所点击的数据的id
+  data_msg: '' //驳回原因
 })
 const formInline = ref({
   user: '',
   region: '123',
-  number: '',//资金编号
-  coNumber:'', //
+  number: '', //资金编号
+  coNumber: '' //
 })
 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: '',
     label: '全部'
@@ -263,7 +283,7 @@ const options = ref( [
   }
 ])
 let codetext = ref('获取验证码')
-let setTime = ref(null)//
+let setTime = ref(null) //
 let start_time = ref('') //申请选择开始时间
 let end_time = ref('') //申请选择结束时间
 let cтатус_счета = ref('') //账号状态
@@ -273,7 +293,7 @@ let dialogTableVisible = ref(false)
 let dialogFormVisible = ref(false)
 let formLabelWidth = '140px'
 let dialogFormVisibles = ref(false)
-const { proxy } = getCurrentInstance();
+const { proxy } = getCurrentInstance()
 const optiones = ref([
   {
     value: '2',
@@ -319,22 +339,22 @@ const shortcuts = [
     }
   }
 ]
-let tableData:any = ref([
-   {
+let tableData: any = ref([
+  {
     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'
   }
 ])
 
@@ -343,31 +363,40 @@ const onSubmit = () => {
   console.log('submit!')
 }
 //同意申请
-const agree = (id: any) => {
-  dialogFormVisible.value = false;
+const agree = (row) => {
+  dialogFormVisible.value = false
   ElMessageBox.confirm('确定通过这个申请?', '警告', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     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(() => {
       ElMessage({
@@ -378,14 +407,14 @@ const agree = (id: any) => {
 }
 //驳回申请
 const опровергать = (id: any) => {
-  dialogFormVisible.value = false;
+  dialogFormVisible.value = false
   ElMessageBox.confirm('确定驳回这个申请?', '警告', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     type: 'warning'
   })
     .then(() => {
-      dialogFormVisibles.value = true;
+      dialogFormVisibles.value = true
     })
     .catch(() => {
       ElMessage({
@@ -395,29 +424,36 @@ const опровергать = (id: any) => {
     })
 }
 //驳回申请原因
-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倒计时
 const startime = () => {
-// console.log('st', codetext)
+  // console.log('st', codetext)
   if (parseInt(time) == 0) {
     codetext.value = '获取验证码'
     time = 60
@@ -425,28 +461,35 @@ const startime = () => {
   } else {
     time--
     codetext.value = time.toString() + 's'
-   // console.log('t2', time, codetext)
+    // console.log('t2', time, codetext)
     setTime = setTimeout(function() {
       startime()
     }, 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 {
     ElMessage({
       type: 'success',
@@ -456,43 +499,46 @@ const getPhone = (id:Number) => {
 }
 //查询
 const search = () => {
-  console.log('查询',formInline.value,formInline.value.number)
-  
+  console.log('查询', formInline.value, formInline.value.number)
   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',
   }
 
-  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 = () => {
   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 = () => {
@@ -504,23 +550,28 @@ const regcode = () => {
     //dialogFormVisible = false;
     //dialogFormVisibles = true;
     console.log('heyan')
-    
   } else {
     //展示详细
-	  //dialogFormVisible.value = false
-    console.log("00")
+    //dialogFormVisible.value = false
+    console.log('00')
     clearTimeout(setTime)
     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',
                   id:form.data_id
               }).then((res) => {
@@ -529,32 +580,33 @@ const regcode = () => {
                   console.log(err);
               })*/
         }
-    }).catch((err) => {
-        console.log(err,form.delivery);
-    })
-
+      })
+      .catch((err) => {
+        console.log(err, form.delivery)
+      })
   }
 }
 
- onMounted(() => {
+onMounted(() => {
   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()
 }
 </script>