From 7d58b292b37a1b2a8f40f7e18ceb2e61fa95b52f Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Tue, 2 Dec 2025 11:00:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=9B=E6=A0=87=E4=BB=A3=E7=90=86=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/demo/bidagency.ts                     |  45 +++
 .../demo/bidagency/AccountManage/index.vue    | 249 +++++++++++++
 .../demo/bidagency/InsertModal/index.vue      | 332 ++++++++++++++++++
 src/views/demo/bidagency/index.vue            | 126 +++++--
 src/views/demo/bidagency/util.ts              | 152 +-------
 5 files changed, 722 insertions(+), 182 deletions(-)
 create mode 100644 src/api/demo/bidagency.ts
 create mode 100644 src/views/demo/bidagency/AccountManage/index.vue
 create mode 100644 src/views/demo/bidagency/InsertModal/index.vue

diff --git a/src/api/demo/bidagency.ts b/src/api/demo/bidagency.ts
new file mode 100644
index 0000000..f910039
--- /dev/null
+++ b/src/api/demo/bidagency.ts
@@ -0,0 +1,45 @@
+import { defHttp } from '@/utils/http/axios';
+enum Api {
+  // 招标代理
+  LoadBiddingAgency = '/api/BiddingAgency/LoadBiddingAgency',
+  AddBiddingAgency = '/api/BiddingAgency/AddBiddingAgency',
+  EditBiddingAgency = '/api/BiddingAgency/EditBiddingAgency',
+  DeleteBiddingAgency = '/api/BiddingAgency/DeleteBiddingAgency',
+  ReviewBiddingAgency = '/api/BiddingAgency/ReviewBiddingAgency',
+  AddCompanyAccount = '/api/BiddingAgency/AddCompanyAccount',
+}
+
+export function LoadBiddingAgency(params) {
+  return defHttp.get({
+    url: Api.LoadBiddingAgency,
+    params,
+  });
+}
+export function AddBiddingAgency(params) {
+  return defHttp.post({
+    url: Api.AddBiddingAgency,
+    params,
+  });
+}
+export function EditBiddingAgency(params) {
+  return defHttp.post({
+    url: Api.EditBiddingAgency,
+    params,
+  });
+}
+export function DeleteBiddingAgency(id) {
+  return defHttp.post({
+    url: `${Api.DeleteBiddingAgency}?id=${id}`,
+  });
+}
+export function ReviewBiddingAgency(id) {
+  return defHttp.post({
+    url: `${Api.ReviewBiddingAgency}?id=${id}`,
+  });
+}
+export function AddCompanyAccount(params) {
+  return defHttp.post({
+    url: Api.AddCompanyAccount,
+    params,
+  });
+}
\ No newline at end of file
diff --git a/src/views/demo/bidagency/AccountManage/index.vue b/src/views/demo/bidagency/AccountManage/index.vue
new file mode 100644
index 0000000..4faa4d4
--- /dev/null
+++ b/src/views/demo/bidagency/AccountManage/index.vue
@@ -0,0 +1,249 @@
+<template>
+
+  <div class="title-div">
+    <div class="title-span-div">
+      <div class="title-icon"></div>
+      <div class="title-span">账号管理</div>
+    </div>
+    <div class="close-button" @click="emits('changeManageModal',false)"></div>
+  </div>
+  <div class="interval"></div>
+  <a-spin tip="加载中..." :spinning="loading">
+    <div class="modal-content">
+      <div class="left-content">
+        <div class="item-title">企业名称</div>
+        <a-input class="item-input" v-model:value="agencyName" placeholder="请输入企业名称" disabled/>
+        <div class="item-title">账号分配</div>
+        <a-select
+          class="item-select"
+          v-model:value="userId"
+          :options="userOptions"
+          placeholder="请为企业分配账号"
+        >
+          <template #suffixIcon>
+            <div class="search-select-suffixIcon"></div>
+          </template>
+        </a-select>
+      </div>
+    </div>
+    <div class="interval"></div>
+    <div class="footer">
+      <a-button class="cancel-button" @click="emits('changeManageModal',false)">取消</a-button>
+      <a-button class="save-button" type="primary" @click="submit">确认提交</a-button>
+    </div>
+  </a-spin>
+</template>
+
+<script setup lang="ts">
+import { ref, defineEmits, defineProps, onMounted } from "vue"
+import { message, Modal } from "ant-design-vue";
+import { AddCompanyAccount } from '@/api/demo/bidagency'
+import { getAccountList } from '@/api/demo/system';
+const props = defineProps(['info'])
+const emits = defineEmits(['changeManageModal', 'query'])
+onMounted(() => {
+  agencyId.value = props.info.id
+  agencyName.value = props.info.name
+  getAccountList({page:1,limit:999}).then(res => {
+    userOptions.value = res.items.map(item => {
+      return { label: item.name, value: item.id }
+    })
+  })
+})
+const agencyId = ref('')
+const agencyName = ref('')
+const userId = ref()
+const userOptions = ref([])
+const loading = ref(false)
+
+
+
+const submit = () => {
+  if(!userId.value){
+    return message.warning('请为招标代理分配账号！')
+  }
+  loading.value = true
+  let params = [
+    {
+      agencyId: agencyId.value,
+      userId: userId.value
+    }
+  ]
+  console.log('params',params)
+  AddCompanyAccount(params).then(res => {
+    message.success('保存成功！')
+    emits('query')
+    emits('changeManageModal',false)
+  }).finally(() => {
+    loading.value = false
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.title-div{
+  width: 100%;
+  height: 64px;
+  padding-top: 15px;
+  padding-left: 26px;
+  padding-right: 35px;
+  padding-bottom: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .title-span-div{
+    display: flex;
+    align-items: center;
+    .title-icon{
+      width: 3px;
+      height: 18px;
+      background: #0B60BD;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      margin-right: 9px;
+    }
+    .title-span{
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 20px;
+      color: #11131B;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+  }
+  .close-button{
+    width: 20px;
+    height: 20px;
+    background-image: url('/public/tender/tender_close_modal_button.png');
+    cursor: pointer;
+  }
+}
+.interval{
+  width: 100%;
+  height: 1px;
+  box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+  border: 1px solid #DBDBDB;
+  opacity: 0.66;
+}
+.modal-content{
+  display: flex;
+  padding-top: 24px;
+  padding-left: 38px;
+  padding-right: 40px;
+  padding-bottom: 27px;
+  .item-title{
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 13px;
+    color: #000000;
+    line-height: 20px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-bottom: 7px;
+  }
+  .item-input{
+    width: 100%;
+    height: 40px;
+    background: #FFFFFF;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 6px;
+    border: 1px solid #A9BBD8;
+    margin-bottom: 24px;
+  }
+  .item-select{
+    width: 100%;
+    margin-bottom: 24px;
+    :deep(.ant-select-selector){
+      height: 40px;
+      background: #FFFFFF;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 6px;
+      border: 1px solid #A9BBD8;
+    }
+    :deep(.ant-select-selection-item){
+      display: flex;
+      align-items: center;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 13px;
+      color: #000000;
+      line-height: 20px;
+    }
+    :deep(.ant-select-selection-placeholder){
+      display: flex;
+      align-items: center;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 13px;
+      color: rgba(0, 0, 0, 0.55);
+      line-height: 20px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .search-select-suffixIcon{
+      width: 10px;
+      height: 6px;
+      background-image: url('/public/tender/search_select_icon.png');
+      background-size: 100% 100%;
+    }
+  }
+  .item-date-picker{
+    width: 100%;
+    height: 40px;
+    background: #FFFFFF;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 6px;
+    border: 1px solid #A9BBD8;
+    margin-bottom: 24px;
+  }
+  .left-content{
+    width: 100%;
+    // margin-right: 124px;
+  }
+}
+.footer{
+  height: 85px;
+  padding-right: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  .cancel-button{
+    width: 101px;
+    height: 40px;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    border: 1px solid #979797;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 24px;
+  }
+  .delete-button{
+    width: 146px;
+    height: 40px;
+    background: #ed6f6f;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 24px;
+  }
+  .save-button{
+    width: 146px;
+    height: 40px;
+    background: #0081FF;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+  }
+}
+</style>
diff --git a/src/views/demo/bidagency/InsertModal/index.vue b/src/views/demo/bidagency/InsertModal/index.vue
new file mode 100644
index 0000000..2ef5233
--- /dev/null
+++ b/src/views/demo/bidagency/InsertModal/index.vue
@@ -0,0 +1,332 @@
+<template>
+
+  <div class="title-div">
+    <div class="title-span-div">
+      <div class="title-icon"></div>
+      <div class="title-span">添加招标代理信息</div>
+    </div>
+    <div class="close-button" @click="emits('changeAddModal',false)"></div>
+  </div>
+  <div class="interval"></div>
+  <a-spin tip="加载中..." :spinning="loading">
+    <div class="modal-content">
+      <div class="left-content">
+        <div class="item-title">企业名称</div>
+        <a-input class="item-input" v-model:value="name" placeholder="请输入企业名称" />
+        <div class="item-title">信用代码</div>
+        <a-input class="item-input" v-model:value="code" placeholder="请输入信用代码" />
+        <div class="item-title">企业法人</div>
+        <a-input class="item-input" v-model:value="legalPerson" placeholder="请输入企业法人" />
+        <div class="item-title">营业执照</div>
+        <a-upload
+          v-model:file-list="licenseList"
+          accept=".zip"
+          :maxCount="1"
+          :custom-request="customRequest"
+        >
+          <a-button>
+            <upload-outlined></upload-outlined>
+            上传营业执照
+          </a-button>
+          <template #itemRender="{ file, actions }">
+            <a-space>
+              <span>{{ file.name }}</span>
+            </a-space>
+          </template>
+        </a-upload>
+      </div>
+      <div class="right-content">
+        <div class="item-title">联系人</div>
+        <a-input class="item-input" v-model:value="contactPerson" placeholder="请输入联系人" />
+        <div class="item-title">联系方式</div>
+        <a-input class="item-input" v-model:value="phone" placeholder="请输入联系方式" />
+        <div class="item-title">账号状态</div>
+        <a-select
+          class="item-select"
+          v-model:value="accountState"
+          :options="accountStateOptions"
+          placeholder="请选择账号状态"
+        >
+          <template #suffixIcon>
+            <div class="search-select-suffixIcon"></div>
+          </template>
+        </a-select>
+      </div>
+    </div>
+    <div class="interval"></div>
+    <div class="footer">
+      <a-button class="cancel-button" @click="emits('changeAddModal',false)">取消</a-button>
+      <a-button v-if="props.modalType == 'update'" class="delete-button" type="primary" @click="delData">删除</a-button>
+      <a-button class="save-button" type="primary" @click="submit">确认提交</a-button>
+    </div>
+  </a-spin>
+</template>
+
+<script setup lang="ts">
+import { ref, h, defineEmits, defineProps, onMounted, createVNode } from "vue"
+import { ExclamationCircleOutlined, PlusOutlined, } from '@ant-design/icons-vue';
+import { message, Modal } from "ant-design-vue";
+import { AddBiddingAgency, EditBiddingAgency, DeleteBiddingAgency } from '@/api/demo/bidagency'
+import { uploadFile } from '@/api/demo/enterprise'
+import { accountStateOptions } from '@/views/demo/enterpriselist/util'
+const props = defineProps(['modalType', 'info'])
+const emits = defineEmits(['changeAddModal', 'query'])
+onMounted(() => {
+  if(props.modalType == 'update'){
+    id.value = props.info.id
+    name.value = props.info.name
+    code.value = props.info.code
+    legalPerson.value = props.info.legalPerson
+    
+    contactPerson.value = props.info.contactPerson
+    phone.value = props.info.phone
+    accountState.value = props.info.accountState
+    license.value = props.info.license
+    licenseList.value = [{
+      uid: '-1',
+      name: props.info.license,
+    }]
+  }
+})
+const id = ref('')
+const name = ref('')
+const code = ref('')
+const legalPerson = ref('')
+const license = ref('')
+const licenseList = ref([])
+const contactPerson = ref('')
+const phone = ref('')
+const accountState = ref(0)
+
+const loading = ref(false)
+
+
+
+const submit = () => {
+  loading.value = true
+  let params = {
+    id: id.value,
+    name: name.value,
+    code: code.value,
+    legalPerson: legalPerson.value,
+    license: license.value,
+    contactPerson: contactPerson.value,
+    phone: phone.value,
+    accountState: accountState.value,
+  }
+  console.log('params',params)
+  if(props.modalType == 'insert'){
+    AddBiddingAgency(params).then(res => {
+      message.success('招标代理信息添加成功')
+      emits('query')
+      emits('changeAddModal',false)
+    }).finally(() => {
+      loading.value = false
+    })
+  }else{
+    EditBiddingAgency(params).then(res => {
+      message.success('招标代理信息修改成功')
+      emits('query')
+      emits('changeAddModal',false)
+    }).finally(() => {
+      loading.value = false
+    })
+  }
+}
+const delData = () => {
+  Modal.confirm({
+    title: `确认删除该招标代理信息吗？`,
+    icon: createVNode(ExclamationCircleOutlined),
+    okText: '确认',
+    cancelText: '取消',
+    centered: true,
+    onOk() {
+      return DeleteBiddingAgency(id.value).then(res => {
+        message.success("删除成功")
+        emits('query')
+        emits('changeAddModal',false)
+      })
+    },
+  });
+}
+const customRequest = (file) => {
+  const formData = new FormData()
+  formData.append('files', file.file)
+  uploadFile(formData).then(res => {
+    license.value = res[0].filePath
+    console.log('licenseList',licenseList)
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.title-div{
+  width: 100%;
+  height: 64px;
+  padding-top: 15px;
+  padding-left: 26px;
+  padding-right: 35px;
+  padding-bottom: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .title-span-div{
+    display: flex;
+    align-items: center;
+    .title-icon{
+      width: 3px;
+      height: 18px;
+      background: #0B60BD;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      margin-right: 9px;
+    }
+    .title-span{
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 20px;
+      color: #11131B;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+  }
+  .close-button{
+    width: 20px;
+    height: 20px;
+    background-image: url('/public/tender/tender_close_modal_button.png');
+    cursor: pointer;
+  }
+}
+.interval{
+  width: 100%;
+  height: 1px;
+  box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+  border: 1px solid #DBDBDB;
+  opacity: 0.66;
+}
+.modal-content{
+  display: flex;
+  padding-top: 24px;
+  padding-left: 38px;
+  padding-right: 40px;
+  padding-bottom: 27px;
+  .item-title{
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 13px;
+    color: #000000;
+    line-height: 20px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-bottom: 7px;
+  }
+  .item-input{
+    width: 286px;
+    height: 40px;
+    background: #FFFFFF;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 6px;
+    border: 1px solid #A9BBD8;
+    margin-bottom: 24px;
+  }
+  .item-select{
+    width: 100%;
+    margin-bottom: 24px;
+    :deep(.ant-select-selector){
+      height: 40px;
+      background: #FFFFFF;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 6px;
+      border: 1px solid #A9BBD8;
+    }
+    :deep(.ant-select-selection-item){
+      display: flex;
+      align-items: center;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 13px;
+      color: #000000;
+      line-height: 20px;
+    }
+    :deep(.ant-select-selection-placeholder){
+      display: flex;
+      align-items: center;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 13px;
+      color: rgba(0, 0, 0, 0.55);
+      line-height: 20px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .search-select-suffixIcon{
+      width: 10px;
+      height: 6px;
+      background-image: url('/public/tender/search_select_icon.png');
+      background-size: 100% 100%;
+    }
+  }
+  .item-date-picker{
+    width: 100%;
+    height: 40px;
+    background: #FFFFFF;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 6px;
+    border: 1px solid #A9BBD8;
+    margin-bottom: 24px;
+  }
+  .left-content{
+    width: 286px;
+    margin-right: 124px;
+  }
+  .right-content{
+    width: 286px;
+    
+  }
+}
+.footer{
+  height: 85px;
+  padding-right: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  .cancel-button{
+    width: 101px;
+    height: 40px;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    border: 1px solid #979797;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 24px;
+  }
+  .delete-button{
+    width: 146px;
+    height: 40px;
+    background: #ed6f6f;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 24px;
+  }
+  .save-button{
+    width: 146px;
+    height: 40px;
+    background: #0081FF;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+  }
+}
+</style>
diff --git a/src/views/demo/bidagency/index.vue b/src/views/demo/bidagency/index.vue
index 416e231..80ce549 100644
--- a/src/views/demo/bidagency/index.vue
+++ b/src/views/demo/bidagency/index.vue
@@ -21,17 +21,17 @@
             <a-input
               style="width: 201px;"
               class="search-input"
-              v-model:value="params.no"
+              v-model:value="params.code"
               placeholder="请输入信用代码" 
             />
-            <a-button class="search-button search" type="primary" >
+            <a-button class="search-button search" type="primary" @click="query()">
               <template #icon>
                 <div class="search-icon"></div>
               </template>
               搜索
             </a-button>
           </div>
-          <a-button class="search-button add-button" type="primary" >
+          <a-button class="search-button add-button" type="primary" @click="openAddEnterpriseModal('insert','')">
             <template #icon>
               <PlusOutlined />
             </template>
@@ -39,31 +39,33 @@
           </a-button>
         </div>
         <div class="content-div">
-          <a-table 
+          <a-table
+            :loading="loading"
+            rowKey="id"
             class="content-table"
             :row-selection="rowSelection"
-            :columns="getShowColumns()"
-            :data-source="data"
+            :columns="columns"
+            :data-source="showList"
             :pagination="false"
             :scroll="{ y: 550 }"
           >
-            <template #bodyCell="{ column, text }">
-              <template v-if="column.dataIndex === 'businesslicense'">
+            <template #bodyCell="{ column, text, record }">
+              <template v-if="column.dataIndex === 'license'">
                 <div class="blue-span">{{ text }}</div>
               </template>
-              <template v-if="column.dataIndex === 'status'">
-                <div :class="`status-cell ${text == '正常'? 'success-status': 'error-status'}`">
+              <template v-if="column.dataIndex === 'accountState'">
+                <div :class="`status-cell ${text == 0? 'success-status': 'error-status'}`">
                   <div class="status-icon"></div>
-                  {{ text }}
+                  {{ text == 0? '正常': '停用' }}
                 </div>
               </template>
               <template v-if="column.dataIndex === 'operate'">
                 <a-dropdown overlayClassName="operate-dropdown" placement="bottom" :arrow="{ pointAtCenter: true }">
                   <template #overlay>
                     <a-menu @click="operateClick">
-                      <a-menu-item key="1">修改</a-menu-item>
-                      <a-menu-item key="2">审核</a-menu-item>
-                      <a-menu-item key="4">账号管理</a-menu-item>
+                      <a-menu-item key="1" :disabled="record.isReview" @click="openAddEnterpriseModal('update',record)">修改</a-menu-item>
+                      <a-menu-item key="2" :disabled="record.isReview" @click="review(record)">审核</a-menu-item>
+                      <a-menu-item key="4" @click="accountManage(record)">账号管理</a-menu-item>
                     </a-menu>
                   </template>
                   <a-button class="operate-button" type="primary">
@@ -79,7 +81,7 @@
               v-model:current="page"
               v-model:pageSize="limit"
               show-quick-jumper
-              :total="500"
+              :total="total"
               @change="paginationChange"
             />
           </div>
@@ -140,22 +142,40 @@
         </div>
       </div>
     </div>
+    <a-modal width="775px" v-model:open="insertModalOpen" :footer="null" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
+      <InsertModal
+        :modalType="modalType"
+        :info="showInfo"
+        @changeAddModal="changeAddModal"
+        @query="query"
+      />
+    </a-modal>
+    <a-modal width="775px" v-model:open="accountManageModal" :footer="null" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
+      <AccountManage
+        :info="enterpriseInfo"
+        @changeManageModal="changeManageModal"
+        @query="query"
+      />
+    </a-modal>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue"
-import { yearOptions, proxyColumns, supplierColumns, proprietorColumns, data } from './util'
+import { ref, onMounted } from "vue"
+import { yearOptions, columns } from './util'
 import { SearchOutlined, PlusOutlined, DownOutlined } from '@ant-design/icons-vue'
+import { LoadBiddingAgency, ReviewBiddingAgency } from '@/api/demo/bidagency'
+import { message } from "ant-design-vue"
+import InsertModal from './InsertModal/index.vue'
+import AccountManage from './AccountManage/index.vue'
 
+onMounted(() => {
+  query()
+})
 const user = ref(3)
 const params = ref({
-  type: 0,
-  year: null,
-  name: null,
-  no: null,
-  genre: null,
-  form: null,
+  name:null,
+  code:null,
 })
 const fromValue = ref({
   title:'',
@@ -164,6 +184,14 @@ const fromValue = ref({
 })
 const page = ref(1)
 const limit = ref(10)
+const total = ref(0)
+const showList = ref([])
+const loading = ref(false)
+const insertModalOpen = ref(false)
+const accountManageModal = ref(false)
+const modalType = ref('')
+const showInfo = ref({})
+const enterpriseInfo = ref({})
 
 const rowSelection = {
   onChange: (selectedRowKeys, selectedRows) => {
@@ -174,25 +202,51 @@ const rowSelection = {
     name: record.name,
   }),
 };
-const changeTabs = (type) => {
-  params.value.type = type
-}
 const paginationChange = (a,b) => {
   console.log(a,b)
-}
-const getShowColumns = () => {
-  switch(user.value){
-    case 1: 
-      return proxyColumns
-    case 2:
-      return supplierColumns
-    case 3:
-      return proprietorColumns
-  }
+  query()
 }
 const operateClick = (a,b,c) => {
   console.log(a,b,c)
 }
+const query = () => {
+  let requestParams = {
+    ...params.value,
+    page: page.value,
+    limit: limit.value
+  }
+  loading.value = true
+  LoadBiddingAgency(requestParams).then(res => {
+    showList.value = res.items
+    total.value = res.total
+    page.value = 1
+  }).finally(() => {
+    loading.value = false
+  })
+}
+const changeAddModal = (type) => {
+  insertModalOpen.value = type
+}
+const changeManageModal = (type) => {
+  accountManageModal.value = type
+}
+const openAddEnterpriseModal = (type, item) => {
+  modalType.value = type
+  if(type == 'update'){
+    showInfo.value = item
+  }
+  changeAddModal(true)
+}
+const review = (record) => {
+  ReviewBiddingAgency(record.id).then(res => {
+    message.success('招标代理信息审核成功')
+    query()
+  })
+}
+const accountManage = (record) => {
+  enterpriseInfo.value = record
+  accountManageModal.value = true
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/demo/bidagency/util.ts b/src/views/demo/bidagency/util.ts
index d800c1b..c7adea2 100644
--- a/src/views/demo/bidagency/util.ts
+++ b/src/views/demo/bidagency/util.ts
@@ -2,52 +2,18 @@ import { getYearList } from '@/views/demo/util'
 
 export const yearOptions = getYearList();
 
-export const proxyColumns = [
-  {
-    title: '项目名称',
-    dataIndex: 'name',
-  },
-  {
-    title: '项目编号',
-    dataIndex: 'no',
-  },
-  {
-    title: '招标类型',
-    dataIndex: 'type',
-  },
-  {
-    title: '招标金额（元）',
-    dataIndex: 'money',
-  },
-  {
-    title: '招标形式',
-    dataIndex: 'form',
-  },
-  {
-    title: '采购人',
-    dataIndex: 'person',
-  },
-  {
-    title: '报名截止',
-    dataIndex: 'endtime',
-  },
-  {
-    title: '开标时间',
-    dataIndex: 'starttime',
-  },
-];
-export const supplierColumns = [
+export const columns = [
   {
     title: '企业名称',
     dataIndex: 'name',
   },
   {
     title: '信用代码',
-    dataIndex: 'no',
+    dataIndex: 'code',
   },
   {
     title: '营业执照',
-    dataIndex: 'businesslicense',
+    dataIndex: 'license',
   },
   {
     title: '企业法人',
@@ -55,124 +21,18 @@ export const supplierColumns = [
   },
   {
     title: '联系人',
-    dataIndex: 'user',
+    dataIndex: 'contactPerson',
   },
   {
     title: '联系方式',
-    dataIndex: 'usernumber',
-  },
-  {
-    title: '企业资质',
-    dataIndex: 'certification',
-  },
-  {
-    title: '操作',
-    dataIndex: 'operate',
-  },
-];
-export const proprietorColumns = [
-  {
-    title: '企业名称',
-    dataIndex: 'name',
-  },
-  {
-    title: '信用代码',
-    dataIndex: 'no',
-  },
-  {
-    title: '营业执照',
-    dataIndex: 'businesslicense',
-  },
-  {
-    title: '企业法人',
-    dataIndex: 'legalPerson',
-  },
-  {
-    title: '联系人',
-    dataIndex: 'user',
-  },
-  {
-    title: '联系方式',
-    dataIndex: 'usernumber',
+    dataIndex: 'phone',
   },
   {
     title: '账号状态',
-    dataIndex: 'status',
-  },
-  {
-    title: '企业资质',
-    dataIndex: 'certification',
+    dataIndex: 'accountState',
   },
   {
     title: '操作',
     dataIndex: 'operate',
   },
-];
-export const data = [
-  {
-    key: '1',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '正常',
-  },
-  {
-    key: '2',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '禁用',
-  },
-  {
-    key: '3',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '正常',
-  },
-  {
-    key: '4',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '禁用',
-  },
-  {
-    key: '5',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '正常',
-  },
-  {
-    key: '6',
-    name: 'XXXX有限公司',
-    no: '91110302****015136',
-    businesslicense: '文件名.jpg/png/pdf…',
-    legalPerson: '李XX',
-    user: '李XX',
-    usernumber: '1877999966',
-    certification: '材料类/工程类/服务类',
-    status: '禁用',
-  },
 ];
\ No newline at end of file