src/apis/modules/contract.js

@@ -1,18 +0,0 @@
-/**
- *  合同接口
- */
-import request from '@/utils/request'
-// 获取待审核列表
-export const getPageList = (params) => request.basic.get('/api/v1/contractPendingList', params)
-// 审核
-export const review = (id) => request.basic.post(`/api/v1/contractPendingList/review`,params)
-//合同详情
-export const getInfo=(id)=>request.basic.get('/api/v1/contractPendingList/'+id)
-// 审核失败列表
-export const getFaildList = (params) => request.basic.get('/api/v1/rejectContractList', params)
-// 待签章列表
-export const getPendingList = (params) => request.basic.get('/api/v1/signatureList', params)
-// 上传签章合同
-export const pendingUpload = (params) => request.basic.post('/api/v1/uploadSignature', params)
-// 已签章列表
-export const getinvoiceSuccessList = (params) => request.basic.get('/api/v1/sealedtrueList', params)

src/views/contract/contractPendingList/index.vue

@@ -1,29 +1,64 @@
 <template>
     <x-search-bar class="mb-8-2">
         <template #default="{ gutter, colSpan }">
-            <a-form  :model="searchFormData" layout="inline">
+            <a-form
+                :label-col="{ style: { width: '100px' } }"
+                :model="searchFormData"
+                layout="inline">
                 <a-row :gutter="gutter">
                     <a-col v-bind="colSpan">
-                        <a-form-item name="username" label="用户名">
+                        <a-form-item name="title">
-                            <a-input v-model:value="searchFormData.username"></a-input>
+                            <template #label>
+                                规则名称
+                                <a-tooltip title="规则名称是唯一的 key">
+                                    <question-circle-outlined class="ml-4-1 color-placeholder" />
+                                </a-tooltip>
+                            </template>
+                            <a-input v-model:value="searchFormData.title"></a-input>
                         </a-form-item>
                     </a-col>
                     <a-col v-bind="colSpan">
-                        <a-form-item label="手机号" title="phone">
+                        <a-form-item label="描述">
-                            <a-input v-model:value="searchFormData.phone"></a-input>
+                            <a-input></a-input>
+                        </a-form-item>
+                    </a-col>
+                    <template v-if="searchBarExpand">
+                        <a-col v-bind="colSpan">
+                            <a-form-item label="服务调用次数">
+                                <a-input></a-input>
                             </a-form-item>
                         </a-col>
                         <a-col v-bind="colSpan">
-                        <a-form-item label="合同编号" title="contractId">
+                            <a-form-item label="状态">
-                            <a-input v-model:value="searchFormData.contractId"></a-input>
+                                <a-select></a-select>
                             </a-form-item>
                         </a-col>
-                    <a-col class="align-right" v-bind="colSpan">
+                        <a-col v-bind="colSpan">
+                            <a-form-item label="上次调度时间">
+                                <a-date-picker placeholder=""></a-date-picker>
+                            </a-form-item>
+                        </a-col>
+                    </template>
+                    <a-col
+                        class="align-right"
+                        v-bind="colSpan">
                         <a-space>
-                            <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                            <a-button>重置</a-button>
-                            <a-button ghost type="primary" @click="handleSearch">
+                            <a-button
+                                ghost
+                                type="primary"
+                                @click="handleSearch">
                                 搜索
                             </a-button>
+                            <a @click="() => (searchBarExpand = !searchBarExpand)">
+                                展开
+                                <template v-if="searchBarExpand">
+                                    <up-outlined :style="{ fontSize: '12px' }"></up-outlined>
+                                </template>
+                                <template v-else>
+                                    <down-outlined :style="{ fontSize: '12px' }"></down-outlined>
+                                </template>
+                            </a>
                         </a-space>
                     </a-col>
                 </a-row>
@@ -31,22 +66,101 @@
         </template>
     </x-search-bar>
     <a-card>
-        <a-table :columns="columns" :data-source="listData" :loading="loading" bordered :pagination="paginationState"
+        <x-action-bar class="mb-8-2">
-            :size="size" row-key="id" @change="onTableChange">
+            <a-button
+                type="primary"
+                @click="$refs.editDialogRef.handleCreate()">
+                <template #icon>
+                    <plus-outlined></plus-outlined>
+                </template>
+                新建
+            </a-button>
+            <template #extra>
+                <a-space>
+                    <a-tooltip title="刷新">
+                        <a-button
+                            type="text"
+                            @click="handleSearch">
+                            <template #icon>
+                                <reload-outlined></reload-outlined>
+                            </template>
+                        </a-button>
+                    </a-tooltip>
+                    <a-dropdown>
+                        <a-tooltip title="密度">
+                            <a-button type="text">
+                                <template #icon>
+                                    <column-height-outlined></column-height-outlined>
+                                </template>
+                            </a-button>
+                        </a-tooltip>
+                        <template #overlay>
+                            <a-menu
+                                :selectedKeys="[size]"
+                                @click="handleSize">
+                                <a-menu-item key="default">默认</a-menu-item>
+                                <a-menu-item key="middle">中等</a-menu-item>
+                                <a-menu-item key="small">紧凑</a-menu-item>
+                            </a-menu>
+                        </template>
+                    </a-dropdown>
+                    <a-tooltip title="设置">
+                        <a-button type="text">
+                            <template #icon>
+                                <setting-outlined></setting-outlined>
+                            </template>
+                        </a-button>
+                    </a-tooltip>
+                </a-space>
+            </template>
+        </x-action-bar>
+        <a-table
+            :columns="columns"
+            :data-source="listData"
+            :loading="loading"
+            :pagination="paginationState"
+            :size="size"
+            row-key="id"
+            @change="onTableChange">
             <template #bodyCell="{ column, record }">
                 <template v-if="'action' === column.key">
