调整代码，优化对公账户充值部分的部分代码

src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue

       <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="请选择申请开始时间"/>
+            <el-date-picker v-model="start_time" type="datetime" placeholder="请选择充值开始时间" />
           </div>
           <el-icon>
-            <semi-select/>
+            <semi-select />
           </el-icon>
           <div class="block">
-            <el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间"/>
+            <el-date-picker v-model="end_time" type="datetime" placeholder="请选择充值结束时间" />
           </div>
         </el-form-item>
         <el-form-item label="对方账号">
-          <el-input v-model="formInline.Number" placeholder="对方账号"/>
+          <el-input v-model="formInline.Number" placeholder="对方账号" />
         </el-form-item>
         <el-form-item label="对方户名">
-          <el-input v-model="formInline.coNumber" placeholder="对方户名"/>
+          <el-input v-model="formInline.coNumber" placeholder="对方户名" />
         </el-form-item>
         <el-form-item label="交易流水编号">
-          <el-input v-model="formInline.user" placeholder="交易流水编号"/>
+          <el-input v-model="formInline.serialNo" placeholder="交易流水编号" />
+        </el-form-item>
+        <el-form-item label="每页条数">
+          <el-select v-model="pageNumber" clearable placeholder="账号状态">
+            <el-option v-for="item in optiones" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
         </el-form-item>
         <el-form-item>
           <el-button :icon="Search" type="primary" @click="grabble">查询</el-button>
       </el-form>
     </div>
     <el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
-      <el-table-column prop="serialNo" label="交易流水号" width="200px"/>
-      <el-table-column prop="createTime" label="交易时间" width="200px"/>
-      <el-table-column prop="outFee" label="支出金额" width="200px"/>
-      <el-table-column prop="incomeFee" label="收入金额" width="200px"/>
-      <el-table-column prop="reciprocalAccount" label="对方账号" width="200px"/>
-      <el-table-column prop="reciprocalAccountName" label="对方户名" width="200px"/>
-      <el-table-column prop="reciprocalBankName" label="对方行名" width="200px"/>
-      <el-table-column prop="reciprocalAccountName" label="对公账户账号" width="200px"/>
-      <el-table-column prop="useage" label="用途" width="200px"/>
-      <el-table-column prop="remarks" label="附言" width="200px"/>
-      <el-table-column prop="snippet" label="摘要" width="200px"/>
+      <el-table-column prop="serialNo" label="交易流水号" width="200px" />
+      <el-table-column prop="createTime" label="交易时间" width="200px" />
+      <el-table-column prop="outFee" label="支出金额" width="200px" />
+      <el-table-column prop="incomeFee" label="收入金额" width="200px" />
+      <el-table-column prop="reciprocalAccount" label="对方账号" width="200px" />
+      <el-table-column prop="reciprocalAccountName" label="对方户名" width="200px" />
+      <el-table-column prop="reciprocalBankName" label="对方行名" width="200px" />
+      <el-table-column prop="reciprocalAccountName" label="对公账户账号" width="200px" />
+      <el-table-column prop="useage" label="用途" width="200px" />
+      <el-table-column prop="remarks" label="附言" width="200px" />
+      <el-table-column prop="snippet" label="摘要" width="200px" />
       <el-table-column label="操作" class="table_btn" width="500px" align="center">
         <template v-slot="scope">
           <el-tooltip content="拒绝" placement="top">
       </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">
       <el-form :model="form">
         <el-form-item label="输入对方对公账号" :label-width="formLabelWidth">
-          <el-input v-model="form.phone" autocomplete="off"/>
+          <el-input v-model="form.phone" autocomplete="off" />
         </el-form-item>
       </el-form>
       <template #footer>
       </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>
 
 //变量声明
 const { proxy } = getCurrentInstance()
 const formInline = ref({
-  	user:'',
-  	region: '',
-	number:'',
-  	coNumber:'',
-  	user:'',
+  user: '',
+  region: '',
+  number: '',
+  coNumber: '',
+  user: '',
 })
 const onSubmit = () => {
   console.log('submit!')
 let value3 = ref('')
 let value4 = ref('')
 let pageNo = ref(1)
+let pageNumber = ref(15)//每页条数
 let dialogTableVisible = ref(false)
 let dialogFormVisible = ref(false)
 let dialogFormVisibles = ref(false)
   region: '', //验证码
   delivery: false, //是否展示详细
   number: '', //对公账户资金账户编号
-  data_msg:'',//驳回原因
-  data_id:''//点击表格获取的id
+  data_msg: '',//驳回原因
+  data_id: ''//点击表格获取的id
 })
 const optiones = [
   {
     cancelButtonText: '取消',
     type: 'warning'
   })
