民用工程修改

src/api/zdsz/overhead.js

@@ -0,0 +1,31 @@
+import request from '@/utils/request'
+
+// 查询工程用料统计列表
+export function materialStatistics(query) {
+  return request({
+    url: '/zdsz/materialStatistics/list',
+    method: 'post',
+    data: query
+  })
+}
+export function getAreaCompletionInformationList(query) {
+  return request({
+    url: '/zdsz/engineeringCivil/getAreaCompletionInformationList',
+    method: 'get',
+    params: query
+  })
+}
+export function getEnginMaterialQualityList() {
+  return request({
+    url: '/zdsz/enginMaterialQuality/getEnginMaterialQualityList',
+    method: 'get',
+    params: {enginType:'民用工程'}
+  })
+}
+export function getEnginSpecificationsList(materId) {
+  return request({
+    url: '/zdsz/enginSpecifications/getEnginSpecificationsList',
+    method: 'get',
+     params: {materId:materId}
+  })
+}

src/components/EngineeNode/index.vue

@@ -350,7 +350,7 @@ export default {
                 });
                 return false
               }
-            }) 
+            })
           });
           return p;
         },
@@ -364,7 +364,7 @@ export default {
             // todo: 将当前tab页所选节点信息录入
             this.zEngineeringInfoBo = currentNodeInfo.zEngineeringInfoBo
             // console.log('_______',this.zEngineeringInfoBo)
-          
+
           }else{
             // todo: 校验当前表单
             this.$refs.nodeForm.validate(e => {
@@ -630,7 +630,7 @@ export default {
         },
         open(queryParams,type = null,nodeOptions = []){
             this.formType = false
-            this.nodeList = [] 
+            this.nodeList = []
             this.currentNode = []
             this.zEngineeringNodeBoList = []
             console.log(queryParams)
@@ -687,7 +687,7 @@ export default {
               this.tabsModel = nodeOptions[0].name
               console.log('当前工程所有节点',this.nodeList)
             }
-            
+
             // end
             this.currentType = type
             console.log(this.queryParams)

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

@@ -1,11 +1,4 @@
 
- <!-- 
-    *@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">
@@ -13,104 +6,82 @@
             <el-radio-button label="1">进度统计</el-radio-button>
             <el-radio-button label="2">可视化进度</el-radio-button>
         </el-radio-group>
-        <div class="topContain">
+<!--        <div class="topContain">-->
             <div style="width: 100%;height: 100%;display: flex;">
-                <div>
-                    <el-select 
-                    v-model="currentDistrict" 
-                    placeholder="请选择行政区"
-                    class="projectSelect districtSelect" 
-                    popper-class="projectDropDown" 
-                    :popper-append-to-body="false"
-                    @change="districtHasChanged"
-                    >
+              <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+                <el-form-item label="行政区" prop="district">
+                  <el-select v-model="queryParams.district" placeholder="请选择行政区" clearable
+                             @change="queryParams.areaId = undefined;getAreaList(queryParams.district)"
+                             @clear="queryParams.areaId = undefined;areaList=[];
+                   queryParams.buildingId = undefined;buildingList=[];
+                   queryParams.unitId = undefined;unitList=[]">
                     <el-option
-                        v-for="e in dict.type.district"
-                        :key="e.value"
-                        :label="e.label"
-                        :value="e.value">
-                    </el-option>
-                </el-select>
-                </div>
-                <div>
-                    <el-select 
-                        v-model="currentCommunity" 
-                        placeholder="请选择小区"
-                        class="projectSelect communitySelect" 
-                        popper-class="projectDropDown" 
-                        :popper-append-to-body="false"
-                        @change="communityHasChanged"
-                        >
-                        <el-option
-                            v-for="e in communityOptions"
-                            :key="e.id"
-                            :label="e.name"
-                            :value="e.id">
-                        </el-option>
-                    </el-select>
-
-                </div>
-                <el-select 
-                    v-model="currentBuilding" 
-                    placeholder="请选择楼栋"
-                    class="projectSelect" 
-                    @change="buildingHasChanged"
-                    popper-class="projectDropDown" 
-                    :popper-append-to-body="false"
-                    >
+                      v-for="dict in dict.type.district"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="dict.value"
+                    />
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="小区名称" prop="areaId">
+                  <el-select v-model="queryParams.areaId" filterable clearable placeholder="请选择小区">
                     <el-option
-                        v-for="e in buildingOptions"
-                        :key="e.id"
-                        :label="e.name"
-                        :value="e.id">
+                      v-for="item in areaList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id">
                     </el-option>
-                </el-select>
-                <el-select 
-                    v-model="currentUnit" 
-                    placeholder="请选择单元"
-                    class="projectSelect" 
-                    popper-class="projectDropDown" 
-                    :popper-append-to-body="false"
-                    >
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="材质" prop="realityQuality" label-width="45px">
+                  <el-select v-model="queryParams.realityQuality" placeholder="请选择材质" filterable clearable
+                             @change="queryParams.realityQuality != undefined;getEnginSpecificationsList(queryParams.realityQuality)"
+                             @clear="queryParams.realityQuality = undefined;"
+                  >
                     <el-option
-                        v-for="e in unitOptions"
-                        :key="e.id"
-                        :label="e.name"
-                        :value="e.id">
-                    </el-option>
-                </el-select>
-                <el-select 
-                    v-model="currentType" 
-                    placeholder="请选择工程类型" 
-                    class="projectSelect" 
-                    popper-class="projectDropDown" 
-                    :popper-append-to-body="false"
-                    >
+                      v-for="obj in EnginMaterialQualityList"
+                      :key="obj.id"
+                      :label="obj.name"
+                      :value="obj.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="规格" prop="realitySpecifications"label-width="45px">
+                  <el-select v-model="queryParams.realitySpecifications" filterable clearable placeholder="请选择规格"
+                  >
                     <el-option
-                        v-for="e in typeOptions"
-                        :key="e.value"
-                        :label="e.label"
-                        :value="e.value">
+                      v-for="item in EnginSpecificationsList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id">
                     </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-select>
+                </el-form-item>
+                <el-form-item label="工程周期" prop="enginCycle">
+                  <el-select v-model="queryParams.enginCycle" filterable clearable placeholder="请选择规格"
+                  >
+                    <el-option
+                      v-for="dict in dict.type.engin_cycle"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="dict.value"
+                    />
+                  </el-select>
+                </el-form-item>
+
+                <el-form-item>
+                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                  <el-button
+                    icon="el-icon-download"
+                    @click="handleExport"
+                    size="mini"
+                    v-hasPermi="['zdsz:visual_house:export']"
+                  >导出</el-button>
+                </el-form-item>
+              </el-form>
+
+        </div>
         <div style="width: 100%; height: 100%;">
             <el-table
                 class="materialStatisticsTable"
@@ -119,45 +90,68 @@
                 border
                 :cell-style="tableRowClassName"
                 style="width: 100%">
+              <el-table-column
+                prop="areaName"
+                label="小区"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="materialQuality"
+                label="材质"
+              >
+              </el-table-column>
                 <el-table-column
-                prop="date"
-                width="250"
-                label=""
+                prop="estimatedSpecifications"
+                label="规格"
                 >
                 </el-table-column>
                 <el-table-column
-                prop="name"
-                label="预计用料"
-                >
+                prop="estimatedSize"
+                label="预计用料">
                 </el-table-column>
-                <el-table-column
-                prop="address"
+              <el-table-column
+                prop="realitySize"
                 label="实际用料">
-                </el-table-column>
+              </el-table-column>
+              <el-table-column
+                prop="enginCycle"
+                label="工程周期">
+              </el-table-column>
             </el-table>
+
         </div>
-        
+
     </div>
 </template>
 
 <script>
 import {
-    getAreaList,                            // 获取当前小区集合
-    getBuildingList,                        // 获取当前楼栋集合
-    getUnitList,                            // 获取当前单元集合
+  getAreaList,                            // 获取当前小区集合
+  getBuildingList, getHousesList,                        // 获取当前楼栋集合
+  getUnitList,                            // 获取当前单元集合
 } from '@/api/zdsz/enginee'
+import {
+  getEnginMaterialQualityList, getEnginSpecificationsList,
+  materialStatistics                           // 获取当前单元集合
+} from '@/api/zdsz/overhead'
+import {getUnits} from "@/api/zdsz/unit";
 export default {
+
     name:'MaterialStatistics',
-    dicts:['district'],
+    dicts:['district','engin_cycle'],
     data(){
         return {
+          buildingList: [],
+          areaList:[],
+          unitList: [],
+          showSearch: true,
             currentDate:null,
             currentMenu:0,   // 0:用料管理 1:进度统计 2:可视化进度
             typeOptions:[
                 {
                     value: '0',
                     label: '市政工程'
-                }, 
+                },
                 {
                     value: '1',
                     label: '工业工程'
@@ -165,11 +159,11 @@ export default {
                 {
                     value: '2',
                     label: '民用工程'
-                }, 
+                },
                 {
                     value: '3',
                     label: '危险作业'
-                }, 
+                },
                 {
                     value: '4',
                     label: '顶管工程'
@@ -183,7 +177,7 @@ export default {
                 {
                     value: '0',
                     label: '领秀世家'
-                }, 
+                },
                 {
                     value: '1',
                     label: '上东府里'
@@ -191,11 +185,11 @@ export default {
                 {
                     value: '2',
                     label: '清华园'
-                }, 
+                },
                 {
                     value: '3',
                     label: '万科蓝山'
-                }, 
+                },
                 {
                     value: '4',
                     label: '龙腾香格里'
@@ -207,57 +201,134 @@ export default {
             currentDistrict:null,       // 当前行政区
             currentCommunity:null,      // 当前小区
             currentBuilding:null,       // 当前楼宇
-            currentUnit:null,           // 当前单元
-            tableData: [
-                {
-                    date: '规格',
-                    name: '0.5cm',
-                    address: '1cm'
-                }, 
-                {
-                    date: '尺寸',
-                    name: '1.2m',
-                    address: '1.5m'
-                }, 
-                {
-                    date: '材质',
-                    name: 'pv',
-                    address: '钢 pv pc'
-                }, 
-            ]
+            currentUnit:null,// 当前单元
+          queryParams:{
+            areaId:undefined,
+            realityQuality:undefined,
+            realitySpecifications:undefined
+          },
+          EnginMaterialQualityList:[],
+          EnginSpecificationsList:[],
+            tableData: []
 
         }
     },
     mounted(){
         console.log(this.dict)
+      this.getEnginMaterialQualityList()
+      //this.getEnginSpecificationsList()
     },
     methods:{
-        // 当前所选行政区发生改变 查询当前小区集合
-        districtHasChanged(district){
-            this.currentCommunity = null
-            getAreaList({district}).then(res => {
-                this.communityOptions = res.data
-            })
-        },
-        // 当前所选小区发生改变 查询当前楼栋集合
-        communityHasChanged(areaId){
-            this.currentBuilding = null
-            getBuildingList({areaId}).then(res => {
-                this.buildingOptions = res.data
-            })
-        },
-        buildingHasChanged(buildingId){
-            this.currentUnit = null
-            getUnitList({buildingId}).then(res => {
-                console.log(res)
-                this.unitOptions = res.data
-            })
-        },
+      getList()
+      {
+
+        materialStatistics(this.queryParams).then(res=>{
+          this.tableData=res.data
+        })
+      },
+      getEnginMaterialQualityList()
+      {
+      getEnginMaterialQualityList().then(res=>{
+        this.EnginMaterialQualityList=res.data
+      })
+      },
+      getEnginSpecificationsList(materId)
+      {
+        getEnginSpecificationsList(materId).then(res=>{
+          this.EnginSpecificationsList=res.data
+        })
+      },
+
+      /** 搜索按钮操作 */
+      handleQuery() {
+        // this.queryParams = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.resetForm("queryForm");
+        this.tableData=[]
+        //this.handleQuery();
+      },
+      getAreaList(district) {
+        if (district === undefined || district == null || district === '')
+          return
+        getAreaList({district: district}).then(res => this.areaList = res.data)
+      },
+      getBuildingList1(areaId) {
+        if (areaId === undefined || areaId == null || areaId === '')
+          return
+        getBuildingList({areaId: areaId}).then(res => this.buildingList = res.data)
+      },
+      getUnitList1(buildingId) {
+        if (buildingId === undefined || buildingId == null || buildingId === '')
+          return
+        getUnits(this.queryParams.areaId, buildingId).then(res => this.unitList = res.data)
+      },
+      currentEnginTypeChange(val){
+        const enginDict = val[1]
+        const enginType = val[0]
+        this.queryParams.enginType = enginType
+        this.enginClassification=enginDict
+        this.enginClassificationOption = this.dict.type[enginDict]
+        console.log(this.value)
+      },
+      // 当前所选行政区发生改变 查询当前小区集合
+      districtHasChanged(district){
+        this.queryParams.areaId = null
+        this.queryParams.buildingId = null
+        this.queryParams.unitId = null
+        getAreaList({district}).then(res => {
+          this.communityOptions = res.data
+        })
+      },
+      // 当前所选小区发生改变 查询当前楼栋集合
+      communityHasChanged(areaId){
+        this.queryParams.buildingId = null
+        this.queryParams.unitId = null
+        getBuildingList({areaId}).then(res => {
+          this.buildingOptions = res.data
+        })
+      },
+      buildingHasChanged(buildingId){
+        console.log(buildingId)
+        this.queryParams.unitId = null
+        getUnitList({buildingId}).then(res => {
+          this.unitOptions = res.data
+        })
+      },
+      unitHasChanged(unitId){
+        getHousesList({unitId}).then(res => {
+          console.log(res)
+          this.houseOptions = res.data
+        })
+      },
+        // // 当前所选行政区发生改变 查询当前小区集合
+        // districtHasChanged(district){
+        //     this.currentCommunity = null
+        //     getAreaList({district}).then(res => {
+        //         this.communityOptions = res.data
+        //     })
+        // },
+        // // 当前所选小区发生改变 查询当前楼栋集合
+        // communityHasChanged(areaId){
+        //     this.currentBuilding = null
+        //     getBuildingList({areaId}).then(res => {
+        //         this.buildingOptions = res.data
+        //     })
+        // },
+        // buildingHasChanged(buildingId){
+        //     this.currentUnit = null
+        //     getUnitList({buildingId}).then(res => {
+        //         console.log(res)
+        //         this.unitOptions = res.data
+        //     })
+        // },
         /** 导出按钮操作 */
         handleExport() {
-            this.download('zdsz/visual_house/export', {
+            this.download('zdsz/materialStatistics/export', {
                 ...this.queryParams
-            }, `house_${new Date().getTime()}.xlsx`)
+            }, `用料统计${new Date().getTime()}.xlsx`)
         },
         tableRowClassName(){
             return "background:#199ED8;border: 2px solid #000066"
@@ -281,17 +352,12 @@ export default {
     width: 100%;
     height: 100%;
     padding: 1%;
-    .topContain{  
+    .topContain{
         display: flex;
         justify-content: space-between;
         width: 100%;
-        // height: 40px;
-        .searchBtn{
-            // height: 100%;
-            width: 11%;
-            background-color: #1890FF;
-            color: #fff;
-        }
+         height: 40px;
+
         ::v-deep .projectSelect{
             width: 16%;
             .el-input__inner{
@@ -376,4 +442,4 @@ export default {
 }
 }
 
-</style>
+</style>

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

@@ -1,10 +1,4 @@
 
- <!-- 
-    *@description: 进度统计
-    *@author: yh Fu
-    *@date: 2023-12-25 13:26:18
-    *@version: V1.0.5 
-    -->
 
 <template>
     <div class="ProgreStatistics_Contain">
@@ -14,37 +8,77 @@
             <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-form :model="queryParams" ref="queryForm" size="small" :inline="true"  v-show="showSearch" label-width="68px">
+            <el-form-item label="行政区" prop="district">
+              <el-select v-model="queryParams.district" placeholder="请选择行政区" clearable
+                         @change="queryParams.areaId = undefined;getAreaList(queryParams.district)"
+                         @clear="queryParams.areaId = undefined;areaList=[];
+                   queryParams.buildingId = undefined;buildingList=[];
+                   queryParams.unitId = undefined;unitList=[]">
+                <el-option
+                  v-for="dict in dict.type.district"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="小区名称" prop="areaId">
+              <el-select v-model="queryParams.areaId" filterable clearable placeholder="请选择小区">
+                <el-option
+                  v-for="item in areaList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
                 </el-option>
-            </el-select>
-            <el-button class="searchBtn">查询</el-button>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="工程周期" prop="enginCycle">
+              <el-select v-model="queryParams.enginCycle" filterable clearable placeholder="请选择规格">
+                <el-option
+                  v-for="dict in dict.type.engin_cycle"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+<!--            <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"
+            header-cell-style="background-color:#FFFFFF;border: 1px solid #000066"
             border
             :cell-style="tableRowClassName"
             style="width: 100%">
             <el-table-column
-            prop="name"
+            prop="areaName"
             width="250"
             label="小区名称"
             >
             </el-table-column>
             <el-table-column
-            prop="doing"
+            prop="notstart"
             label="未开工（户）"
             >
             </el-table-column>
@@ -58,20 +92,39 @@
             </el-table-column>
 
         </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
     </div>
 </template>
 
 <script>
+import  {
+  getAreaCompletionInformationList
+} from '@/api/zdsz/overhead'
+import {getAreaList, getBuildingList} from "@/api/zdsz/enginee";
+import {getUnits} from "@/api/zdsz/unit";
 export default {
     name:'ProgreStatistics',
+   dicts:['engin_cycle','district'],
     data(){
         return {
+          showSearch: true,
+          buildingList: [],
+          areaList:[],
+          unitList: [],
+          total:0,
+          queryParams:{pageNum:1,pageSize:10, areaId:undefined,enginCycle:"0"},
             currentMenu:1,   // 0:用料管理 1:进度统计 2:可视化进度
             typeOptions:[
                 {
                     value: '0',
                     label: '市政工程'
-                }, 
+                },
                 {
                     value: '1',
                     label: '工业工程'
@@ -79,11 +132,11 @@ export default {
                 {
                     value: '2',
                     label: '民用工程'
-                }, 
+                },
                 {
                     value: '3',
                     label: '危险作业'
-                }, 
+                },
                 {
                     value: '4',
                     label: '顶管工程'
@@ -99,38 +152,74 @@ export default {
                     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:{
+  mounted() {
+      this.getList()
+  },
+  methods:{
+    getAreaList(district) {
+      if (district === undefined || district == null || district === '')
+        return
+      getAreaList({district: district}).then(res => this.areaList = res.data)
+    },
+    getBuildingList1(areaId) {
+      if (areaId === undefined || areaId == null || areaId === '')
+        return
+      getBuildingList({areaId: areaId}).then(res => this.buildingList = res.data)
+    },
+    getUnitList1(buildingId) {
+      if (buildingId === undefined || buildingId == null || buildingId === '')
+        return
+      getUnits(this.queryParams.areaId, buildingId).then(res => this.unitList = res.data)
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.tableData=[]
+      this.queryParams = {pageNum:1,pageSize:10, areaId:undefined,enginCycle:"0"};
+      this.handleQuery();
+    },
+      getList()
+      {
+        getAreaCompletionInformationList(this.queryParams).then(res=>{
+          this.total=res.total
+          this.tableData=res.rows
+          })
+      },
         tableRowClassName(){
-            return "background:#199ED8;border: 2px solid #000066"
+            return "background:#FFFFFF;border: 1px solid #000066"
         },
         toModule(){
             console.log(this.$router)
@@ -148,10 +237,10 @@ export default {
     width: 100%;
     height: 100%;
     padding: 1%;
-    .topContain{  
+    .topContain{
         display: flex;
         justify-content: space-between;
-        width: 38%;
+        width: 100%;
         .searchBtn{
             width: 11%;
             background: linear-gradient(to right , #2197F2, #0BB0DE);
@@ -183,13 +272,14 @@ export default {
         ::v-deep .el-table__row{
             background-color: #2F4280;
         }
-        ::v-deep tbody tr:hover>td { 
-            transform: translateX(8px) translateY(-8px);
+        ::v-deep tbody tr:hover>td {
+            transform: translateX(3px) translateY(-3px);
             z-index: 100;
-            box-shadow: 10px 10px 10px 10px #182652;
-            background-color: #30478E;
-            color: #fff;
-        }	
+            box-shadow: 3px 3px 3px 3px rgba(82, 82, 82, 0.5);
+            background-color: rgba(98, 98, 98, 0.52);
+          font-size: 15px;
+            color: #ea0404;
+        }
     }
     .materialStatisticsTable::before{
         background-color:#000066 ;
@@ -198,4 +288,4 @@ export default {
         background-color:#000066 ;
     }
 }
-</style>
+</style>