-                    <x-action-button @click="handleReview(record)">审核</x-action-button>
+                    <x-action-button @click="$refs.editDialogRef.handleEdit(record)">编辑</x-action-button>
-                    <x-action-button @click="$refs.editDialogRef.handleEdit(record)">详情</x-action-button>
+                    <x-action-button @click="handleDelete(record)">删除</x-action-button>
+                    <x-action-button>
+                        <a-dropdown :trigger="['click']">
+                            <more-outlined></more-outlined>
+                            <template #overlay>
+                                <a-menu>
+                                    <a-menu-item>菜单1</a-menu-item>
+                                    <a-menu-item>菜单2</a-menu-item>
+                                    <a-menu-item>菜单3</a-menu-item>
+                                </a-menu>
+                            </template>
+                        </a-dropdown>
+                    </x-action-button>
                 </template>
             </template>
         </a-table>
     </a-card>
-    <edit-dialog ref="editDialogRef" @ok="onOk" />
+
+    <edit-dialog
+        ref="editDialogRef"
+        @ok="onOk" />
 </template>
 
 <script setup>
 import { message, Modal } from 'ant-design-vue'
 import { ref } from 'vue'
+import {
+    ColumnHeightOutlined,
+    DownOutlined,
+    QuestionCircleOutlined,
+    ReloadOutlined,
+    SettingOutlined,
+    UpOutlined,
+    PlusOutlined,
+    MoreOutlined,
+} from '@ant-design/icons-vue'
 import apis from '@/apis'
 import { config } from '@/config'
 import { usePagination } from '@/hooks'
@@ -57,47 +171,47 @@ defineOptions({
 })
 
 const columns = [
-    { title: '用户名', dataIndex: 'username' },
+    { title: '区域ID', dataIndex: 'hostId' },
-    { title: '手机号', dataIndex: 'phone' },
+    { title: '区域名称', dataIndex: 'hostName' },
-    { title: '发票金额', dataIndex: 'invoiceAmount' },
+    { title: '区域编码', dataIndex: 'regionId' },
-    { title: '发票类型', dataIndex: 'invoiceType' },
+    { title: '数据中心地址', dataIndex: 'cpu' },
-    { title: '状态', dataIndex: 'status' },
+    { title: '状态', dataIndex: 'memory' },
-    { title: '发票编号', dataIndex: 'invoiceNumber' },
+    { title: '部署主机数量（主机数量）', dataIndex: 'storage' },
-    { title: '开票日期', dataIndex: 'issueDate' },
+    { title: '可用计算卡总数', dataIndex: 'ip' },
-    { title: '开票方式', dataIndex: 'issueMethod' },
+    { title: '操作', key: 'action', width: 160 },
-    { title: '备注', dataIndex: 'remarks' },
 ]
-const { listData, paginationState, loading, showLoading, hideLoading, resetPagination, searchFormData } =usePagination()
+// const { listData, paginationState, loading, showLoading, hideLoading, resetPagination, searchFormData } =
+//     usePagination()
+const listData = ref([])
 const editDialogRef = ref()
 const searchBarExpand = ref(false)
 const size = ref('default')
 
-getPageList()
+// getPageList()
 
 /**
  * 获取分页列表
  */
 async function getPageList() {
     try {
-        showLoading()
+        // showLoading()
-        const { pageSize, current } = paginationState
+        // const { pageSize, current } = paginationState
-        const { code, data } = await apis.invoice
+        // const { code, data } = await apis.common
-            .getDeliveriesFailedList({
+        //     .getPageList({
-                pageSize,
+        //         pageSize,
-                current: current,
+        //         current: current,
-                ...searchFormData.value
+        //     })
-            })
+        //     .catch(() => {
-            .catch(() => {
+        //         throw new Error()
-                throw new Error()
+        //     })
-            })
+        // hideLoading()
-        hideLoading()
+        // if (config('http.code.success') === code) {
-        if (config('http.code.success') === code) {
+        //     const { records, pagination } = data
-            const { records, pagination } = data
+        //     listData.value = records
-            listData.value = records
+        //     paginationState.total = pagination.total
-            paginationState.total = pagination.total
+        // }
-        }
     } catch (error) {
-        hideLoading()
+        // hideLoading()
     }
 }
 
@@ -105,8 +219,8 @@ async function getPageList() {
  * 搜索
  */
 function handleSearch() {
-    resetPagination()
+    // resetPagination()
-    getPageList()
+    // getPageList()
 }
 
 /**
@@ -151,24 +265,16 @@ function handleSize({ key }) {
  * @param pageSize
  */
 function onTableChange({ current, pageSize }) {
-    paginationState.current = current
+    // paginationState.current = current
-    paginationState.pageSize = pageSize
+    // paginationState.pageSize = pageSize
-    getPageList()
+    // getPageList()
 }
 
 /**
  * 完成
  */
 function onOk() {
-    getPageList()
+    // getPageList()
-}
-/**
- * 重置
- */
-function handleResetSearch() {
-    searchFormData.value = {}
-    resetPagination()
-    getPageList()
 }
 </script>