222

src/styles/app/element.scss

@@ -80,3 +80,7 @@
 .gutter {
     background-color: transparent;
 }
+
+.hc-card-item-box {
+    background: #f9f9f9 !important;
+}

src/views/alter/admin/components/order/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="变更令" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="变更令" @save="addModalSave" @close="addModalClose">
         <div class="relative h-full flex">
             <div id="hc_add_dialog_tree_card">
                 <hc-card-item title="工程部位" scrollbar>
@@ -101,7 +101,7 @@
                     </hc-card-item>
                     <!-- 变更申请部位 -->
                     <hc-card-item title="变更申请部位" class="mt-3">
-                        <hc-table :column="tableColumn" :datas="tableData">
+                        <hc-table :column="tableColumn" :datas="tableData" is-new :index-style="{ width: 60 }">
                             <template #key3="{ row }">
                                 <hc-table-input v-model="row.key3" />
                             </template>
@@ -151,7 +151,7 @@
 
         <!-- 变更申请清单 -->
         <ChangeRequest v-model="isChangeShow" />
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/order/changePre.vue

@@ -1,17 +1,21 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="引用预变更" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="引用预变更" @save="addModalSave" @close="addModalClose">
         <hc-card-item>
             <template #header>
                 <div class="w-60">
                     <el-input v-model="searchForm.key1" placeholder="变更方案编号" />
                 </div>
             </template>
-            <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+            <hc-table
+                :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableCheckChange"
+            />
             <template #action>
                 <hc-pages :pages="searchForm" @change="pageChange" />
             </template>
         </hc-card-item>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/order/changeRequest.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="变更清单添加" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="变更清单添加" @save="addModalSave" @close="addModalClose">
         <hc-card-item>
             <template #header>
                 <div class="w-60">
@@ -9,12 +9,16 @@
             <template #extra>
                 <el-link type="primary">显示已分解</el-link>
             </template>
-            <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+            <hc-table
+                :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableCheckChange"
+            />
             <template #action>
                 <hc-pages :pages="searchForm" @change="pageChange" />
             </template>
         </hc-card-item>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/plan/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="变更方案" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="变更方案" @save="addModalSave" @close="addModalClose">
         <div class="relative h-full flex">
             <div id="hc_add_dialog_tree_card">
                 <hc-card-item title="工程部位" scrollbar>
@@ -82,7 +82,7 @@
                     </hc-card-item>
                     <!-- 变更申请部位 -->
                     <hc-card-item title="变更申请部位" class="mt-3">
-                        <hc-table :column="tableColumn" :datas="tableData">
+                        <hc-table :column="tableColumn" :datas="tableData" is-new :index-style="{ width: 60 }">
                             <template #key3="{ row }">
                                 <hc-table-input v-model="row.key3" />
                             </template>
@@ -116,7 +116,7 @@
                         </div>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="附件列表">
-                        <hc-table :column="tableColumn2" :datas="tableData2">
+                        <hc-table :column="tableColumn2" :datas="tableData2" is-new :index-style="{ width: 60 }">
                             <template #action="{ row }">
                                 <el-link type="primary">选择文件</el-link>
                                 <el-link type="danger">清除</el-link>
@@ -132,7 +132,7 @@
 
         <!-- 变更申请清单 -->
         <ChangeRequest v-model="isChangeShow" />
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/plan/changePre.vue

@@ -1,17 +1,21 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="引用预变更" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="引用预变更" @save="addModalSave" @close="addModalClose">
         <hc-card-item>
             <template #header>
                 <div class="w-60">
                     <el-input v-model="searchForm.key1" placeholder="变更方案编号" />
                 </div>
             </template>
-            <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+            <hc-table
+                :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableCheckChange"
+            />
             <template #action>
                 <hc-pages :pages="searchForm" @change="pageChange" />
             </template>
         </hc-card-item>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/plan/changeRequest.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="变更清单添加" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="变更清单添加" @save="addModalSave" @close="addModalClose">
         <hc-card-item>
             <template #header>
                 <div class="w-60">
@@ -9,12 +9,16 @@
             <template #extra>
                 <el-link type="primary">显示已分解</el-link>
             </template>
-            <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+            <hc-table
+                :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableCheckChange"
+            />
             <template #action>
                 <hc-pages :pages="searchForm" @change="pageChange" />
             </template>
         </hc-card-item>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/pre/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="预变更" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="预变更" @save="addModalSave" @close="addModalClose">
         <div class="relative h-full flex">
             <div id="hc_add_dialog_tree_card">
                 <hc-card-item title="工程部位" scrollbar>
@@ -69,7 +69,7 @@
                     </hc-card-item>
                     <!-- 变更申请部位 -->
                     <hc-card-item title="变更申请部位" class="mt-3">
