材料预付款报表手册

package.json

@@ -18,7 +18,7 @@
         "dayjs": "^1.11.10",
         "echarts": "^5.4.3",
         "element-plus": "2.3.14",
-        "hc-vue3-ui": "^1.8.9",
+        "hc-vue3-ui": "^1.9.0",
         "js-base64": "^3.7.5",
         "js-fast-way": "0.2.7",
         "js-md5": "^0.7.3",

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

@@ -44,9 +44,9 @@
                     </template>
                     <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
                         <template #action="{ row }">
-                            <el-button plain size="small" type="primary" @click="giveTaskModalClick(row)">下达</el-button>
-                            <el-button plain size="small" type="success">修改</el-button>
-                            <el-button plain size="small" type="danger">删除</el-button>
+                            <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>

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

@@ -93,7 +93,7 @@
                         <hc-table-input v-model="row.key10" disabled />
                     </template>
                     <template #action="{ row }">
-                        <el-button plain size="small" type="danger">删除</el-button>
+                        <el-link type="danger">删除</el-link>
                     </template>
                 </hc-table>
             </hc-card-item>

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

@@ -106,7 +106,7 @@
                         <hc-table-input v-model="row.key10" disabled />
                     </template>
                     <template #action="{ row }">
-                        <el-button plain size="small" type="danger">删除</el-button>
+                        <el-link type="danger">删除</el-link>
                     </template>
                 </hc-table>
             </hc-card-item>

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

@@ -48,8 +48,8 @@
                     </template>
                     <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
                         <template #action="{ row }">
-                            <el-button plain size="small" type="success">修改</el-button>
-                            <el-button plain size="small" type="danger">删除</el-button>
+                            <el-link type="success">修改</el-link>
+                            <el-link type="danger">删除</el-link>
                         </template>
                     </hc-table>
                     <template #action>

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

@@ -65,7 +65,7 @@
                         <el-date-picker v-model="row.key6" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
                     </template>
                     <template #action="{ row }">
-                        <el-button plain size="small" type="danger">删除</el-button>
+                        <el-link type="danger">删除</el-link>
                     </template>
                 </hc-table>
             </hc-card-item>

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

@@ -1,13 +1,77 @@
 <template>
     <hc-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">
+            <template #action="{ row }">
+                <el-link type="primary">查看报表</el-link>
+                <el-link type="success">修改</el-link>
+                <el-link type="danger">删除</el-link>
+                <el-link>重新计算</el-link>
+            </template>
+        </hc-table>
+        <template #action>
+            <hc-pages :pages="searchForm" @change="pageChange" />
+        </template>
+        <!-- 新增/修改 -->
+        <hc-dialog v-model="formModalShow" is-to-body widths="30rem" title="材料计量单新增" @save="formModalSave" @close="formModalClose">
+            1111
+        </hc-dialog>
     </hc-card>
 </template>
 
 <script setup>
+import { onMounted, ref } from 'vue'
 defineOptions({
     name: 'DebitPayMaterialBook',
 })
+
+//渲染完成
+onMounted(() => {
+
+})
+
+//搜索表单
+const searchForm = ref({
+    current: 1, size: 10, total: 0,
+})
+
+//分页
+const pageChange = ({ current, size }) => {
+    searchForm.value.current = current
+    searchForm.value.size = size
+}
+
+//表格数据
+const tableLoading = ref(false)
+const tableColumn = ref([
+    { key: 'key1', name: '计量期' },
+    { key: 'key2', name: '报表名称' },
+    { key: 'key3', name: '打印日期' },
+    { key: 'key4', name: '重新计算时间' },
+    { key: 'action', name: '操作', width: 230 },
+])
+const tableData = ref([
+    { key1: '1111' },
+])
+
+//新增
+const formModalShow = ref(false)
+const addModalClick = () => {
+    formModalShow.value = true
+}
+
+const formModalSave = () => {
+    formModalClose()
+}
+
+const formModalClose = () => {
+    formModalShow.value = false
+}
 </script>
 
 <style scoped lang="scss">

yarn.lock

@@ -1525,10 +1525,10 @@ has-flag@^4.0.0:
   resolved "http://47.110.251.215:9000/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-hc-vue3-ui@^1.8.9:
-  version "1.8.9"
-  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-1.8.9.tgz#66f0774ee55601245d426c6ab3b21e6098bcaf35"
-  integrity sha512-KOHQWDkjPo4xAeRHPsLFgnWvzwv4pAgKLUfBHaMNB+M0TnsGaj8875kvweAne/ER34A6n6Uji9uoal44jDvrCw==
+hc-vue3-ui@^1.9.0:
+  version "1.9.0"
+  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-1.9.0.tgz#b2c76c9416fb040bc5fc58124d9f957e7192a4c0"
+  integrity sha512-YSa+tdCTgE22QGXU85TiSO4L9/YL03bheRzIYrZT1faKW///UWBzbJBmEY09gG/rK934mNaw2I+b0NgQEetyoQ==
   dependencies:
     axios "^1.5.0"
     dayjs "^1.11.10"