diff --git a/package.json b/package.json
index a280eea..d5c4ef0 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "@vueuse/core": "10.11.0",
     "axios": "0.28.1",
     "clipboard": "2.0.11",
+    "d3": "^7.9.0",
     "echarts": "5.5.1",
     "element-plus": "2.10.2",
     "file-saver": "2.0.5",
diff --git a/public/factoryAreaImg/MFA.png b/public/factoryAreaImg/MFA.png
new file mode 100644
index 0000000..a284e7f
Binary files /dev/null and b/public/factoryAreaImg/MFA.png differ
diff --git a/public/factoryAreaImg/dianchi.png b/public/factoryAreaImg/dianchi.png
new file mode 100644
index 0000000..3bc8c2d
Binary files /dev/null and b/public/factoryAreaImg/dianchi.png differ
diff --git a/public/factoryAreaImg/iconPostion.png b/public/factoryAreaImg/iconPostion.png
new file mode 100644
index 0000000..9ce6e15
Binary files /dev/null and b/public/factoryAreaImg/iconPostion.png differ
diff --git a/public/factoryAreaImg/iconShencha.png b/public/factoryAreaImg/iconShencha.png
new file mode 100644
index 0000000..1e93d08
Binary files /dev/null and b/public/factoryAreaImg/iconShencha.png differ
diff --git a/public/factoryAreaImg/mraFactory.png b/public/factoryAreaImg/mraFactory.png
new file mode 100644
index 0000000..57e8607
Binary files /dev/null and b/public/factoryAreaImg/mraFactory.png differ
diff --git a/public/factoryAreaImg/shunyiFactory.png b/public/factoryAreaImg/shunyiFactory.png
new file mode 100644
index 0000000..3ad6079
Binary files /dev/null and b/public/factoryAreaImg/shunyiFactory.png differ
diff --git a/src/assets/images/closeImg.png b/src/assets/images/closeImg.png
new file mode 100644
index 0000000..e7dcc76
Binary files /dev/null and b/src/assets/images/closeImg.png differ
diff --git a/src/views/safetyReview/dashboard/index.vue b/src/views/safetyReview/dashboard/index.vue
index dddbdb8..20a750d 100644
--- a/src/views/safetyReview/dashboard/index.vue
+++ b/src/views/safetyReview/dashboard/index.vue
@@ -1,373 +1,717 @@
 <template>
     <div class="app-page-container">
         <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
-        <div class="my-container clearBoth">
-            <!-- <div class="searchPanel">
-                <el-form :model="queryParams" ref="queryRef" :inline="true">
-                    <el-row class="myRow">
-                        <el-col :span="20">
-                            <el-form-item label="部门" prop="deptId">
-                                <el-select v-model="queryParams.deptId" placeholder="请选择部门" clearable
-                                    style="width: 160px">
-                                    <el-option label="Zone one" value="shanghai" />
-                                    <el-option label="Zone two" value="beijing" />
-                                </el-select>
-                            </el-form-item>
-                            <el-form-item label="属地" prop="deptId">
-                                <el-select v-model="queryParams.deptId" placeholder="请选择属地" clearable
-                                    style="width: 160px">
-                                    <el-option label="Zone one" value="shanghai" />
-                                    <el-option label="Zone two" value="beijing" />
-                                </el-select>
-                            </el-form-item>
-                            <el-form-item label="资质" prop="deptId">
-                                <el-select v-model="queryParams.deptId" placeholder="请选择资质" clearable
-                                    style="width: 160px">
-                                    <el-option label="Zone one" value="shanghai" />
-                                    <el-option label="Zone two" value="beijing" />
-                                </el-select>
-                            </el-form-item>
-                            <el-form-item label="年度" prop="userName">
-                                <el-date-picker v-model="queryParams.year" type="year" placeholder="请选择"
-                                    style="width: 140px" />
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="4" style="text-align: right;">
-                            <el-button type="primary" class="seachBtn" @click="handleQuery">查询</el-button>
-                            <el-button class="resetBtn" @click="resetQuery">重置</el-button>
-                        </el-col>
-                    </el-row>
+        <div class="rootContainer clearBoth">
+            <el-card>
+                <el-form :inline="true">
+                    <el-form-item label="厂区">
+                        <el-select v-model="factoryArea" placeholder="请选择厂区" style="width: 200px;"
+                            @change="handleChangeFactory">
+                            <el-option v-for="dict in factory_area" :key="dict.value" :label="dict.label"
+                                :value="dict.value" />
+                        </el-select>
+                    </el-form-item>
                 </el-form>
-            </div>
-            <el-row class="chartsRow">
-                <el-col :span="12" class="leftChart">
-                    <el-card>
-                        <template #header>
-                            <div class="card-header">
-                                <span>当前角色饼图</span>
-                            </div>
-                        </template>
-                        <div id="qualificationPer" ref="qualificationPer"></div>
-                    </el-card>
-                </el-col>
-                <el-col :span="12" class="rightChart">
-                    <el-card>
-                        <template #header>
-                            <div class="card-header">
-                                <span>培训需求</span>
-                            </div>
-                        </template>
-                        <div id="qualificationBar" ref="qualificationBar"></div>
-                    </el-card>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-card>
-                        <template #header>
-                            <div class="card-header">
-                                <span>车型培训情况</span>
-                            </div>
-                        </template>
-                        <div id="vehicleTrainBar" ref="vehicleTrainBar"></div>
-                    </el-card>
-                </el-col>
-            </el-row> -->
+                <div class="headerTitle" v-if="factoryArea">{{ factoryArea }}</div>
+                <div class="applyFormContainer">
+                    <div ref="svgContainer"></div>
+                    <!-- 属地信息弹出层 -->
+                    <div class="propTable" v-if="showPropModal">
+                        <el-row style="height: 36px;padding: 8px 11px;">
+                            <el-col :span="16">
+                                <span class="tableTitle">440</span>
+                            </el-col>
+                            <el-col :span="8" style="text-align: right;">
+                                <img :src="closeImg" class="custom-icon" @click="closePropModal" />
+                            </el-col>
+                        </el-row>
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>部门</th>
+                                    <th>科室</th>
+                                    <th>属地</th>
+                                    <th>ESC</th>
+                                    <th>状态</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <!-- <tr>
+                                    <td>前驱车总装工厂</td>
+                                    <td>内饰</td>
+                                    <td>前驱车总装工厂</td>
+                                    <td>朱天一</td>
+                                    <td>
+                                        <span class="status-checked">已查</span>
+                                    </td>
+                                </tr> -->
+                                <tr>
+                                    <td>前驱车总装工厂</td>
+                                    <td>内饰</td>
+                                    <td>前驱车总装工厂</td>
+                                    <td>朱天一</td>
+                                    <td>
+                                        <span class="status-pending">待查</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+
+            </el-card>
         </div>
     </div>
 </template>
 <script setup>