-                        <hc-table :column="tableColumn" :datas="tableData">
+                        <hc-table :column="tableColumn" :datas="tableData" is-new :index-style="{ width: 60 }">
                             <template #key3="{ row }">
                                 <hc-table-input v-model="row.key3" />
                             </template>
@@ -106,7 +106,7 @@
             </div>
         </div>
         <ChangeRequest v-model="isChangeShow" />
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/components/pre/changeRequest.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="90%" :show="isShow" title="预变更清单添加" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="90%" :show="isShow" title="预变更清单添加" @save="addModalSave" @close="addModalClose">
         <hc-card-item>
             <template #header>
                 <div class="w-60">
@@ -9,12 +9,16 @@
             <template #extra>
                 <el-link type="primary">显示已分解</el-link>
             </template>
-            <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+            <hc-table
+                :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableCheckChange"
+            />
             <template #action>
                 <hc-pages :pages="searchForm" @change="pageChange" />
             </template>
         </hc-card-item>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/admin/order.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -23,7 +23,7 @@
         <div class="relative h-full flex">
             <div :id="`hc_table_card_${uuid}`" class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -81,7 +81,7 @@
                         </hc-info-table>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请部位">
-                        <hc-table :column="tableColumn1" :datas="tableData1" />
+                        <hc-table :column="tableColumn1" :datas="tableData1" is-new :index-style="{ width: 60 }" />
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请清单">
                         <div class="hc-table-ref-box no-border">
@@ -104,7 +104,7 @@
                         </div>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="附件列表">
-                        <hc-table :column="tableColumn2" :datas="tableData2" />
+                        <hc-table :column="tableColumn2" :datas="tableData2" is-new :index-style="{ width: 60 }" />
                     </hc-card-item>
                 </el-scrollbar>
             </div>
@@ -115,7 +115,7 @@
 
         <!-- 新增修改的弹窗 -->
         <addModal v-model="isAddShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/admin/plan.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -23,7 +23,7 @@
         <div class="relative h-full flex">
             <div :id="`hc_table_card_${uuid}`" class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -73,7 +73,7 @@
                         </hc-info-table>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请部位">
-                        <hc-table :column="tableColumn1" :datas="tableData1" />
+                        <hc-table :column="tableColumn1" :datas="tableData1" is-new :index-style="{ width: 60 }" />
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请清单">
                         <div class="hc-table-ref-box no-border">
@@ -96,7 +96,7 @@
                         </div>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="附件列表">
-                        <hc-table :column="tableColumn2" :datas="tableData2" />
+                        <hc-table :column="tableColumn2" :datas="tableData2" is-new :index-style="{ width: 60 }" />
                     </hc-card-item>
                 </el-scrollbar>
             </div>
@@ -107,7 +107,7 @@
 
         <!-- 新增修改的弹窗 -->
         <addModal v-model="isAddShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/admin/pre.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -20,7 +20,7 @@
         <div class="relative h-full flex">
             <div :id="`hc_table_card_${uuid}`" class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -64,7 +64,7 @@
                         </hc-info-table>
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请部位">
-                        <hc-table :column="tableColumn1" :datas="tableData1" />
+                        <hc-table :column="tableColumn1" :datas="tableData1" is-new :index-style="{ width: 60 }" />
                     </hc-card-item>
                     <hc-card-item class="mt-3" title="变更申请清单">
                         <div class="hc-table-ref-box no-border">
@@ -91,7 +91,7 @@
         </div>
         <!-- 新增修改的弹窗 -->
         <addModal v-model="isAddShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/admin/zero.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -48,7 +48,7 @@
                     <template #header>
                         <div class="font-400 text-orange">零号变更数据列表</div>
                     </template>
-                    <hc-table :is-index="false" :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :is-index="false" :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new>
                         <template #action="{ row }">
                             <el-link type="danger">删除</el-link>
                         </template>
@@ -56,7 +56,7 @@
                 </hc-card-item>
             </div>
         </div>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/collection/components/tableInfoModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-footer-center widths="30rem" :show="isShow" title="变更归档文件" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog widths="30rem" :show="isShow" title="变更归档文件" @save="addModalSave" @close="addModalClose">
         <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto" size="large">
             <el-form-item label="文件编号：">
                 <el-input v-model="formModel.key1" />
@@ -14,7 +14,7 @@
                 <el-input v-model="formModel.key4" :autosize="{ minRows: 4, maxRows: 8 }" type="textarea" />
             </el-form-item>
         </el-form>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/collection/components/treeInfoModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-footer-center widths="30rem" :show="isShow" title="变更归档目录" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog widths="30rem" :show="isShow" title="变更归档目录" @save="addModalSave" @close="addModalClose">
         <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto" size="large">
             <el-form-item label="文件编号：">
                 <el-input v-model="formModel.key1" />
