增加总工程页面

src/views/home-index/components/dataOverviewProject/components/item-one.vue

@@ -0,0 +1,92 @@
+<template>
+    <!-- item1 总工程信息 -->
+    <div class="item-one">
+        <TableModel
+            ref="tableRef"
+            :isSelectShow="false"
+            :showRightTools="false"
+            :showOperation="false"
+            :formLabel="formLabel"
+            :columnsList="columnsList"
+            :testTableList="testTableList"
+            :request-api="getAllProjectListAPI"
+        >
+            <template slot="btn" slot-scope="{ queryParams }">
+                <el-button
+                    size="mini"
+                    icon="el-icon-download"
+                    @click="handleExport(queryParams)"
+                >
+                    导出
+                </el-button>
+            </template>
+            <!-- 工程数量 -->
+            <template slot="projectCount" slot-scope="{ data }">
+                <span
+                    style="cursor: pointer; color: #409eff"
+                    @click="onHandleCheckProjectCount(data)"
+                >
+                    {{ data.projectCount }}
+                </span>
+            </template>
+        </TableModel>
+    </div>
+</template>
+
+<script>
+import TableModel from '@/components/TableModel'
+import { getAllProjectListAPI } from '@/api/home-index/dataOverviewProject' // 获取列表数据接口
+export default {
+    name: 'ItemOne',
+    components: {
+        TableModel,
+    },
+    data() {
+        return {
+            formLabel: [
+                {
+                    f_label: '工程名称',
+                    f_model: 'projectName',
+                    f_type: 'ipt',
+                    isShow: false, // 是否展示label
+                },
+            ],
+            columnsList: [
+                { t_props: 'projectName', t_label: '总工程名称' },
+                {
+                    t_props: 'projectCount',
+                    t_label: '标段工程数量',
+                    t_slot: 'projectCount',
+                },
+            ],
+            testTableList: [
+                {
+                    projectName: '测试工程1',
+                    projectCount: 10,
+                },
+                {
+                    projectName: '测试工程2',
+                    projectCount: 20,
+                },
+                {
+                    projectName: '测试工程3',
+                    projectCount: 20,
+                },
+            ],
+            getAllProjectListAPI,
+        }
+    },
+    methods: {
+        // 点击工程数量
+        onHandleCheckProjectCount(data) {
+            console.log(data)
+        },
+        // 导出
+        handleExport(queryParams) {
+            console.log('导出', queryParams)
+        },
+    },
+}
+</script>
+
+<style></style>