修改优化

hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue

@@ -48,64 +48,70 @@
   </div>
   <div style="display: flex; margin-top: 20px; height: calc(84% - 20px)">
     <div class="detailTable">
-      <a-card>
-        <div class="ns-form-title">
-          <div class="title">交易明细</div>
-          <div class="operation" style="display: flex">
-            <a-button type="primary" @click="addDetail">新增</a-button>
-            <a-upload
-              v-model:file-list="importFileList"
-              name="file"
-              accept=".xlsx"
-              :showUploadList="false"
-              :custom-request="importFile">
-              <a-button type="primary" style="margin-left: 6px">导入</a-button>
-            </a-upload>
-            <a-button type="primary" style="margin-left: 6px" @click="exportFile">导出</a-button>
-            <a-button
-              type="primary"
-              style="margin-left: 6px"
-              :disabled="selectedRowKeys.length === 0"
-              @click="deleteMore"
-              >批量删除</a-button
-            >
-          </div>
+      <div class="ns-form-title">
+        <div class="title">交易明细</div>
+        <div class="operation" style="display: flex">
+          <a-button type="primary" @click="addDetail">新增</a-button>
+          <a-upload
+            v-model:file-list="importFileList"
+            name="file"
+            accept=".xlsx"
+            :showUploadList="false"
+            :custom-request="importFile">
+            <a-button type="primary" style="margin-left: 6px">导入</a-button>
+          </a-upload>
+          <a-button type="primary" style="margin-left: 6px" @click="exportFile">导出</a-button>
+          <a-button
+            type="primary"
+            style="margin-left: 6px"
+            :disabled="selectedRowKeys.length === 0"
+            @click="deleteMore"
+            >批量删除</a-button
+          >
         </div>
-        <a-table
-          :columns="columns"
-          :data-source="data"
-          rowKey="id"
-          @change="onChange"
-          :rowSelection="{
-            selectedRowKeys: selectedRowKeys,
-            onChange: onSelectionChange,
-          }"
-          :scroll="{ x: 1500, y: 400 }"
-          :pagination="false">
-          <template #bodyCell="{ column, text, record }">
-            <template v-if="column.dataIndex === 'accountType'">
-              <span v-if="record.accountType">{{ record.accountType.label }}</span>
-            </template>
-            <template v-if="column.key === 'action'">
-              <span>
-                <a @click="editData(record)">编辑</a>
-                <a-divider type="vertical" />
-                <a @click="delData(record)">删除</a>
-              </span>
-            </template>
+      </div>
+      <a-table
+        :columns="columns"
+        :data-source="data"
+        rowKey="id"
+        @change="onChange"
+        :rowSelection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: onSelectionChange,
+        }"
+        :scroll="{ x: 1500, y: 400 }"
+        :pagination="false">
+        <template #bodyCell="{ column, text, record }">
+          <template v-if="column.dataIndex === 'accountType'">
+            <span v-if="record.accountType">{{ record.accountType.label }}</span>
           </template>
-        </a-table>
-        <a-pagination
-          :current="queryParams.pageNum"
-          :total="total"
-          :page-size="queryParams.pageSize"
-          style="display: flex; justify-content: center; margin-top: 16px"
-          :show-size-changer="true"
-          :show-quick-jumper="true"
-          @change="onChange" />
-      </a-card>
+          <template v-if="column.key === 'action'">
+            <span>
+              <a @click="editData(record)">编辑</a>
+              <a-divider type="vertical" />
+              <a @click="delData(record)">删除</a>
+            </span>
+          </template>
+        </template>
+      </a-table>
+      <a-pagination
+        :current="queryParams.pageNum"
+        :total="total"
+        :page-size="queryParams.pageSize"
+        style="display: flex; justify-content: center; margin-top: 16px"
+        :show-size-changer="true"
+        :show-quick-jumper="true"
+        @change="onChange" />
     </div>
     <div class="total">
+      <div class="ns-form-title">
+        <div class="title">配额统计</div>
+        <div class="operation" style="display: flex; justify-content: space-around; width: 63%">
+          <a-button type="primary" @click="getTotalTable(1)">全国配额</a-button>
+          <a-button type="primary" @click="getTotalTable(2)">地方配额</a-button>
+          <a-button type="primary" @click="getTotalTable(3)">CCER配额</a-button>
+        </div>
+      </div>
       <a-table :columns="totalColumns" :data-source="totalData" bordered :pagination="false">
         <template #bodyCell="{ column, text }">
           <template v-if="column.dataIndex === 'name'">
@@ -123,6 +129,9 @@
     :footer-style="{ textAlign: 'right' }"
     destroyOnClose
     @close="onClose">
+    <div class="ns-form-title" style="display: flex">
+      <div class="title">{{ text }}</div>
+    </div>
     <a-form
       ref="formRef"
       :model="formState"
@@ -295,6 +304,7 @@
   };
   const editData = (record) => {
     getDictList();
+    text.value = '编辑';
     visible.value = true;
     formState.value.id = record.id;
     fetch(uploadPic.select, { bizId: record.id, bizType: 1 }).then((res) => {
@@ -376,6 +386,7 @@
   };
   // 新增相关数据
   const visible = ref(false);
+  const text = ref('新增');
   const formState = ref({
     orgId: orgId.value,
   });
@@ -404,6 +415,7 @@
   getDictList();
   // 点击新增
   const addDetail = () => {
+    text.value = '新增';
     visible.value = true;
     getDictList();
   };
@@ -447,7 +459,7 @@
 
         // 清理 URL 对象
         window.URL.revokeObjectURL(url);
-        selectedRowKeys.value = []
+        selectedRowKeys.value = [];
       })
       .catch((error) => {
         console.error('下载失败：', error);
@@ -545,7 +557,10 @@
     formRef.value.resetFields();
   };
   // 统计表格
-  const getTotalTable = () => {
+  const getTotalTable = (type) => {
+    if (type) {
+      queryParams.value.accountType = type;
+    }
     fetch(carbonAssets.quotaStatistics, queryParams.value).then((res) => {
       totalData.value = res.data;
     });
@@ -614,11 +629,13 @@
     height: 100%;
     background: white;
     border-radius: 12px;
+    padding: 16px;
   }
   .total {
     width: calc(35% - 20px);
     height: 100%;
     background: white;
     border-radius: 12px;
+    padding: 16px;
   }
 </style>