@@ -17,7 +17,7 @@
                 <el-input v-model="formModel.key4" :autosize="{ minRows: 4, maxRows: 8 }" type="textarea" />
             </el-form-item>
         </el-form>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/alter/collection/scan.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
         </template>
@@ -17,7 +17,7 @@
             </div>
             <div :id="`hc_table_card_${uuid}`" class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="primary">扫描</el-link>
                             <el-link type="success">修改</el-link>
@@ -36,7 +36,7 @@
 
         <!-- 表格的新增和编辑 -->
         <tableInfoModal v-model="isTableInfoShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/count.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div class="ml-3 w-40">
@@ -29,7 +29,7 @@
                 <el-table-column prop="key14" label="备注" />
             </el-table>
         </div>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/cover.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -17,7 +17,7 @@
             </el-button>
         </template>
         文档文件
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/ledger.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -38,7 +38,7 @@
                 <el-table-column prop="key4" label="增减金额" />
             </el-table>
         </div>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/pre-ledger.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -17,7 +17,7 @@
             </el-button>
         </template>
         表格文件
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/table.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -42,7 +42,7 @@
                 <el-table-column prop="key14" label="备注" />
             </el-table>
         </div>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/alter/ledgers/table2.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
             <div v-if="tabKey === 'key2'" class="ml-3 w-40">
@@ -54,7 +54,7 @@
                 <el-table-column prop="key14" label="计量金额(元)" />
             </el-table>
         </div>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/admin/apply.vue

@@ -1,60 +1,59 @@
 <template>
-    <hc-card>
-        <template #header>
-            <div class="w-40">
-                <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
-                    <el-option v-for="item in key1Data" :key="item.id" :label="item.name" :value="item.id" />
-                </el-select>
-            </div>
-        </template>
-        <template #extra>
-            <el-button hc-btn type="primary" @click="addModalClick">
-                <HcIcon name="add" />
-                <span>新增</span>
-            </el-button>
-            <el-button hc-btn type="warning" @click="reportClick">
-                <HcIcon name="send-plane-2" />
-                <span>上报</span>
-            </el-button>
-            <el-button hc-btn type="success" @click="detailsModalClick">
-                <HcIcon name="file-list" />
-                <span>清单明细</span>
-            </el-button>
-        </template>
-        <div class="relative h-full flex">
-            <div :id="`hc_tree_card_${uuid}`">
-                <hc-card-item scrollbar>
-                    <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode" />
-                </hc-card-item>
-            </div>
-            <div :id="`hc_table_card_${uuid}`" class="flex-1">
-                <hc-card-item>
-                    <template #header>
-                        <div class="font-400 text-orange">收方总金额：0元</div>
-                    </template>
-                    <template #extra>
-                        <el-button hc-btn color="#626aef">
-                            <HcIcon name="sort-desc" :line="false" />
-                            <span>按部位排序</span>
-                        </el-button>
-                        <el-button hc-btn color="#626aef">
-                            <HcIcon name="sort-desc" :line="false" />
-                            <span>按录入时间排序</span>
-                        </el-button>
-                    </template>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
-                        <template #action="{ row }">
-                            <el-link type="primary" @click="giveTaskModalClick(row)">下达</el-link>
-                            <el-link type="success">修改</el-link>
-                            <el-link type="danger">删除</el-link>
-                        </template>
-                    </hc-table>
-                    <template #action>
-                        <hc-pages :pages="searchForm" @change="pageChange" />
+    <div class="relative h-full flex">
+        <div :id="`hc_tree_card_${uuid}`">
+            <hc-new-card scrollbar>
+                <template #header>
+                    <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
+                        <el-option v-for="item in key1Data" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </template>
+                <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode" />
+            </hc-new-card>
+        </div>
+        <div :id="`hc_table_card_${uuid}`" class="flex-1">
+            <hc-new-card>
+                <template #header>
+                    <div class="font-400 text-orange">收方总金额：0元</div>
+                </template>
+                <template #extra>
+                    <el-button hc-btn type="primary" @click="addModalClick">
+                        <HcIcon name="add" />
+                        <span>新增</span>
+                    </el-button>
+                    <el-button hc-btn type="warning" @click="reportClick">
+                        <HcIcon name="send-plane-2" />
+                        <span>上报</span>
+                    </el-button>
+                    <el-button hc-btn type="success" @click="detailsModalClick">
+                        <HcIcon name="file-list" />
+                        <span>清单明细</span>
+                    </el-button>
+                    <el-button hc-btn color="#626aef">
+                        <HcIcon name="sort-desc" :line="false" />
+                        <span>按部位排序</span>
+                    </el-button>
+                    <el-button hc-btn color="#626aef">
+                        <HcIcon name="sort-desc" :line="false" />
+                        <span>按录入时间排序</span>
+                    </el-button>
+                </template>
+                <hc-table
+                    :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new is-check
+                    :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                    @selection-change="tableCheckChange"
+                >
+                    <template #action="{ row }">
+                        <el-link type="primary" @click="giveTaskModalClick(row)">下达</el-link>
+                        <el-link type="success">修改</el-link>
+                        <el-link type="danger">删除</el-link>
                     </template>