-import { onMounted, ref } from 'vue'
+import * as d3 from 'd3';
+import { onMounted, ref, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import Breadcrumb from '@/components/Breadcrumb'
-import * as echarts from 'echarts'
+import mfaImage from '/factoryAreaImg/MFA.png';
+import dianchiImage from '/factoryAreaImg/dianchi.png';
+import mraFactoryImage from '/factoryAreaImg/mraFactory.png';
+import shunyiFactoryImage from '/factoryAreaImg/shunyiFactory.png';
+import iconPostion from '/factoryAreaImg/iconPostion.png';
+import iconShencha from '/factoryAreaImg/iconShencha.png';
+import closeImg from '@/assets/images/closeImg.png'
+
 const router = useRouter()
-const qualificationPer = ref(null)
-const qualificationBar = ref(null)
-const vehicleTrainBar = ref(null)
-const queryParams = ref({
-    userName: undefined,
-    deptId: undefined,
-    qualification: undefined
-})
-/** 搜索按钮操作 */
-const handleQuery = () => { }
+const factoryArea = ref('MFA厂区')
+const { proxy } = getCurrentInstance()
+const { factory_area } = proxy.useDict("factory_area")
+// 属地弹出层
+const showPropModal = ref(false)
+const svgContainer = ref(null);
+// SVG尺寸
+const width = ref(1160);
+const height = ref(674);
 
-/** 重置按钮操作 */
-const resetQuery = () => {
-    handleQuery()
-}
 onMounted(() => {
-    // initQualificationPer();
-    // initQualificationBar();
-    // initVehicleTrainBar();
+    // nextTick(() => {
+    //     console.log('fsdf', factory_area.value[0].value)
+    //     factoryArea.value = factory_area.value[0].value
+    // });
+    initMFA()
 });
-const dataCake = [
-    { value: 2562, name: 'SH', percentage: '15.86%' },
-    { value: 6000, name: 'ES', percentage: '37.15%' },
-    { value: 2589, name: 'ESC', percentage: '16.03%' },
-    { value: 4000, name: 'CESC', percentage: '24.77%' },
-    { value: 1000, name: 'LLP', percentage: '6.19%' }
-]
-const initQualificationPer = () => {
-    const _myChart = echarts.init(qualificationPer.value)
-    _myChart.setOption({
-        tooltip: {
-            trigger: 'item',
-            formatter: "{b} : {c} 人  ({d}%)"   //鼠标放上去 展示内容
-        },
-        legend: {
-            orient: 'vertical',
-            left: '54%',  //图例距离左的距离
-            top: '18%',
-            itemGap: 20,
-            textStyle: { // 全局文本样式
-                fontSize: 16,     // 字号
-                color: '#000000',    // 颜色
-                fontWeight: '400' // 加粗
-            },
-            formatter: function (name) {
-                let target, percentage;
-                for (let i = 0; i < dataCake.length; i++) {
-                    if (dataCake[i].name === name) {
-                        target = dataCake[i].value
-                        percentage = dataCake[i].percentage
-                    }
-                }
-                let arr = [name + ' ', " " + target + "人 ", " " + percentage]
-                return arr.join(" ")
-            },
-        },
-        color: ['#767C81', '#BABDC0', '#019167', '#32D3A4', '#FFA800'],//五个数据，五个颜色 
-        series: [
-            {
-                name: '-',
-                type: 'pie',
-                radius: ['60%', '70%'],
-                avoidLabelOverlap: false,
-                padAngle: 5,
-                itemStyle: {
-                    borderRadius: 10
-                },
-                center: ['30%', '45%'], //性设置图的上下左右的位置
-                data: dataCake,
-                // 设置值域的标签
-                label: {
-                    show: false,
-                    position: 'center'
-                },
-                emphasis: {
-                    label: {
-                        show: true,
-                        fontSize: 24,
-                        fontWeight: '700',
-                        formatter: "{b}\n{c} 人"   //鼠标放上去 展示内容
-                    },
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    })
-    window.addEventListener("resize", () => {
-        _myChart.resize()
-    })
+
+// 厂区切换
+const handleChangeFactory = (val) => {
+    console.log('厂区', val)
+    if (val == 'MFA厂区') initMFA()
+    if (val == '电池工厂') initDianchi()
+    if (val == 'MRA工厂') initMRA()
+    if (val == '顺义工厂') initShunYi()
 }
-
-const initQualificationBar = () => {
-    const _myChart = echarts.init(qualificationBar.value)
-    _myChart.setOption({
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: { type: 'shadow' }
-        },
-        grid: {
-            left: '3%',
-            right: '7%',  // 右侧留更多空间显示长数值
-            top: '0',
-            bottom: '0',
-            containLabel: true
-        },
-        yAxis: {  // 注意：yAxis现在用于显示类别
-            type: 'category',
-            data: ['SH', 'ES', 'ESC', 'CESC', 'LLP'],
-            axisLabel: {
-                fontSize: 16,
-                color: '#898989'
-            },
-            axisLine: {
-                lineStyle: {
-                    color: '#F1F1F1'
-                }
-            },
-            axisTick: {
-                show: false,  // 关闭刻度线显示
-                alignWithLabel: true
-            }
-        },
-        xAxis: {  // 注意：xAxis现在用于显示数值
-            type: 'value',
-            axisLabel: {
-                fontSize: 12,
-                color: '#999',
-                formatter: '{value}',
-                show: false
-            },
-            splitLine: {
-                lineStyle: {
-                    type: 'dashed',
-                    color: '#eee',
-                },
-                show: false
-            },
-        },
-        series: [{
-            name: '数值',
-            type: 'bar',
-            barWidth: '16',
-            data: [
-                { value: 97, name: 'SH' },
-                { value: 212, name: 'ES' },
-                { value: 427, name: 'ESC' },
-                { value: 935, name: 'CESC' },
-                { value: 486, name: 'LLP' }
-            ],
-            itemStyle: {
-                color: function (params) {
-                    const colorList = ['#5470C6', '#91CC75', '#FAC858', '#EE6666', '#73C0DE'];
-                    return colorList[params.dataIndex];
-                },
-                borderRadius: [0, 4, 4, 0] // 右侧圆角（横向条形图的右侧）
-            },
-            label: {
-                show: true,
-                position: 'right',  // 数值显示在条形右侧
-                formatter: '{c}',
-                fontSize: 14,
-                fontWeight: 'bold',
-                color: '#333'
-            },
-            emphasis: {
-                itemStyle: {
-                    shadowBlur: 10,
-                    shadowColor: 'rgba(0, 0, 0, 0.3)'
-                },
-                label: {
-                    show: true,
-                    fontSize: 16,
-                    color: '#000'
-                }
-            }
-        }]
-    })
-    window.addEventListener("resize", () => {
-        _myChart.resize()
-    })
+// 关闭属地弹出层
+const closePropModal = () => {
+    showPropModal.value = false
 }
+// 加载MFA厂区
+const initMFA = () => {
+    // 清空画布
+    d3.select(svgContainer.value).selectAll("*").remove();
+    // 创建SVG容器
+    const svg = d3.select(svgContainer.value)
+        .append('svg')
+        .attr('width', width.value)
+        .attr('height', height.value);
 
-const initVehicleTrainBar = () => {
-    const _myChart = echarts.init(vehicleTrainBar.value)
-    _myChart.setOption({
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        grid: {
-            left: '4%',
-            right: '4%',
-            top: '2%',
-            bottom: '0%',  // 为x轴标签留出更多空间
-            containLabel: true
-        },
-        xAxis: {
-            type: 'category',
-            data: [
-                'BR 205 Plugin Hybrid',
-                'BR 222 Plugin Hybrid',
-                'V213 222 Plugin Hybrid',
-                'V266 Plugin Hybrid',
-                'BR 205 Plugin Hybrid',
-                'V213 222 Plugin Hybrid',
-                'V266 Plugin Hybrid',
-                'V223 Plugin Hybrid',
-                'V223 Plugin Hybrid',
-                'V223 Plugin Hybrid'
-            ],
-            axisLabel: {
-                interval: 0,  // 强制显示所有标签
-                rotate: 45,   // 标签旋转45度防止重叠
-                fontSize: 16,  // 缩小字体
-                color: '#898989'
-            },
-            axisLine: {
-                show: false
-            },
-            axisTick: {
-                show: false
-            },
-            splitLine: {
-                lineStyle: {
-                    type: 'dashed',
-                    color: '#eee',
-                },
-                show: false
-            },
-        },
-        yAxis: {
-            type: 'value',
-            axisLabel: {
-                fontSize: 16,
-                color: '#898989'
-            },
-            axisLine: {
-                show: false
-            },
-            axisTick: {
-                show: false
-            },
-            splitLine: {
-                lineStyle: {
-                    type: 'solid',
-                    color: '#F1F1F1',
-                },
-                show: true
-            },
-        },
-        series: [{
-            name: '数值',
-            type: 'bar',
-            barWidth: '16',
-            data: [205, 222, 222, 266, 205, 222, 266, 223, 223, 223],
-            itemStyle: {
-                // color: '#767C81',
+    // 加载图片
+    svg.append('image')
+        .attr('xlink:href', mfaImage)
+        .attr('width', width.value)
+        .attr('height', height.value)
+        .attr('x', 0)
+        .attr('y', 0);
 
-                // 间隔变色函数
-                color: function (params) {
-                    const colorList = [
-                        '#767C81', '#767C8150'
-                    ];
-                    return colorList[params.dataIndex % colorList.length];
-                },
-                borderRadius: [0, 0, 0, 0]  // 顶部圆角
-            },
-            label: {
-                show: false,
-                position: 'top',  // 数值显示在柱子上方
-                formatter: '{c}',
-                color: '#333'
-            }
-        }]
-    })
-    window.addEventListener("resize", () => {
-        _myChart.resize()
-    })
+    // 定义颜色
+    const colors = {
+        fillColor: '#ffa800',
+        normalOpacity: 0.2,
+        hoverOpacity: 0.4,
+        strokeFill: '#ffa800',
+        strokeWidth: 1
+    };
+    // 创建路径数据
+    const pathData = [
+        {
+            path: "M0 0 C0.7222023 -0.00014603 1.4444046 -0.00029205 2.18849182 -0.0004425 C4.57466642 0.00025394 6.96076287 0.00803379 9.34692383 0.01586914 C11.00173398 0.01773427 12.65654469 0.01915773 14.31135559 0.02015686 C18.66626511 0.02397454 23.02114126 0.03379844 27.3760376 0.04486084 C31.82010446 0.05509106 36.26417671 0.05965794 40.70825195 0.06469727 C49.4276683 0.07542137 58.14705754 0.09248882 66.86645508 0.11352539 C67.12937851 1.08862564 67.39230194 2.06372589 67.66319275 3.06837463 C67.84052948 3.72605772 68.01786621 4.38374081 68.20057678 5.06135368 C68.60950852 6.577946 69.01843893 8.09453868 69.42736816 9.61113167 C70.61668762 14.02192328 71.80605633 18.4327016 72.99549866 22.84346008 C75.41895372 31.83036855 77.84217463 40.81733982 80.26422691 49.80462646 C81.64055273 54.91155244 83.01710953 60.01841614 84.39379883 65.12524414 C84.66871532 66.14505119 84.94363182 67.16485825 85.22687912 68.21556854 C88.68130045 81.02823972 92.14418709 93.83856581 95.6210041 106.64517784 C96.81633665 111.04925541 98.00989328 115.4538147 99.20352459 119.85835361 C100.30263286 123.91296515 101.40508247 127.96664976 102.50994015 132.01969814 C103.34001955 135.06841482 104.16535137 138.11841695 104.99145508 141.16821289 C105.4349807 142.78836052 105.4349807 142.78836052 105.88746643 144.4412384 C106.15123581 145.4183226 106.41500519 146.3954068 106.68676758 147.40209961 C107.03118896 148.66822586 107.03118896 148.66822586 107.38256836 149.95993042 C107.86645508 152.11352539 107.86645508 152.11352539 107.86645508 155.11352539 C99.58920285 155.0047938 91.31202032 154.89194435 83.03489208 154.77418613 C79.18930012 154.71959709 75.34370031 154.66629829 71.49804688 154.61621094 C69.99780189 154.59649978 68.49755774 154.57672477 66.99731445 154.55688477 C66.2607065 154.54714819 65.52409855 154.53741161 64.76516914 154.52737999 C59.03085538 154.44862496 53.29759656 154.33551387 47.56413078 154.21003151 C43.59542267 154.12865755 39.63481746 154.12304982 35.66577148 154.17163086 C33.95792198 154.1621475 32.25007608 154.15197129 30.54223633 154.14086914 C29.44252754 154.18577232 29.44252754 154.18577232 28.32060242 154.23158264 C26.30908203 154.19140625 26.30908203 154.19140625 22.86645508 153.11352539 C21.21645508 150.14352539 19.56645508 147.17352539 17.86645508 144.11352539 C-16.12354492 143.78352539 -50.11354492 143.45352539 -85.13354492 143.11352539 C-85.13354492 123.98852539 -85.13354492 123.98852539 -84.63354492 117.05102539 C-84.58584961 116.36459961 -84.5381543 115.67817383 -84.48901367 114.97094727 C-84.37576085 113.35143192 -84.25556001 111.73240416 -84.13354492 110.11352539 C-86.77354492 110.11352539 -89.41354492 110.11352539 -92.13354492 110.11352539 C-92.27988438 102.50451227 -91.87262419 95.10033986 -91.03979492 87.53930664 C-90.94150391 86.60679077 -90.84321289 85.6742749 -90.74194336 84.71350098 C-90.37874727 81.28367269 -90.00558775 77.85490532 -89.63354492 74.42602539 C-88.80854492 66.73290039 -87.98354492 59.03977539 -87.13354492 51.11352539 C-67.66354492 50.78352539 -48.19354492 50.45352539 -28.13354492 50.11352539 C-36.05354492 46.15352539 -43.97354492 42.19352539 -52.13354492 38.11352539 C-53.12354492 37.45352539 -54.11354492 36.79352539 -55.13354492 36.11352539 C-55.42651367 33.07446289 -55.42651367 33.07446289 -55.32104492 29.48852539 C-55.28043945 27.70575195 -55.28043945 27.70575195 -55.23901367 25.88696289 C-55.20420898 24.97172852 -55.1694043 24.05649414 -55.13354492 23.11352539 C-48.78107726 19.99605807 -42.42717751 16.88152471 -36.07226562 13.76904297 C-33.90982372 12.70950002 -31.74771257 11.64928173 -29.5859375 10.58837891 C-26.48157737 9.06504183 -23.37604227 7.54412424 -20.27026367 6.02368164 C-19.30142746 5.54761978 -18.33259125 5.07155792 -17.33439636 4.58106995 C-16.43368912 4.14068893 -15.53298187 3.70030792 -14.60498047 3.24658203 C-13.81222214 2.85797501 -13.01946381 2.46936798 -12.2026825 2.06898499 C-7.96454677 0.11195347 -4.63923932 -0.00787647 0 0 Z", // 440
+            transform: 'translate(614.133544921875,194.113525390625)',
+            x: 604,
+            y: 220,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "440",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: false
+        },
+        {
+            path: "M0 0 C5.09031755 -0.04936158 10.18049643 -0.08570105 15.27099609 -0.10986328 C17.00344265 -0.11993376 18.73587216 -0.13359089 20.46826172 -0.15087891 C22.95544639 -0.17508162 25.44240675 -0.18647239 27.9296875 -0.1953125 C28.70682098 -0.20563507 29.48395447 -0.21595764 30.28463745 -0.22659302 C32.19125493 -0.22699271 34.09731036 -0.1223214 36 0 C38.3806932 2.3806932 38.43826219 3.42541422 38.96142578 6.69335938 C39.12144073 7.66776978 39.28145569 8.64218018 39.44631958 9.64611816 C39.61098724 10.70133667 39.77565491 11.75655518 39.9453125 12.84375 C40.12005096 13.92378296 40.29478943 15.00381592 40.474823 16.11657715 C41.03249827 19.57654466 41.57865672 23.03822699 42.125 26.5 C42.5005916 28.83474982 42.87688481 31.16938689 43.25390625 33.50390625 C43.93910562 37.77084539 44.62396845 42.03782126 45.29736328 46.30664062 C45.43345001 47.16664673 45.56953674 48.02665283 45.70974731 48.91271973 C46 51 46 51 46 53 C40.48211662 52.90660525 34.96467935 52.80054369 29.44726562 52.68261719 C27.56940424 52.64428023 25.69146824 52.60943573 23.81347656 52.578125 C21.11756679 52.53257637 18.42217288 52.47456625 15.7265625 52.4140625 C14.88380768 52.40251129 14.04105286 52.39096008 13.17276001 52.37905884 C7.22774341 52.22774341 7.22774341 52.22774341 5 50 C4.56967163 47.86129761 4.56967163 47.86129761 4.31396484 45.18310547 C4.21401215 44.18221893 4.11405945 43.1813324 4.01107788 42.15011597 C3.91203156 41.06674957 3.81298523 39.98338318 3.7109375 38.8671875 C3.60278717 37.76021515 3.49463684 36.6532428 3.38320923 35.51272583 C3.03879038 31.96756491 2.70676756 28.42136507 2.375 24.875 C2.14404299 22.47518196 1.91228252 20.07544109 1.6796875 17.67578125 C1.1104563 11.78471892 0.55140526 5.89275608 0 0 Z", // 451
+            transform: 'translate(640.133544921875,376.113525390625)',
+            x: 646,
+            y: 370,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "451",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+    ];
+    // 添加路径
+    svg.selectAll('.custom-path')
+        .data(pathData)
+        .enter()
+        .append('path')
+        .attr('class', 'custom-path')
+        .attr('d', d => d.path)
+        .attr('fill', colors.fillColor)
+        .attr('fill-opacity', colors.normalOpacity)
+        .attr('stroke', colors.strokeFill)
+        .attr('stroke-width', colors.strokeWidth)
+        .attr('transform', d => d.transform)
+        .attr('cursor', 'pointer')
+        // 鼠标交互效果
+        .on('mouseover', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.hoverOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('mouseout', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.normalOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('click', function () {
+            showPropModal.value = true
+        });
+
+    // 为每个文本添加背景和文本
+    pathData.forEach(data => {
+        // 先添加文本（为了获取文本尺寸）
+        const text = svg.append('text')
+            .attr('x', data.x)
+            .attr('y', data.y)
+            .attr('font-size', '16px')
+            .attr('font-weight', '700')
+            .attr('fill', '#ffffff')
+            .text(data.text);
+
+        // 获取文本边界框
+        const bbox = text.node().getBBox();
+
+        // 添加背景矩形
+        svg.insert('rect', 'text')
+            .attr('x', bbox.x - data.paddingLeft)
+            .attr('y', bbox.y - data.paddingTop)
+            .attr('width', d => {
+                if (data.isChecked) return bbox.width + 2 * data.paddingLeft
+                else return bbox.width + 2 * data.paddingLeft + 20
+            })
+            .attr('height', bbox.height + 2 * data.paddingTop)
+            .attr('rx', data.rx) // 圆角
+            .attr('ry', data.ry) // 圆角
+            .attr('fill', '#4276D1')
+            .attr("stroke", "#8BB1F3")
+            .attr("stroke-width", 1);
+
+        // 添加定位图标  基于文本边界框设置位置
+        svg.append('image')
+            .attr('xlink:href', iconPostion)
+            .attr('width', 36)
+            .attr('height', 39)
+            .attr('x', d => {
+                if (!data.isChecked) return bbox.x + 10
+                else return bbox.x
+            })
+            .attr('y', bbox.y + 30);
+
+        // 添加待审查图标
+        if (!data.isChecked) {
+            svg.append('image')
+                .attr('xlink:href', iconShencha)
+                .attr('width', 12)
+                .attr('height', 12)
+                .attr('x', bbox.x + bbox.width + 8)
+                .attr('y', bbox.y + 2);
+        }
+    });
 }
+// 加载电池厂区
+const initDianchi = () => {
+    // 清空画布
+    d3.select(svgContainer.value).selectAll("*").remove();
+    // 创建SVG容器
+    const svg = d3.select(svgContainer.value)
+        .append('svg')
+        .attr('width', width.value)
+        .attr('height', height.value);
 
+    // 加载图片
+    svg.append('image')
+        .attr('xlink:href', dianchiImage)
+        .attr('width', width.value)
+        .attr('height', height.value)
+        .attr('x', 0)
+        .attr('y', 0);
+
+    // 定义颜色
+    const colors = {
+        fillColor: '#ffa800',
+        normalOpacity: 0.2,
+        hoverOpacity: 0.4,
+        strokeFill: '#ffa800',
+        strokeWidth: 1
+    };
+    // 创建路径数据
+    const pathData = [
+        {
+            path: "M0 0 C1.11830704 0.21958878 2.23661407 0.43917755 3.3888092 0.66542053 C5.73851303 1.12842066 8.08749932 1.59507564 10.43579102 2.06518555 C14.04599834 2.78732496 17.6584794 3.49708305 21.27148438 4.20507812 C23.55613246 4.65683011 25.84064283 5.10927925 28.125 5.5625 C29.21030502 5.77607651 30.29561005 5.98965302 31.4138031 6.20970154 C32.40896439 6.40983353 33.40412567 6.60996552 34.42944336 6.81616211 C35.30910263 6.99159042 36.1887619 7.16701874 37.09507751 7.34776306 C39.09765625 7.84765625 39.09765625 7.84765625 40.09765625 8.84765625 C40.49759311 11.53628289 40.84900168 14.21117842 41.16015625 16.91015625 C41.29647461 18.04807617 41.29647461 18.04807617 41.43554688 19.20898438 C41.66009365 21.08808635 41.87936603 22.9678172 42.09765625 24.84765625 C34.58253298 29.47887217 26.89330689 33.70972969 19.09765625 37.84765625 C17.86327794 38.50546646 16.62906902 39.16359461 15.39501953 39.82202148 C13.49631652 40.83507118 11.59753837 41.84797558 9.69827271 42.85997009 C3.44642331 46.19152324 -2.79156763 49.5486237 -9.02734375 52.91015625 C-11.17578125 54.06770833 -13.32421875 55.22526042 -15.47265625 56.3828125 C-16.53258789 56.95402832 -17.59251953 57.52524414 -18.68457031 58.11376953 C-24.08979813 61.02635891 -29.49614243 63.93687439 -34.90234375 66.84765625 C-35.97355469 67.42451172 -37.04476563 68.00136719 -38.1484375 68.59570312 C-43.58934209 71.52567281 -49.0306348 74.45491768 -54.47265625 77.3828125 C-64.9566138 83.02418014 -75.4361281 88.67343034 -85.90234375 94.34765625 C-97.46269839 100.61506616 -109.03978531 106.85113869 -120.62011719 113.08154297 C-126.04820923 116.00231193 -131.4752383 118.92505462 -136.90234375 121.84765625 C-143.42524802 125.36036681 -149.94838143 128.87264801 -156.47265625 132.3828125 C-165.96782347 137.49211676 -175.4626138 142.60196454 -184.94042969 147.7434082 C-186.90289809 148.80633104 -188.86707461 149.86610667 -190.83300781 150.92260742 C-195.61015543 153.49409715 -200.36258199 156.09631885 -205.06756592 158.79815674 C-206.82176606 159.8027153 -208.58164595 160.79649027 -210.34375 161.78710938 C-212.57397667 163.04430769 -214.79354454 164.32067502 -217 165.61914062 C-218.01707031 166.18697266 -219.03414063 166.75480469 -220.08203125 167.33984375 C-220.96616699 167.8488623 -221.85030273 168.35788086 -222.76123047 168.88232422 C-231.97214236 171.71303661 -242.32330026 167.33535729 -251.28125 164.84765625 C-252.74413238 164.44730991 -254.20718383 164.04758089 -255.6703949 163.6484375 C-258.71499547 162.81613851 -261.75807592 161.97856989 -264.80004883 161.13671875 C-268.70532708 160.05609275 -272.61331062 158.98566929 -276.52233982 157.91870117 C-279.53329245 157.09627864 -282.54323797 156.27022373 -285.55283928 155.44287109 C-286.9947968 155.04660614 -288.436962 154.65109613 -289.8793354 154.25634766 C-291.88350354 153.70691028 -293.88637552 153.15299219 -295.88891602 152.59765625 C-297.02901627 152.283125 -298.16911652 151.96859375 -299.34376526 151.64453125 C-301.90234375 150.84765625 -301.90234375 150.84765625 -302.90234375 149.84765625 C-303.13887898 147.32169366 -303.32408067 144.81658418 -303.46484375 142.28515625 C-303.50802734 141.57423828 -303.55121094 140.86332031 -303.59570312 140.13085938 C-303.70206152 138.37003713 -303.80273221 136.60887305 -303.90234375 134.84765625 C-263.47077709 115.08775782 -263.47077709 115.08775782 -247.0246582 107.22119141 C-238.55316253 103.16717299 -230.10137692 99.0732143 -221.65234375 94.97265625 C-207.5978264 88.1522599 -193.53336077 81.35286341 -179.46289062 74.56542969 C-175.86432361 72.82931357 -172.26606345 71.09256343 -168.66796875 69.35546875 C-168.06903809 69.06631592 -167.47010742 68.77716309 -166.85302734 68.47924805 C-165.03612623 67.60206441 -163.21923335 66.72486373 -161.40234375 65.84765625 C-154.19967176 62.37015397 -146.99682141 58.89302481 -139.79296875 55.41796875 C-126.19703754 48.85846289 -112.60925368 42.28254494 -99.02838135 35.69192505 C-89.23706539 30.94101785 -79.43418796 26.21524345 -69.6171875 21.51757812 C-63.31882938 18.49944423 -57.03307878 15.45622446 -50.75390625 12.3984375 C-49.5642778 11.81936394 -49.5642778 11.81936394 -48.35061646 11.22859192 C-44.4039682 9.30719145 -40.45832813 7.38376206 -36.51416016 5.45727539 C-35.06545979 4.75140307 -33.61673065 4.04558977 -32.16796875 3.33984375 C-31.17744003 2.85473076 -31.17744003 2.85473076 -30.16690063 2.3598175 C-28.41842965 1.50918661 -26.66071927 0.67761964 -24.90234375 -0.15234375 C-24.09249023 -0.55437012 -23.28263672 -0.95639648 -22.44824219 -1.37060547 C-15.06501847 -3.63768279 -7.35291831 -1.48001327 0 0 Z", // 440
+            transform: 'translate(450.133544921875,80.113525390625)',
+            x: 316,
+            y: 120,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "BP",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: false
+        },
+    ];
+    // 添加路径
+    svg.selectAll('.custom-path')
+        .data(pathData)
+        .enter()
+        .append('path')
+        .attr('class', 'custom-path')
+        .attr('d', d => d.path)
+        .attr('fill', colors.fillColor)
+        .attr('fill-opacity', colors.normalOpacity)
+        .attr('stroke', colors.strokeFill)
+        .attr('stroke-width', colors.strokeWidth)
+        .attr('transform', d => d.transform)
+        .attr('cursor', 'pointer')
+        // 鼠标交互效果
+        .on('mouseover', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.hoverOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('mouseout', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.normalOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('click', function () {
+            showPropModal.value = true
+        });
+
+    // 为每个文本添加背景和文本
+    pathData.forEach(data => {
+        // 先添加文本（为了获取文本尺寸）
+        const text = svg.append('text')
+            .attr('x', data.x)
+            .attr('y', data.y)
+            .attr('font-size', '16px')
+            .attr('font-weight', '700')
+            .attr('fill', '#ffffff')
+            .text(data.text);
+
+        // 获取文本边界框
+        const bbox = text.node().getBBox();
+
+        // 添加背景矩形
+        svg.insert('rect', 'text')
+            .attr('x', bbox.x - data.paddingLeft)
+            .attr('y', bbox.y - data.paddingTop)
+            .attr('width', d => {
+                if (data.isChecked) return bbox.width + 2 * data.paddingLeft
+                else return bbox.width + 2 * data.paddingLeft + 20
+            })
+            .attr('height', bbox.height + 2 * data.paddingTop)
+            .attr('rx', data.rx) // 圆角
+            .attr('ry', data.ry) // 圆角
+            .attr('fill', '#4276D1')
+            .attr("stroke", "#8BB1F3")
+            .attr("stroke-width", 1);
+
+        // 添加定位图标  基于文本边界框设置位置
+        svg.append('image')
+            .attr('xlink:href', iconPostion)
+            .attr('width', 36)
+            .attr('height', 39)
+            .attr('x', d => {
+                if (!data.isChecked) return bbox.x + 10
+                else return bbox.x
+            })
+            .attr('y', bbox.y + 30);
+
+        // 添加待审查图标
+        if (!data.isChecked) {
+            svg.append('image')
+                .attr('xlink:href', iconShencha)
+                .attr('width', 12)
+                .attr('height', 12)
+                .attr('x', bbox.x + bbox.width + 8)
+                .attr('y', bbox.y + 2);
+        }
+    });
+}
+// 加载MRA厂区
+const initMRA = () => {
+    // 清空画布
+    d3.select(svgContainer.value).selectAll("*").remove();
+    // 创建SVG容器
+    const svg = d3.select(svgContainer.value)
+        .append('svg')
+        .attr('width', width.value)
+        .attr('height', height.value);
+
+    // 加载图片
+    svg.append('image')
+        .attr('xlink:href', mraFactoryImage)
+        .attr('width', width.value)
+        .attr('height', height.value)
+        .attr('x', 0)
+        .attr('y', 0);
+
+    // 定义颜色
+    const colors = {
+        fillColor: '#ffa800',
+        normalOpacity: 0.2,
+        hoverOpacity: 0.4,
+        strokeFill: '#ffa800',
+        strokeWidth: 1
+    };
+    // 创建路径数据
+    const pathData = [
+        {
+            path: "M0 0 C18.41066666 -0.21029543 36.82102144 -0.36897444 55.23262978 -0.46630955 C63.78163438 -0.51270668 72.32989252 -0.57595324 80.87841797 -0.67895508 C88.32988017 -0.76869548 95.78080182 -0.82673164 103.2327894 -0.84679645 C107.17847324 -0.85852516 111.12261078 -0.8860577 115.06779861 -0.95157051 C118.78322308 -1.01276677 122.49646836 -1.03148604 126.21234894 -1.01796913 C128.22250711 -1.02161747 130.23242886 -1.07000185 132.24197388 -1.11978149 C140.89280383 -1.03081829 140.89280383 -1.03081829 144.11474323 1.96886158 C145.66377251 4.25692748 146.86465451 6.48558614 148 9 C148.58193115 9.97106689 149.1638623 10.94213379 149.76342773 11.94262695 C150.23208252 12.78269287 150.7007373 13.62275879 151.18359375 14.48828125 C151.71573486 15.43678955 152.24787598 16.38529785 152.79614258 17.36254883 C153.33779053 18.33603271 153.87943848 19.3095166 154.4375 20.3125 C155.57477404 22.34416821 156.71278825 24.37542229 157.8515625 26.40625 C158.39200195 27.37046875 158.93244141 28.3346875 159.48925781 29.328125 C161.89891628 33.58980927 164.39795005 37.79563144 166.92578125 41.98828125 C168 44 168 44 168 46 C169.23363281 45.70416016 169.23363281 45.70416016 170.4921875 45.40234375 C174.46444455 44.85650242 177.13740507 44.85887664 181 46 C184.80177468 50.30486667 187.10850028 55.17815418 189.63085938 60.30908203 C192.09214127 65.14650162 194.91887091 69.77160643 197.6875 74.4375 C198.89020471 76.49481861 200.09068505 78.55343903 201.2890625 80.61328125 C202.20220215 82.18263428 202.20220215 82.18263428 203.13378906 83.78369141 C206.91670312 90.303329 210.67213273 96.83884403 214.43066406 103.37255859 C219.2643006 111.7609373 224.17419735 120.10230291 229.14086914 128.41259766 C229.64996826 129.26772949 230.15906738 130.12286133 230.68359375 131.00390625 C231.13275146 131.75486572 231.58190918 132.5058252 232.04467773 133.27954102 C233 135 233 135 233 136 C187.79 136 142.58 136 96 136 C109.42971559 172.52612521 109.42971559 172.52612521 123 209 C123 209.66 123 210.32 123 211 C99.9 211 76.8 211 53 211 C51.63230469 205.65039062 50.26460937 200.30078125 48.85546875 194.7890625 C46.96634699 187.40099022 45.07698091 180.01298044 43.1875 172.625 C42.9406974 171.65997936 42.69389481 170.69495872 42.43961334 169.70069504 C35.85808517 143.96697679 29.2686816 118.23530786 22.65930939 92.50872612 C21.28109775 87.14402471 19.90374173 81.77910422 18.52685547 76.4140625 C17.76923594 73.46223183 17.01157976 70.51041057 16.25390625 67.55859375 C15.98015545 66.49203363 15.98015545 66.49203363 15.70087433 65.40392685 C13.49700866 56.81826097 11.28744495 48.23410474 9.07012939 39.65190125 C7.91176224 35.16597288 6.75690161 30.67914696 5.60284424 26.19210815 C5.08323407 24.17564429 4.56192118 22.15961828 4.03875732 20.14407349 C3.34055273 17.45390516 2.64807589 14.76232732 1.95703125 12.0703125 C1.75496567 11.29820938 1.55290009 10.52610626 1.3447113 9.73060608 C0.47989937 6.33849363 0 3.52924237 0 0 Z", // 440
+            transform: 'translate(680.133544921875,170.113525390625)',
+            x: 764,
+            y: 204,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "140",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: false
+        },
+        {
+            path: "M0 0 C29.66914731 -2.83370631 29.66914731 -2.83370631 37.83837891 1.50878906 C42.24782683 5.42369179 44.95594634 10.28274545 47.62158203 15.484375 C49.91341894 19.66699766 52.91628539 23.27520119 55.875 27 C61 33.65654531 61 33.65654531 61 36 C55.87754801 36.27348814 50.75939876 36.4721808 45.63134766 36.60424805 C43.89068565 36.65932002 42.15052697 36.7342122 40.41162109 36.82983398 C26.06161582 37.59873112 26.06161582 37.59873112 21.32617188 33.92651367 C19.2330638 31.05931648 17.63147642 28.15059553 16 25 C14.60108465 22.96859285 13.17339202 20.95672622 11.71875 18.96484375 C10.3112758 16.95658658 8.90502741 14.94746976 7.5 12.9375 C6.77296875 11.90689453 6.0459375 10.87628906 5.296875 9.81445312 C4.61109375 8.83283203 3.9253125 7.85121094 3.21875 6.83984375 C2.59935547 5.95675537 1.97996094 5.07366699 1.34179688 4.16381836 C0 2 0 2 0 0 Z", // 451
+            transform: 'translate(954.133544921875,298.113525390625)',
+            x: 970,
+            y: 274,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "195",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+        {
+            path: "M0 0 C8.41455189 -0.34929285 16.82602724 -0.61488761 25.24606037 -0.77718258 C29.15730453 -0.85512986 33.06355541 -0.96056408 36.97192383 -1.1315918 C64.34458336 -2.2980531 64.34458336 -2.2980531 70.32495117 3.07836914 C72.8848049 6.15166757 74.61837104 9.46356386 76.16983032 13.13565063 C77.32999488 15.74108433 78.9567485 17.86735185 80.69921875 20.11328125 C81.69657524 21.51212137 82.69273421 22.91181635 83.6875 24.3125 C84.21021484 25.03888672 84.73292969 25.76527344 85.27148438 26.51367188 C85.76326172 27.20654297 86.25503906 27.89941406 86.76171875 28.61328125 C87.410802 29.52267456 87.410802 29.52267456 88.07299805 30.45043945 C89 32 89 32 89 34 C80.2123879 34.4425496 71.42866376 34.77888068 62.63229752 34.98443127 C58.54591816 35.08316327 54.46721188 35.21662758 50.38525391 35.43334961 C24.06225269 36.79500873 24.06225269 36.79500873 17.37756348 32.19564819 C13.3072306 27.82888399 10.97862135 22.9347429 8.94146729 17.37419128 C7.5065402 13.75559356 5.41744429 10.65167902 3.25 7.4375 C0 2.25203252 0 2.25203252 0 0 Z", // 451
+            transform: 'translate(940.133544921875,336.113525390625)',
+            x: 964,
+            y: 316,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "192",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+        {
+            path: "M0 0 C15.27212747 -0.46895393 30.54392275 -0.82071473 45.82164955 -1.03624344 C52.91741354 -1.13902529 60.00868523 -1.27887008 67.1015625 -1.50878906 C73.29035289 -1.70930452 79.47589114 -1.83741797 85.66783941 -1.8817699 C88.94366274 -1.90768278 92.20811399 -1.97836883 95.48146439 -2.11460114 C115.28179946 -2.90541765 115.28179946 -2.90541765 121.40606308 1.88010788 C125.75491113 6.59082656 128.83345132 11.91044702 131.74504471 17.59283447 C133.32891303 20.63089746 135.16830863 23.30862315 137.15966797 26.09423828 C138.27286861 27.7513462 139.38378469 29.40999158 140.4921875 31.0703125 C141.09386749 31.96950409 141.69554749 32.86869568 142.31546021 33.7951355 C143.55115926 35.64372837 144.78570594 37.49309212 146.01904297 39.34326172 C147.91786172 42.18924184 149.82410131 45.03016608 151.73046875 47.87109375 C152.94315637 49.68720091 154.15541362 51.50359554 155.3671875 53.3203125 C155.93573456 54.16594757 156.50428162 55.01158264 157.09005737 55.88284302 C157.60545074 56.6590097 158.12084412 57.43517639 158.65185547 58.23486328 C159.33464066 59.25690353 159.33464066 59.25690353 160.03121948 60.29959106 C161 62 161 62 161 64 C119.09 64 77.18 64 34 64 C19.87336868 39.0067292 19.87336868 39.0067292 13.5 26.7421875 C10.25598048 20.53498186 6.83636176 14.42302902 3.40185547 8.31958008 C2.95729004 7.52189209 2.51272461 6.7242041 2.0546875 5.90234375 C1.65749512 5.19585693 1.26030273 4.48937012 0.85107422 3.76147461 C0 2 0 2 0 0 Z", // 451
+            transform: 'translate(912.133544921875,376.113525390625)',
+            x: 974,
+            y: 362,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "193",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+        {
+            path: "M0 0 C27.22300902 -2.24336285 27.22300902 -2.24336285 32.6953125 2.26171875 C34.79904303 5.10353779 36.4081565 7.7856029 37.93164062 10.95507812 C39.93945904 14.79819673 42.66127824 18.15948367 45.25 21.625 C46.34518812 23.14646878 47.43758957 24.66994694 48.52734375 26.1953125 C50.96793714 29.58865843 53.44308309 32.9536213 55.94140625 36.3046875 C56.58754883 37.17270996 57.23369141 38.04073242 57.89941406 38.93505859 C59.1565838 40.62059015 60.41754393 42.30330246 61.68261719 43.98291016 C62.24754883 44.7413623 62.81248047 45.49981445 63.39453125 46.28125 C64.15020386 47.28768555 64.15020386 47.28768555 64.92114258 48.31445312 C66 50 66 50 66 52 C61.73208708 52.27402638 57.46894004 52.47239009 53.19482422 52.60424805 C51.74502363 52.65924048 50.29582427 52.73407754 48.84814453 52.82983398 C36.86402457 53.60207052 36.86402457 53.60207052 32.390625 49.75732422 C30.32786859 46.93121223 28.64142565 44.08685626 27 41 C26.14487476 39.73116834 25.27254278 38.47356422 24.375 37.234375 C23.58182616 36.07394541 22.79018655 34.91246582 22 33.75 C18.61349572 28.78544558 15.19568741 23.84522045 11.73828125 18.9296875 C11.00673828 17.8871582 10.27519531 16.84462891 9.52148438 15.77050781 C8.06163451 13.6917384 6.59815344 11.61551383 5.13085938 9.54199219 C4.46505859 8.59227539 3.79925781 7.64255859 3.11328125 6.6640625 C2.51298096 5.81279785 1.91268066 4.9615332 1.29418945 4.08447266 C0 2 0 2 0 0 Z", // 451
+            transform: 'translate(1042.133544921875,386.113525390625)',
+            x: 1050,
+            y: 370,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "190",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+        {
+            path: "M0 0 C14.85 0 29.7 0 45 0 C41.62535951 10.12392148 41.62535951 10.12392148 39.81445312 13.69580078 C39.20676842 14.90604919 39.20676842 14.90604919 38.58680725 16.14074707 C38.15597336 16.98375366 37.72513947 17.82676025 37.28125 18.6953125 C36.82685043 19.59713257 36.37245087 20.49895264 35.90428162 21.42810059 C34.93883868 23.3429573 33.9707569 25.25648554 33.00021362 27.16876221 C30.47868806 32.13754069 27.97653806 37.11606366 25.47265625 42.09375 C24.74243004 43.54365829 24.74243004 43.54365829 23.99745178 45.02285767 C20.56217461 51.85288472 17.20008023 58.71052538 13.9375 65.625 C9.70526053 74.58907159 5.28996029 83.45282543 0.8359375 92.30859375 C-2.71099051 99.37717475 -6.16785878 106.4822341 -9.5625 113.625 C-15.23229234 125.4859449 -21.12073884 137.24147768 -27 149 C-47.79 149 -68.58 149 -90 149 C-88.38218093 144.95545233 -86.70217395 141.59574101 -84.5078125 137.87109375 C-84.16534988 137.28785339 -83.82288727 136.70461304 -83.470047 136.10369873 C-82.35849421 134.21290226 -81.24188771 132.32514919 -80.125 130.4375 C-79.35859193 129.13660031 -78.5923986 127.83557409 -77.82641602 126.53442383 C-71.61065089 115.98722647 -65.33097672 105.47843738 -59 95 C-64.28 94.67 -69.56 94.34 -75 94 C-75.66 95.65 -76.32 97.3 -77 99 C-82.90837334 110.94835197 -82.90837334 110.94835197 -89.3586731 113.14248657 C-93.40772913 113.50515551 -97.2649721 113.46806316 -101.31640625 113.26953125 C-102.78319596 113.24524025 -104.25009221 113.22675611 -105.71702576 113.21379089 C-109.55207955 113.1644814 -113.38058412 113.03714237 -117.21307373 112.89263916 C-121.1339861 112.75889646 -125.05597293 112.70012326 -128.97851562 112.63476562 C-136.6553091 112.49593391 -144.32673233 112.27453269 -152 112 C-150.62514593 109.18952068 -149.16639749 106.70942753 -147.3046875 104.19140625 C-146.76199219 103.45535156 -146.21929687 102.71929687 -145.66015625 101.9609375 C-145.07105469 101.16945313 -144.48195312 100.37796875 -143.875 99.5625 C-143.25753906 98.72847656 -142.64007813 97.89445312 -142.00390625 97.03515625 C-136.72136103 89.92118754 -131.34941831 82.87657862 -125.96435547 75.84008789 C-121.58134751 70.10395425 -117.26562959 64.32385044 -113 58.5 C-107.42203846 50.88442694 -101.7256732 43.36633297 -95.98730469 35.87109375 C-90.74850999 29.01545018 -85.60675383 22.09285575 -80.515625 15.12695312 C-79.979375 14.39412109 -79.443125 13.66128906 -78.890625 12.90625 C-78.42688477 12.27009766 -77.96314453 11.63394531 -77.48535156 10.97851562 C-76.99518555 10.32560547 -76.50501953 9.67269531 -76 9 C-75.17689331 7.71885063 -75.17689331 7.71885063 -74.3371582 6.41181946 C-72 4 -72 4 -68.86151123 3.39872742 C-67.6268512 3.40983047 -66.39219116 3.42093353 -65.12011719 3.43237305 C-64.43678314 3.43164291 -63.7534491 3.43091278 -63.04940796 3.43016052 C-60.79774722 3.43363545 -58.54817281 3.47248581 -56.296875 3.51171875 C-54.73318614 3.52104737 -53.16948264 3.52816325 -51.60577393 3.53315735 C-47.49543724 3.55222376 -43.38598776 3.60132019 -39.27600098 3.65667725 C-35.07995607 3.7078782 -30.88376743 3.73067312 -26.6875 3.75585938 C-18.45792675 3.80944043 -10.22907382 3.89474751 -2 4 C-1.34 2.68 -0.68 1.36 0 0 Z", // 451
+            transform: 'translate(292.133544921875,170.113525390625)',
+            x: 234,
+            y: 190,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "240",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: true
+        },
+    ];
+    // 添加路径
+    svg.selectAll('.custom-path')
+        .data(pathData)
+        .enter()
+        .append('path')
+        .attr('class', 'custom-path')
+        .attr('d', d => d.path)
+        .attr('fill', colors.fillColor)
+        .attr('fill-opacity', colors.normalOpacity)
+        .attr('stroke', colors.strokeFill)
+        .attr('stroke-width', colors.strokeWidth)
+        .attr('transform', d => d.transform)
+        .attr('cursor', 'pointer')
+        // 鼠标交互效果
+        .on('mouseover', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.hoverOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('mouseout', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.normalOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('click', function () {
+            showPropModal.value = true
+        });
+
+    // 为每个文本添加背景和文本
+    pathData.forEach(data => {
+        // 先添加文本（为了获取文本尺寸）
+        const text = svg.append('text')
+            .attr('x', data.x)
+            .attr('y', data.y)
+            .attr('dx', d => {
+                if (data.text == '192' || data.text == '193') {
+                    if (!data.isChecked) return -46
+                    return -26
+                }
+                return 0
+            })
+            .attr('dy', d => {
+                if (data.text == '192' || data.text == '193') return 20
+                return 0
+            })
+            .attr('font-size', '16px')
+            .attr('font-weight', '700')
+            .attr('fill', '#ffffff')
+            .text(data.text);
+
+        // 获取文本边界框
+        const bbox = text.node().getBBox();
+
+        // 添加背景矩形
+        svg.insert('rect', 'text')
+            .attr('x', bbox.x - data.paddingLeft)
+            .attr('y', bbox.y - data.paddingTop)
+            .attr('width', d => {
+                if (data.isChecked) return bbox.width + 2 * data.paddingLeft
+                else return bbox.width + 2 * data.paddingLeft + 20
+            })
+            .attr('height', bbox.height + 2 * data.paddingTop)
+            .attr('rx', data.rx) // 圆角
+            .attr('ry', data.ry) // 圆角
+            .attr('fill', '#4276D1')
+            .attr("stroke", "#8BB1F3")
+            .attr("stroke-width", 1);
+
+        // 添加定位图标  基于文本边界框设置位置
+        svg.append('image')
+            .attr('xlink:href', iconPostion)
+            .attr('width', 36)
+            .attr('height', 39)
+            .attr('x', d => {
+                if (data.text == '192' || data.text == '193') {
+                    if (!data.isChecked) return bbox.x + 56
+                    return bbox.x + 36
+                }
+                return bbox.x
+            })
+            .attr('y', d => {
+                if (data.text == '192' || data.text == '193') return bbox.y + 10
+                return bbox.y + 30
+            });
+
+        // 添加待审查图标
+        if (!data.isChecked) {
+            svg.append('image')
+                .attr('xlink:href', iconShencha)
+                .attr('width', 12)
+                .attr('height', 12)
+                .attr('x', bbox.x + bbox.width + 8)
+                .attr('y', bbox.y + 2);
+        }
+    });
+}
+// 加载顺义厂区
+const initShunYi = () => {
+    // 清空画布
+    d3.select(svgContainer.value).selectAll("*").remove();
+    // 创建SVG容器
+    const svg = d3.select(svgContainer.value)
+        .append('svg')
+        .attr('width', width.value)
+        .attr('height', height.value);
+
+    // 加载图片
+    svg.append('image')
+        .attr('xlink:href', shunyiFactoryImage)
+        .attr('width', width.value)
+        .attr('height', height.value)
+        .attr('x', 0)
+        .attr('y', 0);
+
+    // 定义颜色
+    const colors = {
+        fillColor: '#ffa800',
+        normalOpacity: 0.2,
+        hoverOpacity: 0.4,
+        strokeFill: '#ffa800',
+        strokeWidth: 1
+    };
+    // 创建路径数据
+    const pathData = [
+        {
+            path: "M0 0 C2.24118116 0.55528259 4.49016417 1.04701072 6.74814796 1.52929878 C10.36131129 2.30445131 13.96865317 3.10222296 17.57473183 3.90965462 C24.75404778 5.49478842 31.96524337 6.91073845 39.18129921 8.31724739 C39.86457 8.45056276 40.54784079 8.58387814 41.25181675 8.72123337 C44.10521695 9.27782633 46.95869905 9.83399539 49.81234407 10.38933182 C57.42087688 11.87069142 65.02495792 13.37436211 72.62874126 14.87988091 C75.83187944 15.5140589 79.0351372 16.14763171 82.23839235 16.78121853 C83.87167781 17.10427543 85.5049579 17.42735946 87.13823271 17.75047016 C96.447196 19.59202716 105.75661658 21.43126884 115.06606483 23.27037239 C115.91894262 23.43886216 116.77182041 23.60735193 117.65054297 23.78094745 C121.10256852 24.46290555 124.5545959 25.1448544 128.00662887 25.82677495 C133.19655901 26.85200457 138.38646212 27.87737088 143.57634485 28.9028405 C173.87843829 34.89013742 204.18412992 40.85897743 234.49194145 46.81726646 C244.35845739 48.7569717 254.2248952 50.69707443 264.09133911 52.637146 C266.56289601 53.12313458 269.03445489 53.60911305 271.50601578 54.09508133 C291.17877807 57.96329682 310.85069062 61.83581287 330.52211952 65.71080208 C331.90891004 65.98397295 333.29570063 66.25714342 334.6824913 66.53031349 C347.85346815 69.12475733 361.02437609 71.71955055 374.19506699 74.31544566 C381.70898893 75.79641015 389.22295601 77.27714553 396.73696327 78.75767708 C397.41287663 78.89085996 398.08878999 79.02404284 398.78518558 79.16126156 C418.70165965 83.08552035 438.62015039 86.99940195 458.54028928 90.90501404 C463.60690203 91.89842041 468.67341614 92.89232843 473.73986244 93.88658333 C474.44387408 94.02473772 475.14788573 94.16289211 475.87323105 94.305233 C478.68730236 94.85747129 481.50137124 95.4097219 484.31542802 95.96203423 C492.47228434 97.56295143 500.62949174 99.16205037 508.78733236 100.75794458 C514.42161074 101.86032775 520.05528809 102.96575707 525.68875122 104.07229805 C527.99069595 104.52390634 530.29284726 104.97446309 532.59521866 105.42389107 C535.73521977 106.03694892 538.87447459 106.65369626 542.0135746 107.27134895 C542.92215218 107.44779442 543.83072975 107.62423988 544.76683998 107.80603218 C549.56483355 108.75449238 554.23179151 109.86918996 558.91274452 111.28892708 C557.46085859 114.63936105 555.63077862 116.79378904 553.02602577 119.33580208 C552.25194374 120.09892708 551.47786171 120.86205208 550.68032265 121.64830208 C549.87014687 122.43720833 549.05997108 123.22611458 548.22524452 124.03892708 C541.70364636 130.38907511 541.70364636 130.38907511 535.58071327 137.11705208 C530.20197889 143.38562485 524.18430819 149.07202693 518.31020546 154.87095833 C512.94660517 160.17207646 507.66688456 165.46998633 502.76821327 171.21080208 C498.06665872 176.47654318 492.90677307 181.34173836 487.88295937 186.29820442 C480.96367888 193.0885749 480.96367888 193.0885749 474.44399452 200.25767708 C469.12231884 206.48652917 463.13639038 212.11933154 457.31020546 217.87095833 C450.15564923 224.88501901 450.15564923 224.88501901 443.41274452 232.28892708 C438.10470984 238.50948104 432.1255778 244.13000574 426.31020546 249.87095833 C424.73805902 251.42479037 423.16820433 252.9808707 421.60024452 254.53892708 C421.09710732 255.03884163 420.59397011 255.53875618 420.07558632 256.05381966 C416.74343369 259.39039525 413.5949613 262.82458035 410.60805702 266.47252083 C405.7688496 271.65738593 405.7688496 271.65738593 402.91274452 273.28892708 C400.04967551 273.23491945 398.19891427 272.97585884 395.51259804 272.2337513 C394.78723854 272.05948805 394.06187904 271.8852248 393.31453896 271.70568085 C390.88217297 271.11361086 388.46312131 270.47866165 386.04165077 269.84361458 C384.29549321 269.40964073 382.54863985 268.97845849 380.801157 268.54985237 C377.01851023 267.61597376 373.24133766 266.66312371 369.46718788 265.69548225 C363.38285516 264.1358281 357.28851605 262.61818716 351.1920414 261.10679817 C343.63135095 259.22962273 336.07324445 257.34261996 328.51805115 255.44343948 C314.50831744 251.92296744 300.4802887 248.48257744 286.44008827 245.08580208 C285.39228502 244.83225519 284.34448177 244.57870831 283.26492691 244.31747818 C279.01873296 243.29025819 274.77241538 242.26355188 270.52589703 241.23767376 C259.71518768 238.62595229 248.90771075 236.00097088 238.10039139 233.37526321 C232.67013488 232.05606868 227.23969094 230.73764632 221.8092289 229.41929817 C220.73921544 229.15953099 219.66920198 228.89976381 218.56676388 228.6321249 C198.76654504 223.82560462 178.9646004 219.02619767 159.16274452 214.22642708 C157.10813823 213.72840128 155.05353211 213.23037475 152.99892616 212.73234749 C144.79011928 210.74258128 136.58130097 208.75286226 128.37246132 206.76323128 C113.9743425 203.2734625 99.5763198 199.78329741 85.17836952 196.29283333 C84.15696625 196.04521688 83.13556297 195.79760044 82.08320808 195.54248047 C76.92356168 194.29163715 71.7639169 193.04078716 66.60427284 191.78993416 C57.32160534 189.53953957 48.03892347 187.28920421 38.75624275 185.03886414 C33.60007609 183.78888752 28.44391035 182.53890711 23.28774452 181.28892708 C21.22524453 180.78892706 19.16274453 180.28892706 17.10024452 179.78892708 C10.91274452 178.28892708 10.91274452 178.28892708 4.72524452 176.78892708 C3.70429915 176.54142519 2.68335379 176.2939233 1.63147068 176.03892136 C-0.43094988 175.53894058 -2.49337041 175.03895965 -4.5557909 174.53897858 C-9.71325601 173.28868333 -14.87072173 172.03839062 -20.02818871 170.7881031 C-29.29492957 168.54163137 -38.56166624 166.29514233 -47.82837963 164.04855728 C-52.96544976 162.80314706 -58.10252354 161.55775187 -63.23959923 160.31236458 C-64.76645001 159.94220789 -64.76645001 159.94220789 -66.32414627 159.56457329 C-81.05062991 155.99444221 -95.77732251 152.42517405 -110.50412941 148.85637665 C-135.07004034 142.90320261 -159.63545664 136.94799192 -184.20002556 130.98928261 C-187.08468895 130.28954964 -189.96936421 129.58986564 -192.85404015 128.8901844 C-203.63126771 126.27604126 -214.40811111 123.66032315 -225.18439293 121.04228401 C-228.42524367 120.25497771 -231.66623466 119.46825284 -234.90735435 118.68205452 C-238.62101024 117.78120209 -242.33437204 116.87914803 -246.04749298 115.97609329 C-247.39072205 115.64962431 -248.73405624 115.32358752 -250.0775032 114.99801636 C-251.89354138 114.55784062 -253.70916073 114.11593803 -255.52475548 113.67393684 C-256.53409142 113.42877831 -257.54342735 113.18361977 -258.58334923 112.93103218 C-260.43789014 112.4554512 -262.27095448 111.89436074 -264.08725548 111.28892708 C-264.08725548 110.62892708 -264.08725548 109.96892708 -264.08725548 109.28892708 C-263.00984093 108.81286018 -261.93242638 108.33679329 -260.8223629 107.84630013 C-260.09852913 107.5264666 -259.37469536 107.20663307 -258.62892723 106.87710762 C-251.21665001 103.60191536 -243.80437279 100.3267231 -236.39209557 97.05153084 C-234.8857505 96.38593651 -234.8857505 96.38593651 -233.34897423 95.70689583 C-216.72006798 88.35923958 -200.09116173 81.01158333 -183.46225548 73.66392708 C-182.13194298 73.07611458 -182.13194298 73.07611458 -180.77475548 72.47642708 C-155.24350548 61.19517708 -155.24350548 61.19517708 -129.71225548 49.91392708 C-128.82541573 49.52206718 -127.93857597 49.13020729 -127.02486229 48.72647285 C-125.23284098 47.93465043 -123.44081828 47.14283118 -121.64879417 46.35101509 C-117.17504202 44.37425742 -112.70131404 42.39744506 -108.22763634 40.42051888 C-91.59566565 33.07095377 -91.59566565 33.07095377 -83.84519005 29.64982796 C-82.01141022 28.83990379 -80.17799424 28.02915532 -78.34494591 27.21757698 C-73.81551527 25.21320857 -69.28109792 23.22237991 -64.73325157 21.26011848 C-55.51274458 17.26308142 -46.45915931 13.15976081 -37.7226162 8.17270088 C-25.47861811 1.42281761 -14.01498632 -3.47909451 0 0 Z", // 640
+            transform: 'translate(364.133544921875,276.113525390625)',
+            x: 534,
+            y: 360,
+            width: 50,  // 文字背景宽
+            height: 26,  // 文字背景高
+            rx: 4, // 圆角
+            ry: 4, // 圆角
+            text: "640",
+            paddingTop: 6, // 文字背景上下间距
+            paddingLeft: 12,  // 文字背景左右间距
+            isChecked: false
+        },
+    ];
+    // 添加路径
+    svg.selectAll('.custom-path')
+        .data(pathData)
+        .enter()
+        .append('path')
+        .attr('class', 'custom-path')
+        .attr('d', d => d.path)
+        .attr('fill', colors.fillColor)
+        .attr('fill-opacity', colors.normalOpacity)
+        .attr('stroke', colors.strokeFill)
+        .attr('stroke-width', colors.strokeWidth)
+        .attr('transform', d => d.transform)
+        .attr('cursor', 'pointer')
+        // 鼠标交互效果
+        .on('mouseover', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.hoverOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('mouseout', function () {
+            d3.select(this)
+                .attr('fill', colors.fillColor)
+                .attr('fill-opacity', colors.normalOpacity)
+                .attr('stroke', colors.strokeFill)
+                .attr('stroke-width', colors.strokeWidth)
+        })
+        .on('click', function () {
+            showPropModal.value = true
+        });
+
+    // 为每个文本添加背景和文本
+    pathData.forEach(data => {
+        // 先添加文本（为了获取文本尺寸）
+        const text = svg.append('text')
+            .attr('x', data.x)
+            .attr('y', data.y)
+            .attr('font-size', '16px')
+            .attr('font-weight', '700')
+            .attr('fill', '#ffffff')
+            .text(data.text);
+
+        // 获取文本边界框
+        const bbox = text.node().getBBox();
+
+        // 添加背景矩形
+        svg.insert('rect', 'text')
+            .attr('x', bbox.x - data.paddingLeft)
+            .attr('y', bbox.y - data.paddingTop)
+            .attr('width', d => {
+                if (data.isChecked) return bbox.width + 2 * data.paddingLeft
+                else return bbox.width + 2 * data.paddingLeft + 20
+            })
+            .attr('height', bbox.height + 2 * data.paddingTop)
+            .attr('rx', data.rx) // 圆角
+            .attr('ry', data.ry) // 圆角
+            .attr('fill', '#4276D1')
+            .attr("stroke", "#8BB1F3")
+            .attr("stroke-width", 1);
+
+        // 添加定位图标  基于文本边界框设置位置
+        svg.append('image')
+            .attr('xlink:href', iconPostion)
+            .attr('width', 36)
+            .attr('height', 39)
+            .attr('x', d => {
+                if (!data.isChecked) return bbox.x + 10
+                else return bbox.x
+            })
+            .attr('y', bbox.y + 30);
+
+        // 添加待审查图标
+        if (!data.isChecked) {
+            svg.append('image')
+                .attr('xlink:href', iconShencha)
+                .attr('width', 12)
+                .attr('height', 12)
+                .attr('x', bbox.x + bbox.width + 8)
+                .attr('y', bbox.y + 2);
+        }
+    });
+}
 </script>
 <style lang='scss'>
 .app-main {
@@ -385,44 +729,40 @@ const initVehicleTrainBar = () => {
     padding-bottom: 0px;
 }
 
+.applyFormContainer {
+    position: relative !important;
+}
+
+.propTable {
+    position: absolute;
+    left: 2px;
+    bottom: 6px;
+    width: 765px;
+    min-height: 112px;
+    background: #ffffff;
+}
+
+.tableTitle {
+    font-family: Microsoft YaHei;
+    font-weight: 600;
+    font-size: 16px;
+    color: #000000;
+}
+
+.rootContainer {
+    width: 1200px;
+    margin: 0 auto;
+    height: calc(100vh - 140px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    background: #ffffff;
+}
+
 .clearBoth {
     clear: both;
 }
 
-.searchPanel {
-    background: #FFFFFF;
-    padding: 20px 20px 0 20px;
-    border-radius: 6px 6px 6px 6px;
-    margin-bottom: 20px;
-}
 
-.myRow {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-}
-
-.chartsRow {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    margin-bottom: 20px;
-}
-
-
-.qualificationApplyBtn {
-    // width: 84px !important;
-    height: 32px;
-    border-radius: 4px 4px 4px 4px;
-    background: #4276d1;
-    font-family: Microsoft YaHei;
-    font-weight: 400;
-    font-size: 18px;
-    text-align: center;
-    color: #FFFFFF;
-}
-
-.qualificationApplyBtn:hover {
-    background: #4276d1;
-}
 
 .el-form--inline .el-form-item {
     display: inline-flex;
@@ -455,53 +795,88 @@ const initVehicleTrainBar = () => {
 
 .el-card {
     border: none;
-    border-radius: 6px;
-}
-
-.el-card.is-always-shadow,
-.el-card.is-hover-shadow:focus,
-.el-card.is-hover-shadow:hover {
-    box-shadow: none;
 }
 
 .el-card__header {
+    min-height: 50px;
     font-family: Microsoft YaHei;
-    font-weight: 600;
-    font-size: 18px;
+    font-weight: 700;
+    font-size: 20px;
     text-align: left;
     color: #000000;
-    border-bottom: none;
+    border-bottom: 1px solid #DCDCDC;
     box-sizing: border-box;
-    padding: 20px 20px 10px 20px;
+    padding: 10px 20px 17px 20px;
 }
 
 .el-card__body {
-    padding: 20px !important;
+    padding: 20px 20px 0 20px !important;
 }
 
-.leftChart {
-    width: calc(50% - 10px);
-    padding-right: 10px;
+.el-card.is-always-shadow {
+    box-shadow: none;
 }
 
-.rightChart {
-    width: calc(50% - 10px);
-    padding-left: 10px;
+.headerTitle {
+    font-family: Microsoft YaHei;
+    font-weight: 700;
+    font-size: 18px;
+    text-align: left;
+    color: #000000;
+    background: #e9e9e9;
+    padding: 6px 14px;
+    width: 1160px;
 }
 
-#qualificationPer {
+.custom-icon {
+    padding-top: 2px;
+    cursor: pointer;
+}
+
+table {
     width: 100%;
-    height: 293px;
+    border-collapse: collapse;
 }
 
-#qualificationBar {
-    width: 100%;
-    height: 293px;
+th,
+td {
+    border: 1px solid #ddd;
+    padding: 8px 12px;
+    text-align: left;
 }
 
-#vehicleTrainBar {
-    width: 100%;
-    height: 400px;
+th {
+    background-color: #787878;
+    color: #ffffff;
+    font-weight: 600;
+    font-size: 16px;
 }
 
+/* 隔行变色 - 奇数行 */
+tr {
+    background-color: #f5f5f5;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 16px;
+    text-align: left;
+    color: #000000;
+}
+
+/* 隔行变色 - 偶数行 */
+tr:nth-child(even) {
+    background-color: #E4E4E4;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 16px;
+    text-align: left;
+    color: #000000;
+}
+
+.status-checked {
+    color: #00B32A;
+}
+
+.status-pending {
+    color: #E13434;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/safetyReview/examinerApproval/detailForm.vue b/src/views/safetyReview/examinerApproval/detailForm.vue
index be55505..4512006 100644
--- a/src/views/safetyReview/examinerApproval/detailForm.vue
+++ b/src/views/safetyReview/examinerApproval/detailForm.vue
@@ -238,7 +238,7 @@ const isImageFile = (suffix) => {
 .rootContainer {
     width: 1200px;
     margin: 0 auto;
-    height: calc(100vh - 216px);
+    height: calc(100vh - 140px);
     overflow-y: auto;
     overflow-x: hidden;
     background: #ffffff;
diff --git a/src/views/safetyReview/examinerEscTask/detailForm.vue b/src/views/safetyReview/examinerEscTask/detailForm.vue
index 10ae3f4..b00e2da 100644
--- a/src/views/safetyReview/examinerEscTask/detailForm.vue
+++ b/src/views/safetyReview/examinerEscTask/detailForm.vue
@@ -238,7 +238,7 @@ const isImageFile = (suffix) => {
 .rootContainer {
     width: 1200px;
     margin: 0 auto;
-    height: calc(100vh - 216px);
+    height: calc(100vh - 140px);
     overflow-y: auto;
     overflow-x: hidden;
     background: #ffffff;