新增 用料统计 && 进度统计 && 可视化进度

src/views/zdsz/enginee/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        工程管理
+    </div>
+</template>

src/views/zdsz/enginee/material/index.vue

@@ -0,0 +1,68 @@
+
+ <!-- 
+    *@description:用料管理
+    *@author: yh Fu
+    *@date: 2023-12-25 10:13:29
+    *@version: V1.0.5 
+    -->
+
+  <template>
+    <div class="materialContainer">
+        <el-radio-group v-model="currentMenu" style="margin-bottom: 20px;" @input="toModule">
+            <el-radio-button label="0">用料统计</el-radio-button>
+            <el-radio-button label="1">进度统计</el-radio-button>
+            <el-radio-button label="2">可视化进度</el-radio-button>
+        </el-radio-group>
+        <router-view class="component_contain">
+
+        </router-view>
+    </div>
+  </template>
+
+  <script>
+
+export default {
+    components:{
+    },
+    data(){
+        return {
+            currentMenu:null,   // 0:用料管理 1:进度统计 2:可视化进度
+        }   
+    },
+    methods:{ 
+        toModule(){
+            console.log(this.$router)
+            const currentPage = this.currentMenu == 0 ? 'material_statistics' : this.currentMenu == 1 ? 'progres_statistics' : 'progres_visual'
+            this.$router.push({
+                path:`/${currentPage}`
+            })
+        }
+    },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.materialContainer{
+    width: 100%;
+    height:928px;
+    .component_contain{
+        width: 100%;
+        height: 93%;
+        border: 1px solid skyblue;
+    }
+}
+</style>
+
+<style lang="scss" scoped>
+.el-radio-group{
+    width: 24%;
+    margin: 1% 0 0 1% !important;
+    .el-radio-button{
+        width: 33%;
+        .el-radio-button__inner{
+            width: 100%;
+        }
+    }
+}
+</style>

src/views/zdsz/enginee/material/material_statistics/index.vue

@@ -0,0 +1,286 @@
+
+ <!-- 
+    *@description: 用料统计
+    *@author: yh Fu
+    *@date: 2023-12-25 13:07:41
+    *@version: V1.0.5 
+    -->
+
+<template>
+    <div class="MaterialStatistics_Contain">
+        <el-radio-group v-model="currentMenu" style="margin-bottom: 20px;" @input="toModule">
+            <el-radio-button label="0">用料统计</el-radio-button>
+            <el-radio-button label="1">进度统计</el-radio-button>
+            <el-radio-button label="2">可视化进度</el-radio-button>
+        </el-radio-group>
+        <div class="topContain">
+            <div style="width: 100%;height: 100%;">
+                <el-select 
+                    v-model="currentCommunity" 
+                    placeholder="请选择行政区"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in communityOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-select 
+                    v-model="currentCommunity" 
+                    placeholder="请选择小区"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in communityOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-select 
+                    v-model="currentType" 
+                    placeholder="请选择工程类型" 
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in typeOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-date-picker
+                    v-model="currentDate"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    type="date"
+                    placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            
+            <el-button class="searchBtn">查询</el-button>
+            <el-button 
+                icon="el-icon-download"
+                @click="handleExport"
+                class="searchBtn"
+                v-hasPermi="['zdsz:visual_house:export']"
+                >导出</el-button>
+        </div>    
+        <el-table
+            class="materialStatisticsTable"
+            :data="tableData"
+            header-cell-style="background-color:#199ED8;border: 2px solid #000066"
+            border
+            :cell-style="tableRowClassName"
+            style="width: 100%">
+            <el-table-column
+            prop="date"
+            width="250"
+            label=""
+            >
+            </el-table-column>
+            <el-table-column
+            prop="name"
+            label="预计用料"
+            >
+            </el-table-column>
+            <el-table-column
+            prop="address"
+            label="实际用料">
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+
+<script>
+export default {
+    name:'MaterialStatistics',
+    dicts:['district'],
+    data(){
+        return {
+            currentDate:null,
+            currentMenu:0,   // 0:用料管理 1:进度统计 2:可视化进度
+            typeOptions:[
+                {
+                    value: '0',
+                    label: '市政工程'
+                }, 
+                {
+                    value: '1',
+                    label: '工业工程'
+                },
+                {
+                    value: '2',
+                    label: '民用工程'
+                }, 
+                {
+                    value: '3',
+                    label: '危险作业'
+                }, 
+                {
+                    value: '4',
+                    label: '顶管工程'
+                },
+                {
+                    value: '5',
+                    label: '基建工程'
+                }
+            ],
+            communityOptions:[
+                {
+                    value: '0',
+                    label: '领秀世家'
+                }, 
+                {
+                    value: '1',
+                    label: '上东府里'
+                },
+                {
+                    value: '2',
+                    label: '清华园'
+                }, 
+                {
+                    value: '3',
+                    label: '万科蓝山'
+                }, 
+                {
+                    value: '4',
+                    label: '龙腾香格里'
+                },
+            ],
+            currentType:null,
+            currentCommunity:null,
+            tableData: [
+                {
+                    date: '规格',
+                    name: '0.5cm',
+                    address: '1cm'
+                }, 
+                {
+                    date: '尺寸',
+                    name: '1.2m',
+                    address: '1.5m'
+                }, 
+                {
+                    date: '材质',
+                    name: 'pv',
+                    address: '钢 pv pc'
+                }, 
+            ]
+
+        }
+    },
+    mounted(){
+        console.log(this.dict)
+    },
+    methods:{
+        /** 导出按钮操作 */
+        handleExport() {
+            this.download('zdsz/visual_house/export', {
+                ...this.queryParams
+            }, `house_${new Date().getTime()}.xlsx`)
+        },
+        tableRowClassName(){
+            return "background:#199ED8;border: 2px solid #000066"
+        },
+        toModule(){
+            console.log(this.$router)
+            const currentPage = this.currentMenu == 0 ? 'material_statistics' : this.currentMenu == 1 ? 'progres_statistics' : 'progres_visual'
+            this.$router.push({
+                path:`/${currentPage}`
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.tags-view-container{
+    display: none;
+}
+.MaterialStatistics_Contain{
+    width: 100%;
+    height: 100%;
+    padding: 1%;
+    .topContain{  
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        .searchBtn{
+            width: 11%;
+            background-color: #1890FF;
+            color: #fff;
+        }
+        ::v-deep .projectSelect{
+            .el-input__inner{
+                background-color: #1890FF;
+                color: #fff;
+            }
+        }
+        .projectDropDown{
+            background-color: #1890FF;
+            .el-select-dropdown__item{
+                background-color: #1890FF;
+                color: #fff;
+            }
+            ::v-deep .el-select-dropdown__list {
+                padding-top: 0 !important;
+                padding-bottom: 0;
+            }
+        }
+        .projectDropDown >ul{
+            padding-top: 0 ;
+            padding-bottom: 0;
+        }
+    }
+    .materialStatisticsTable{
+        margin-top: 1%;
+        border: 2px solid #000066 !important;
+
+    }
+    .materialStatisticsTable::before{
+        background-color:#000066 ;
+    }
+    .materialStatisticsTable::after{
+        background-color:#000066 ;
+    }
+}
+</style>
+
+<style lang="scss" scoped>
+.customTable{
+    .el-table__header-wrapper th{
+    background-color: #199ED8;
+}
+.el-table--border th.el-table__cell{
+    border: 2px solid #000066 !important;
+}
+.el-table__empty-block{
+    background-color: #199ED8;
+}
+.el-table__empty-text{
+    color: #000066;
+}
+.el-table__cell{
+    background-color: #199ED8 ;
+    border: 2px solid #000066 !important;
+}
+.el-table__cell >div{
+    text-align: center;
+}
+.el-button{
+    background-color: #169BD5;
+    color: #fff;
+}
+}
+
+</style>

src/views/zdsz/enginee/material/progres_statistics/progres_statistics.vue

@@ -0,0 +1,190 @@
+
+ <!-- 
+    *@description: 进度统计
+    *@author: yh Fu
+    *@date: 2023-12-25 13:26:18
+    *@version: V1.0.5 
+    -->
+
+<template>
+    <div class="ProgreStatistics_Contain">
+        <el-radio-group v-model="currentMenu" style="margin-bottom: 20px;" @input="toModule">
+            <el-radio-button label="0">用料统计</el-radio-button>
+            <el-radio-button label="1">进度统计</el-radio-button>
+            <el-radio-button label="2">可视化进度</el-radio-button>
+        </el-radio-group>
+        <div class="topContain">
+            <el-select 
+                v-model="currentType" 
+                placeholder="请选择"
+                class="projectSelect" 
+                popper-class="projectDropDown" 
+                :popper-append-to-body="false"
+                >
+            <el-option
+                v-for="e in typeOptions"
+                :key="e.value"
+                :label="e.label"
+                :value="e.value">
+                </el-option>
+            </el-select>
+            <el-button class="searchBtn">查询</el-button>
+        </div>
+        <el-table
+            class="materialStatisticsTable"
+            :data="tableData"
+            header-cell-style="background-color:#199ED8;border: 2px solid #000066"
+            border
+            :cell-style="tableRowClassName"
+            style="width: 100%">
+            <el-table-column
+            prop="name"
+            width="250"
+            label="小区名称"
+            >
+            </el-table-column>
+            <el-table-column
+            prop="doing"
+            label="未开工（户）"
+            >
+            </el-table-column>
+            <el-table-column
+            prop="willDone"
+            label="施工（户）">
+            </el-table-column>
+            <el-table-column
+            prop="done"
+            label="完工（户）">
+            </el-table-column>
+
+        </el-table>
+    </div>
+</template>
+
+<script>
+export default {
+    name:'ProgreStatistics',
+    data(){
+        return {
+            currentMenu:1,   // 0:用料管理 1:进度统计 2:可视化进度
+            typeOptions:[
+                {
+                    value: '0',
+                    label: '市政工程'
+                }, 
+                {
+                    value: '1',
+                    label: '工业工程'
+                },
+                {
+                    value: '2',
+                    label: '民用工程'
+                }, 
+                {
+                    value: '3',
+                    label: '危险作业'
+                }, 
+                {
+                    value: '4',
+                    label: '顶管工程'
+                },
+                {
+                    value: '5',
+                    label: '基建工程'
+                }
+            ],
+            tableData: [
+                {
+                    name: '兰亭湖畔',
+                    doing: '30',
+                    willDone:'19',
+                    done:'20'
+                }, 
+                {
+                    name: '清华园',
+                    doing: '30',
+                    willDone:'19',
+                    done:'20'
+                }, 
+                {
+                    name: '领秀世家',
+                    doing: '30',
+                    willDone:'19',
+                    done:'20'
+                }, 
+                {
+                    name: '上东府里',
+                    doing: '30',
+                    willDone:'19',
+                    done:'20'
+                }, 
+                {
+                    name: '龙腾香格里',
+                    doing: '30',
+                    willDone:'19',
+                    done:'20'
+                }, 
+            ],
+            currentType:'管'
+        }
+    },
+    methods:{
+        tableRowClassName(){
+            return "background:#199ED8;border: 2px solid #000066"
+        },
+        toModule(){
+            console.log(this.$router)
+            const currentPage = this.currentMenu == 0 ? 'material_statistics' : this.currentMenu == 1 ? 'progres_statistics' : 'progres_visual'
+            this.$router.push({
+                path:`/${currentPage}`
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.ProgreStatistics_Contain{
+    width: 100%;
+    height: 100%;
+    padding: 1%;
+    .topContain{  
+        display: flex;
+        justify-content: space-between;
+        width: 38%;
+        .searchBtn{
+            width: 11%;
+            background-color: #1890FF;
+            color: #fff;
+        }
+        ::v-deep .projectSelect{
+            .el-input__inner{
+                background-color: #1890FF;
+                color: #fff;
+            }
+        }
+        .projectDropDown{
+            background-color: #1890FF;
+            .el-select-dropdown__item{
+                background-color: #1890FF;
+                color: #fff;
+            }
+            ::v-deep .el-select-dropdown__list {
+                padding-top: 0 !important;
+                padding-bottom: 0;
+            }
+        }
+    }
+    .materialStatisticsTable{
+        margin-top: 1%;
+        border: 2px solid #000066 !important;
+
+    }
+    .materialStatisticsTable::before{
+        background-color:#000066 ;
+    }
+    .materialStatisticsTable::after{
+        background-color:#000066 ;
+    }
+}
+</style>

src/views/zdsz/enginee/material/progres_visual/index.vue

@@ -0,0 +1,223 @@
+
+ <!-- 
+    *@description: 可视化进度
+    *@author: yh Fu
+    *@date: 2023-12-25 13:27:19
+    *@version: V1.0.5 
+    -->
+
+<template>
+    <div class="progresVisualContainer">
+        <el-radio-group v-model="currentMenu" style="margin-bottom: 20px;" @input="toModule">
+            <el-radio-button label="0">用料统计</el-radio-button>
+            <el-radio-button label="1">进度统计</el-radio-button>
+            <el-radio-button label="2">可视化进度</el-radio-button>
+        </el-radio-group>
+        <div class="topContain">
+            <div style="width: 100%;height: 100%;">
+                <el-select 
+                    v-model="currentCommunity" 
+                    placeholder="请选择行政区"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in communityOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-select 
+                    v-model="currentCommunity" 
+                    placeholder="请选择小区"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in communityOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-select 
+                    v-model="currentType" 
+                    placeholder="请选择工程类型" 
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    >
+                    <el-option
+                        v-for="e in typeOptions"
+                        :key="e.value"
+                        :label="e.label"
+                        :value="e.value">
+                    </el-option>
+                </el-select>
+                <el-date-picker
+                    v-model="currentDate"
+                    class="projectSelect" 
+                    popper-class="projectDropDown" 
+                    :popper-append-to-body="false"
+                    type="date"
+                    placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <el-button class="searchBtn">查询</el-button>
+            <el-button class="searchBtn">导出</el-button>
+            <div class="unitStatus">
+                <div 
+                    v-for="(e,idx) in unitStatusOption"
+                    :key="idx"
+                    :style="`background-color:${e.color};width: 22%;height: 35px;position: absolute;right:${idx*130}px;box-shadow:0 5px 5px 0 #CDCDCD`"
+                    >
+                    <div 
+                        style="position: relative;left: 107%;width: 116%;top: 20%;"
+                        >
+                        {{ e.label }}
+                    </div>
+                </div>
+            </div>
+        </div>   
+        <!-- 房间集合 -->
+        <ConstructionDetails/>
+    </div>
+</template>
+
+<script>
+import ConstructionDetails from '@/components/ConstructionDetails'
+export default {
+    name:'ProgreVisual',
+    components:{
+        ConstructionDetails
+    },
+    data(){
+        return {
+            currentMenu:2,   // 0:用料管理 1:进度统计 2:可视化进度
+            typeOptions:[
+                {
+                    value: '0',
+                    label: '市政工程'
+                }, 
+                {
+                    value: '1',
+                    label: '工业工程'
+                },
+                {
+                    value: '2',
+                    label: '民用工程'
+                }, 
+                {
+                    value: '3',
+                    label: '危险作业'
+                }, 
+                {
+                    value: '4',
+                    label: '顶管工程'
+                },
+                {
+                    value: '5',
+                    label: '基建工程'
+                }
+            ],
+            communityOptions:[
+                {
+                    value: '0',
+                    label: '领秀世家'
+                }, 
+                {
+                    value: '1',
+                    label: '上东府里'
+                },
+                {
+                    value: '2',
+                    label: '清华园'
+                }, 
+                {
+                    value: '3',
+                    label: '万科蓝山'
+                }, 
+                {
+                    value: '4',
+                    label: '龙腾香格里'
+                },
+            ],
+            unitStatusOption:[
+                {
+                    label:'竣工',
+                    color:'#009900'
+                },
+                {
+                    label:'进行中',
+                    color:'#FFFF66'
+                },
+                {
+                    label:'未开始',
+                    color:'#999999'
+                },
+            ],
+            currentType:null,
+            currentCommunity:null,
+        }
+    },
+    methods:{
+        toModule(){
+            console.log(this.$router)
+            const currentPage = this.currentMenu == 0 ? 'material_statistics' : this.currentMenu == 1 ? 'progres_statistics' : 'progres_visual'
+            this.$router.push({
+                path:`/${currentPage}`
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.progresVisualContainer{
+    width: 100%;
+    height: 100%;
+    padding: 1%;
+    .topContain{  
+        display: flex;
+        justify-content: space-between;
+        width: 60%;
+        .searchBtn{
+            width: 11%;
+            background-color: #1890FF;
+            color: #fff;
+        }
+        ::v-deep .projectSelect{
+            width: 20% !important;
+            .el-input__inner{
+                background-color: #1890FF;
+                color: #fff;
+            }
+        }
+        .projectDropDown{
+            background-color: #1890FF;
+            .el-select-dropdown__item{
+                background-color: #1890FF;
+                color: #fff;
+            }
+            ::v-deep .el-select-dropdown__list {
+                padding-top: 0 !important;
+                padding-bottom: 0;
+            }
+        }
+        .projectDropDown >ul{
+            padding-top: 0 ;
+            padding-bottom: 0;
+        }
+        .unitStatus{
+            width: 13%;
+            display: flex;
+            position: absolute;
+            right: 7%;
+            height: 5%;
+        }
+    }
+}
+</style>

src/views/zdsz/enginee/visual_house/index.vue

@@ -0,0 +1,32 @@
+
+ <!-- 
+    *@description:可视化房屋
+    *@author: yh Fu
+    *@date: 2023-12-25 11:29:13
+    *@version: V1.0.5 
+    -->
+
+    <template>
+        <div>
+            可视化房屋
+            <div></div>
+        </div>
+      </template>
+    
+      <script>
+    
+    export default {
+        data(){
+            return {
+            }
+        },
+        methods:{
+    
+        },
+        
+    }
+    </script>
+    
+    <style lang="scss" scoped>
+    
+    </style>