-                </hc-card-item>
-            </div>
+                </hc-table>
+                <template #action>
+                    <hc-pages :pages="searchForm" @change="pageChange" />
+                </template>
+            </hc-new-card>
         </div>
+
         <!-- 中间收方新增 -->
         <HcAddModal v-model="addModalShow" />
 
@@ -72,7 +71,7 @@
 
         <!-- 上报弹窗 -->
         <hc-report-dialog v-model="isReport" />
-    </hc-card>
+    </div>
 </template>
 
 <script setup>
@@ -156,7 +155,7 @@ const tableColumn = ref([
     { key: 'key4', name: '收方金额' },
     { key: 'key5', name: '业务日期' },
     { key: 'key6', name: '审核状态' },
-    { key: 'action', name: '操作', width: 200, align: 'center' },
+    { key: 'action', name: '操作', width: 120, align: 'center' },
 ])
 const tableData = ref([
     { key1: '1111' },

src/views/debit-pay/admin/book.vue

@@ -1,7 +1,7 @@
 <template>
-    <hc-card title="开工预付款报表册">
+    <hc-new-card title="开工预付款报表册">
         原页面404，不知道功能是什么
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/admin/certificate.vue

@@ -1,12 +1,15 @@
 <template>
-    <hc-card title="中期支付证书列表">
+    <hc-new-card title="中期支付证书列表">
         <template #extra>
             <el-button hc-btn type="primary" @click="addModalClick">
                 <HcIcon name="add" />
                 <span>新增</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            is-new :index-style="{ width: 60 }"
+        >
             <template #action="{ row }">
                 <el-link type="primary">查看报表</el-link>
                 <el-link type="success" @click="rowEditClick(row)">修改</el-link>
@@ -24,7 +27,7 @@
 
         <!-- 中间计量新增 -->
         <HcEditModal v-model="editModalShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/addBillBaseModal.vue

@@ -1,7 +1,11 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="添加分解清单" @save="modalSave" @close="modalClose">
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
-    </hc-dialog>
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="添加分解清单" @save="modalSave" @close="modalClose">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+            @selection-change="tableCheckChange"
+        />
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/apply/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="中间收方新增" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="中间收方新增" @save="addModalSave" @close="addModalClose">
         <el-scrollbar>
             <!-- 基础表单 -->
             <hc-card-item title="基础表单">
@@ -70,7 +70,7 @@
                         <span>添加</span>
                     </el-button>
                 </template>
-                <hc-table :column="addTableColumn" :datas="addTableData">
+                <hc-table is-new :index-style="{ width: 60 }" :column="addTableColumn" :datas="addTableData">
                     <template #key3="{ row }">
                         <hc-table-input v-model="row.key3" disabled />
                     </template>
@@ -109,7 +109,7 @@
                 </el-form>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 
     <!-- 添加分解清单 -->
     <HcBillBaseModal v-model="addBillBaseModalShow" />

src/views/debit-pay/admin/components/certificate/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-footer-center widths="30rem" :show="isShow" title="新增中期支付证书" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog widths="30rem" :show="isShow" title="新增中期支付证书" @save="addModalSave" @close="addModalClose">
         <el-form ref="formRef" class="p-2" label-position="top" :model="formModel" :rules="formRules" size="large">
             <el-form-item label="计量期：" prop="key1">
                 <el-select v-model="formModel.key1" block>
@@ -25,7 +25,7 @@
                 <div class="form-item-div" />
             </el-form-item>
         </el-form>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/certificate/editModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="修改中期支付证书" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="修改中期支付证书" @save="addModalSave" @close="addModalClose">
         <el-scrollbar>
             <!-- 基础表单 -->
             <hc-card-item>
@@ -57,14 +57,14 @@
 
             <!-- 表格数据 -->
             <hc-card-item class="mt-3">
-                <hc-table :is-index="false" :column="tableColumn" :datas="tableData">
+                <hc-table is-new :is-index="false" :column="tableColumn" :datas="tableData">
                     <template #key8="{ row }">
                         <hc-table-input v-model="row.key8" disabled />
                     </template>
                 </hc-table>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/detailsModal.vue

@@ -1,9 +1,9 @@
 <template>
-    <hc-dialog ui="is-no-footer" is-to-body is-table :footer="false" widths="1200px" :show="isShow" title="收方清单明细" @close="modalClose">
+    <hc-new-dialog is-table :footer="false" widths="1200px" :show="isShow" title="收方清单明细" @close="modalClose">
         <div class="relative h-full">
             <div id="hc_details_table">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" />
+                    <hc-table is-new :index-style="{ width: 60 }" :column="tableColumn" :datas="tableData" :loading="tableLoading" />
                     <template #action>
                         <hc-pages :pages="searchForm" @change="pageChange" />
                     </template>
@@ -11,11 +11,11 @@
             </div>
             <div id="hc_details_list">
                 <hc-card-item>
-                    <hc-table :column="tableColumn1" :datas="tableData1" />
+                    <hc-table is-new :index-style="{ width: 60 }" :column="tableColumn1" :datas="tableData1" />
                 </hc-card-item>
             </div>
         </div>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/middlepay/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="中间计量新增" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="中间计量新增" @save="addModalSave" @close="addModalClose">
         <el-scrollbar>
             <!-- 基础表单 -->
             <hc-card-item title="基础表单">
@@ -83,7 +83,7 @@
                         <span>添加</span>
                     </el-button>
                 </template>
-                <hc-table :column="addTableColumn" :datas="addTableData">
+                <hc-table is-new :index-style="{ width: 60 }" :column="addTableColumn" :datas="addTableData">
                     <template #key3="{ row }">
                         <hc-table-input v-model="row.key3" disabled />
                     </template>
@@ -122,7 +122,7 @@
                 </el-form>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 
     <!-- 添加分解清单 -->
     <HcBillBaseModal v-model="addBillBaseModalShow" />

src/views/debit-pay/admin/components/middlepay/linkAlterModal.vue

@@ -1,7 +1,11 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="关联变更令" @save="modalSave" @close="modalClose">
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
-    </hc-dialog>
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="关联变更令" @save="modalSave" @close="modalClose">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+            @selection-change="tableCheckChange"
+        />
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/middlepay/linkDebitModal.vue

@@ -1,7 +1,11 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="关联变更令" @save="modalSave" @close="modalClose">
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
-    </hc-dialog>
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="关联变更令" @save="modalSave" @close="modalClose">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+            @selection-change="tableCheckChange"
+        />
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/components/middlepay/linkWarranty.vue

@@ -1,6 +1,6 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="选择需要关联的检查的部位" @save="modalSave" @close="modalClose">
-        <hc-card>
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="选择需要关联的检查的部位" @save="modalSave" @close="modalClose">
+        <hc-new-card>
             <template #header>
                 <div class="w-60">
                     <el-input v-model="searchForm.queryValue" clearable placeholder="请输入部位名称检索" @keyup="keyUpEvent" />
@@ -27,7 +27,11 @@
                 </div>
                 <div id="hc_table_warranty" class="flex-1">
                     <hc-card-item>
-                        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+                        <hc-table
+                            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                            is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                            @selection-change="tableCheckChange"
+                        />
                         <template #action>
                             <hc-pages :pages="searchForm" @change="pageChange" />
                         </template>
@@ -36,14 +40,18 @@
             </div>
             <div v-if="typeKey === '2'" class="relative h-full">
                 <hc-card-item>
-                    <hc-table :column="tableColumn1" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
+                    <hc-table
+                        :column="tableColumn1" :datas="tableData" :loading="tableLoading"
+                        is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                        @selection-change="tableCheckChange"
+                    />
                     <template #action>
                         <hc-pages :pages="searchForm" @change="pageChange" />
                     </template>
                 </hc-card-item>
             </div>
-        </hc-card>
-    </hc-dialog>
+        </hc-new-card>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/admin/middlepay.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <div class="w-40">
                 <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
@@ -46,7 +46,11 @@
                             <span>按录入时间排序</span>
                         </el-button>
                     </template>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
+                    <hc-table
+                        :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                        is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                        @selection-change="tableCheckChange"
+                    >
                         <template #action="{ row }">
                             <el-link type="success">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -67,7 +71,7 @@
 
         <!-- 上报弹窗 -->
         <hc-report-dialog v-model="isReport" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/admin/periods.vue

@@ -1,17 +1,17 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #extra>
             <el-button hc-btn type="primary" @click="editModalClick">
                 <HcIcon name="add" />
                 <span>编辑</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" />
+        <hc-table is-new :index-style="{ width: 60 }" :column="tableColumn" :datas="tableData" :loading="tableLoading" />
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
         <!-- 计量期编辑 -->
-        <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="editModalShow" title="计量期编辑" @save="editModalSave" @close="editModalClose">
+        <hc-new-dialog is-table widths="1200px" :show="editModalShow" title="计量期编辑" @save="editModalSave" @close="editModalClose">
             <hc-card-item>
                 <template #header>
                     <el-tooltip :visible="editVisible" effect="light" placement="bottom-start">
@@ -41,7 +41,7 @@
                         <span>插入下一行</span>
                     </el-button>
                 </template>
-                <hc-table :column="tableEditColumn" :datas="tableEditData">
+                <hc-table is-new :index-style="{ width: 60 }" :column="tableEditColumn" :datas="tableEditData">
                     <template #key1="{ row }">
                         <hc-table-input v-model="row.key3" disabled />
                     </template>
@@ -69,8 +69,8 @@
                     </template>
                 </hc-table>
             </hc-card-item>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/collect.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <el-date-picker v-model="searchForm.key2" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
         </template>
@@ -24,7 +24,7 @@
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/components/debit/exportModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="800px" :show="isShow" title="合同工程清单选择" @save="modalSave" @close="modalClose">
+    <hc-new-dialog is-table widths="800px" :show="isShow" title="合同工程清单选择" @save="modalSave" @close="modalClose">
         <el-scrollbar>
             <el-radio-group v-model="radioValue">
                 <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode">
@@ -9,7 +9,7 @@
                 </hc-lazy-tree>
             </el-radio-group>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/components/debit/periodModal.vue

@@ -1,7 +1,11 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="800px" :show="isShow" title="计量期选择" @save="modalSave" @close="modalClose">
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange" />
-    </hc-dialog>
+    <hc-new-dialog is-table widths="800px" :show="isShow" title="计量期选择" @save="modalSave" @close="modalClose">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+            @selection-change="tableCheckChange"
+        />
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/debit.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" @change="tabChange" />
             <div class="hc-flex ml-6">
@@ -72,7 +72,7 @@
         <HcPeriodModal v-model="periodModalShow" />
         <!-- 选择计量周期 -->
         <HcExportModal v-model="exportModalShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/detail.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <el-date-picker v-model="searchForm.key2" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
         </template>
@@ -29,7 +29,7 @@
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/payment.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <el-date-picker v-model="searchForm.key2" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
         </template>
@@ -29,7 +29,7 @@
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/section.vue

@@ -1,7 +1,7 @@
 <template>
-    <hc-card title="章节完成投资柱状图">
+    <hc-new-card title="章节完成投资柱状图">
         <hc-charts :option="chartsOption" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/ledgers/standards.vue

@@ -1,7 +1,7 @@
 <template>
-    <hc-card title="各标完成投资柱状图">
+    <hc-new-card title="各标完成投资柱状图">
         <hc-charts :option="chartsOption" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/material/book.vue

@@ -1,12 +1,12 @@
 <template>
-    <hc-card title="材料预付款报表手册">
+    <hc-new-card title="材料预付款报表手册">
         <template #extra>
             <el-button hc-btn type="primary" @click="addModalClick">
                 <HcIcon name="add" />
                 <span>新增</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="primary">查看报表</el-link>
                 <el-link type="success">修改</el-link>
@@ -18,7 +18,7 @@
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
         <!-- 新增/修改 -->
-        <hc-dialog v-model="formModalShow" is-to-body widths="30rem" title="材料计量单新增" @save="formModalSave" @close="formModalClose">
+        <hc-new-dialog v-model="formModalShow" is-to-body widths="30rem" title="材料计量单新增" @save="formModalSave" @close="formModalClose">
             <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top">
                 <el-form-item label="计量期：">
                     <el-select v-model="formModel.key1" disabled block>
@@ -39,8 +39,8 @@
                     <el-input v-model="formModel.key5" :autosize="{ minRows: 3, maxRows: 6 }" type="textarea" />
                 </el-form-item>
             </el-form>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/material/components/order/dataModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table widths="1200px" :show="isShow" title="材料计量单新增" @save="modalSave" @close="modalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="材料计量单新增" @save="modalSave" @close="modalClose">
         <div class="relative h-full flex">
             <div id="hc_modal_tree">
                 <hc-card-item scrollbar>
@@ -101,7 +101,7 @@
                 </hc-card-item>
             </div>
         </div>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/material/contract.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card title="合同材料">
+    <hc-new-card title="合同材料">
         <template #extra>
             <el-button hc-btn type="primary" @click="rowAddClick">
                 <HcIcon name="add" />
@@ -9,7 +9,7 @@
         <div class="relative h-full flex">
             <div class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -46,7 +46,7 @@
             </div>
         </div>
         <!-- 新增/修改 -->
-        <hc-dialog is-to-body is-footer-center widths="30rem" :show="isFormModal" title="合同材料新增" @save="modalSave" @close="modalClose">
+        <hc-new-dialog widths="30rem" :show="isFormModal" title="合同材料新增" @save="modalSave" @close="modalClose">
             <el-form ref="formRef" class="p-2" label-position="top" :model="formModel" :rules="formRules" size="large">
                 <el-form-item label="材料编号：">
                     <el-input v-model="formModel.key1" />
@@ -67,8 +67,8 @@
                     <el-input v-model="formModel.key6" />
                 </el-form-item>
             </el-form>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/material/order.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <div class="w-40">
                 <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
@@ -20,7 +20,11 @@
         <div class="relative h-full flex">
             <div class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
+                    <hc-table
+                        :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                        is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                        @selection-change="tableCheckChange"
+                    >
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -94,7 +98,7 @@
 
         <!-- 上报弹窗 -->
         <hc-report-dialog v-model="isReport" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/material/periods.vue

@@ -1,12 +1,12 @@
 <template>
-    <hc-card title="材料预付款计量期">
+    <hc-new-card title="材料预付款计量期">
         <template #extra>
             <el-button hc-btn type="primary" @click="editModalClick">
                 <HcIcon name="edit" />
                 <span>编辑</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="danger">锁定</el-link>
             </template>
@@ -15,7 +15,7 @@
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
         <!-- 编辑修改 -->
-        <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="editModalShow" title="材料预付款计量期编辑" @save="editModalSave" @close="editModalClose">
+        <hc-new-dialog is-table widths="1200px" :show="editModalShow" title="材料预付款计量期编辑" @save="editModalSave" @close="editModalClose">
             <hc-card-item>
                 <template #header>
                     <el-tooltip :visible="editVisible" effect="light" placement="bottom-start">
@@ -41,7 +41,7 @@
                         <span>插入下一行</span>
                     </el-button>
                 </template>
-                <hc-table :column="tableEditColumn" :datas="tableEditData">
+                <hc-table :column="tableEditColumn" :datas="tableEditData" is-new :index-style="{ width: 60 }">
                     <template #key1="{ row }">
                         <hc-table-input v-model="row.key1" disabled />
                     </template>
@@ -66,8 +66,8 @@
                     </template>
                 </hc-table>
             </hc-card-item>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/project/certificate.vue

@@ -1,12 +1,12 @@
 <template>
-    <hc-card title="结算支付证书">
+    <hc-new-card title="结算支付证书">
         <template #extra>
             <el-button hc-btn type="primary" @click="addModalClick">
                 <HcIcon name="add" />
                 <span>新增</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="primary">查看报表</el-link>
                 <el-link type="success" @click="rowEditClick(row)">修改</el-link>
@@ -24,7 +24,7 @@
 
         <!-- 中间计量新增 -->
         <HcEditModal v-model="editModalShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/project/components/certificate/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-footer-center widths="30rem" :show="isShow" title="新增结算支付证书" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog widths="30rem" :show="isShow" title="新增结算支付证书" @save="addModalSave" @close="addModalClose">
         <el-form ref="formRef" class="p-2" label-position="top" :model="formModel" :rules="formRules" size="large">
             <el-form-item label="证书编号：" prop="key2">
                 <el-input v-model="formModel.key2" />
@@ -8,7 +8,7 @@
                 <div class="form-item-div" />
             </el-form-item>
         </el-form>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/project/components/certificate/editModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="修改结算支付证书" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="修改结算支付证书" @save="addModalSave" @close="addModalClose">
         <el-scrollbar>
             <!-- 基础表单 -->
             <hc-card-item>
@@ -21,14 +21,14 @@
 
             <!-- 表格数据 -->
             <hc-card-item class="mt-3">
-                <hc-table :is-index="false" :column="tableColumn" :datas="tableData">
+                <hc-table :is-index="false" :column="tableColumn" :datas="tableData" is-new>
                     <template #key8="{ row }">
                         <hc-table-input v-model="row.key8" disabled />
                     </template>
                 </hc-table>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/project/components/pay/detailsModal.vue

@@ -1,9 +1,9 @@
 <template>
-    <hc-dialog ui="is-no-footer" is-to-body is-table :footer="false" widths="1200px" :show="isShow" title="计量清单明细" @close="modalClose">
+    <hc-new-dialog is-table :footer="false" widths="1200px" :show="isShow" title="计量清单明细" @close="modalClose">
         <div class="relative h-full">
             <div id="hc_details_table">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" />
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }" />
                     <template #action>
                         <hc-pages :pages="searchForm" @change="pageChange" />
                     </template>
@@ -11,11 +11,11 @@
             </div>
             <div id="hc_details_list">
                 <hc-card-item>
-                    <hc-table :column="tableColumn1" :datas="tableData1" />
+                    <hc-table :column="tableColumn1" :datas="tableData1" is-new :index-style="{ width: 60 }" />
                 </hc-card-item>
             </div>
         </div>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/project/pay.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <div class="relative h-full flex">
             <div :id="`hc_tree_card_${uuid}`">
                 <hc-card-item scrollbar>
@@ -41,7 +41,7 @@
                             <span>查看报表</span>
                         </el-button>
                     </template>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
                         <template #action="{ row }">
                             <el-link type="success">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -57,7 +57,7 @@
         <hc-report-dialog v-model="isReport" />
         <!-- 清单明细 -->
         <HcDetailsModal v-model="detailsModalShow" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/start-work/book.vue

@@ -1,12 +1,12 @@
 <template>
-    <hc-card title="开工预付款报表手册">
+    <hc-new-card title="开工预付款报表手册">
         <template #extra>
             <el-button hc-btn type="primary" @click="addModalClick">
                 <HcIcon name="add" />
                 <span>新增</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="primary">查看报表</el-link>
                 <el-link type="success">修改</el-link>
@@ -18,7 +18,7 @@
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
         <!-- 新增/修改 -->
-        <hc-dialog v-model="formModalShow" is-to-body widths="30rem" title="开工预付款计量单新增" @save="formModalSave" @close="formModalClose">
+        <hc-new-dialog v-model="formModalShow" widths="30rem" title="开工预付款计量单新增" @save="formModalSave" @close="formModalClose">
             <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top">
                 <el-form-item label="计量期：">
                     <el-select v-model="formModel.key1" disabled block>
@@ -36,8 +36,8 @@
                     <el-date-picker v-model="formModel.key4" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
                 </el-form-item>
             </el-form>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/start-work/components/order/dataModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body widths="500px" :show="isShow" title="开工预付款计量单新增" @save="modalSave" @close="modalClose">
+    <hc-new-dialog widths="500px" :show="isShow" title="开工预付款计量单新增" @save="modalSave" @close="modalClose">
         <el-scrollbar>
             <hc-card-item>
                 <el-form ref="baseFormRef" :model="baseForm" :rules="baseFormRules" label-position="top" label-width="auto">
@@ -32,7 +32,7 @@
                 </el-form>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 </template>
 
 <script setup>

src/views/debit-pay/start-work/order.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-card>
+    <hc-new-card>
         <template #header>
             <div class="w-40">
                 <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
@@ -20,7 +20,11 @@
         <div class="relative h-full flex">
             <div class="flex-1">
                 <hc-card-item>
-                    <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
+                    <hc-table
+                        :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                        is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+                        @selection-change="tableCheckChange"
+                    >
                         <template #action="{ row }">
                             <el-link type="success" @click="rowEditClick(row)">修改</el-link>
                             <el-link type="danger">删除</el-link>
@@ -66,7 +70,7 @@
 
         <!-- 上报弹窗 -->
         <hc-report-dialog v-model="isReport" />
-    </hc-card>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/debit-pay/start-work/period.vue

@@ -1,12 +1,12 @@
 <template>
-    <hc-card title="开工预付款计量期">
+    <hc-new-card title="开工预付款计量期">
         <template #extra>
             <el-button hc-btn type="primary" @click="editModalClick">
                 <HcIcon name="edit" />
                 <span>编辑</span>
             </el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
+        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="danger">锁定</el-link>
             </template>
@@ -16,7 +16,7 @@
         </template>
 
         <!-- 编辑修改 -->
-        <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="editModalShow" title="新增预付款计量期" @save="editModalSave" @close="editModalClose">
+        <hc-new-dialog is-table widths="1200px" :show="editModalShow" title="新增预付款计量期" @save="editModalSave" @close="editModalClose">
             <hc-card-item>
                 <template #header>
                     <el-tooltip :visible="editVisible" effect="light" placement="bottom-start">
@@ -42,7 +42,7 @@
                         <span>插入下一行</span>
                     </el-button>
                 </template>
-                <hc-table :column="tableEditColumn" :datas="tableEditData">
+                <hc-table :column="tableEditColumn" :datas="tableEditData" is-new :index-style="{ width: 60 }">
                     <template #key1="{ row }">
                         <hc-table-input v-model="row.key1" disabled />
                     </template>
@@ -67,8 +67,8 @@
                     </template>
                 </hc-table>
             </hc-card-item>
-        </hc-dialog>
-    </hc-card>
+        </hc-new-dialog>
+    </hc-new-card>
 </template>
 
 <script setup>

src/views/periods/admin/components/middle/addModal.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-dialog is-to-body is-table is-footer-center widths="1200px" :show="isShow" title="中间计量新增" @save="addModalSave" @close="addModalClose">
+    <hc-new-dialog is-table widths="1200px" :show="isShow" title="中间计量新增" @save="addModalSave" @close="addModalClose">
         <el-scrollbar>
             <!-- 基础表单 -->
             <hc-card-item title="基础表单">
@@ -121,7 +121,7 @@
                 </el-form>
             </hc-card-item>
         </el-scrollbar>
-    </hc-dialog>
+    </hc-new-dialog>
 
     <!-- 添加分解清单 -->
     <HcBillBaseModal v-model="addBillBaseModalShow" />