-  .then(() => {
-        proxy.$request.post('/advancepayment/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: '操作成功！'
-              })
-              grabble()
-            }
-        }).catch((err) => {
-            console.log(err);
-        })
+    .then(() => {
+      proxy.$request.post('/advancepayment/confirm', {
+        id: row.id,
+        // message:form.data_msg,
+        value: 0
+      }, {
+        ///baseURL: 'http://localhost:8089',
+
+      }).then((res) => {
+        console.log(res, form.data_id, form.value);
+        if (res.data.success) {
+          ElMessage({
+            type: 'success',
+            message: '操作成功！'
+          })
+          grabble()
+        }
+      }).catch((err) => {
+        console.log(err);
+      })
     })
     .catch(() => {
       ElMessage({
     })
 }
 //驳回申请原因
-const getMsg=()=>{
-  proxy.$request.post('/advancepayment/confirm', {}, {
-        baseURL: 'http://localhost:8089',
-        id:form.data_id,
-        message:form.data_msg,
-        value:1
-    }).then((res) => {
-		console.log(res,form.data_id,form.data_msg);
-        if(res.data.success){
-            ElMessage({
-            type: 'success',
-            message: '操作成功！'
-          })
-          dialogFormVisibles.value = false;
-          grabble()
-        }
-    }).catch((err) => {
-        console.log(err);
-    })
+const getMsg = () => {
+  proxy.$request.post('/advancepayment/confirm', {
+    id: form.data_id,
+    message: form.data_msg,
+    value: 1
+  }, {
+    //baseURL: 'http://localhost:8089',
+
+  }).then((res) => {
+    console.log(res, form.data_id, form.data_msg);
+    if (res.data.success) {
+      ElMessage({
+        type: 'success',
+        message: '操作成功！'
+      })
+      dialogFormVisibles.value = false;
+      grabble()
+    }
+  }).catch((err) => {
+    console.log(err);
+  })
 }
 
 //搜索
 const grabble = () => {
-  let data = {
-    corporateAccountId: 'string',
-    endTime: '2020/01/01 00:00:00',
-    pageNo: 0,
-    pageSize: 0,
-    startTime: '2020/01/01 00:00:00',
-    type: 0,
-    baseURL: 'http://localhost:8089'
+  let data:any = {
+    //endTime: '2020/01/01 00:00:00',
+    pageNo: pageNo.value,
+    pageSize: pageNumber.value,
+    //startTime: '2020/01/01 00:00:00',
+    //type: 0,
   }
-
+  formInline.value.Number != '' ? data.reciprocalAccount = formInline.value.Number : '';
+  formInline.value.coNumber != '' ? data.reciprocalAccountName = formInline.value.coNumber :'';
+  formInline.value.serialNo != '' ? data.serialNo = formInline.value.serialNo  :'';
+ 
   proxy.$request
-    .post('/advancepayment/queryPage', {}, data)
+    .post('/advancepayment/queryPage',data,{})
     .then((res) => {
       console.log(res, form.data_id, form.value)
       if (res.data.success) {
   console.log('重置')
   start_time.value = '';
   end_time.value = '';
-  formInline.value.number= '';
+  formInline.value.number = '';
   formInline.value.coNumber = '';
-  formInline.value.user= '';
+  formInline.value.user = '';
 }
 
 //填入对方对公账号
-const account = ()=>{
-	let data = {
-		id:form.data_id,
-		accountId:form.phone,
-		baseURL: 'http://localhost:8089'
-	}
-	proxy.$request.post('/advancepayment/account', {}, data).then((res) => {
-      console.log(res, form.data_id, form.value)
-      if (res.data.success) {
-		dialogFormVisible.value = false;
-		grabble();
-      }
-    })
+const account = () => {
+  let data = {
+    id: form.data_id,
+    accountId: form.phone,
+    //baseURL: 'http://localhost:8089'
+  }
+  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)
     })
 }
 //打开填写对公账户的弹窗
-const opendialo = (row)=>{
-	form.data_id = row.id;
-	dialogFormVisible.value = true;
+const opendialo = (row) => {
+  form.data_id = row.id;
+  dialogFormVisible.value = true;
+}
+
+//过滤状态
+const filterType = (type: Number) => {
+  if (type == -1) {
+    return '拒绝'
+  } else if (type == 0) {
+    return '待审核'
+  } else if (type == 1) {
+    return '密码已修改'
+  } else if (type == 2) {
+    return '已通过'
+  } else {
+    return '其他'
+  }
 }
+
+onMounted(() => {
+  grabble()
+})
+
+
 </script>
 
 <style lang="scss">
 
   .table_box {
     margin-top: 25px;
+
     .table_btn {
       display: flex;
       flex-direction: column;

src/views/fancongcong/publicJs/account.ts

+import { Search, SetUp } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { reactive, ref, getCurrentInstance, onMounted } from 'vue'
+
+export function account() {
+    
+    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,*/
+    }
+
+}