1

public/yak-trading-data.json

@@ -24,93 +24,483 @@
     "松潘县": [103.631452, 32.649103],
     "红原县养殖基地": [102.550539, 32.797395],
     "果洛藏族自治州": [98.871152, 34.255834],
-    "成都": [103.958004, 30.772708],
     "玉树藏族自治州": [94.961726, 33.434535],
     "甘孜藏族自治州": [101.226006, 30.470387],
+    "甘南藏族自治州": [103.3049, 34.644479],
+    "昌都": [97.399368, 31.248109],
     "拉萨": [91.420246, 29.878931],
+    "那曲": [92.063, 31.481],
+    "日喀则": [88.885, 29.267],
+    "林芝": [94.362, 29.654],
+    "山南": [91.766, 29.236],
+    "阿里": [80.106, 32.503],
     "西宁": [101.74113, 36.641678],
+    "海东": [102.103, 36.503],
+    "海北": [100.901, 36.959],
+    "黄南": [102.020, 35.518],
+    "海南": [100.624, 36.280],
+    "果洛": [100.242, 34.472],
+    "玉树": [97.008, 33.004],
+    "海西": [97.371, 37.373],
     "兰州": [103.249708, 35.956623],
-    "甘南藏族自治州": [103.3049, 34.644479],
-    "昌都": [97.399368, 31.248109],
+    "嘉峪关": [98.277, 39.786],
+    "金昌": [102.188, 38.514],
+    "白银": [104.173, 36.546],
+    "天水": [105.725, 34.578],
+    "武威": [102.638, 37.928],
+    "张掖": [100.455, 38.932],
+    "平凉": [106.685, 35.543],
+    "酒泉": [98.494, 39.744],
+    "庆阳": [107.644, 35.734],
+    "定西": [104.626, 35.579],
+    "陇南": [104.929, 33.388],
+    "临夏": [103.212, 35.599],
+    "成都": [103.958004, 30.772708],
+    "绵阳": [104.679, 31.464],
+    "德阳": [104.398, 31.128],
+    "南充": [106.110, 30.837],
+    "宜宾": [104.643, 28.760],
+    "自贡": [104.773, 29.352],
+    "乐山": [103.761, 29.582],
+    "泸州": [105.443, 28.871],
+    "达州": [107.468, 31.210],
+    "内江": [105.058, 29.580],
+    "遂宁": [105.571, 30.513],
+    "攀枝花": [101.718, 26.582],
+    "眉山": [103.832, 30.048],
+    "广安": [106.633, 30.456],
+    "资阳": [104.642, 30.122],
+    "雅安": [103.001, 29.987],
+    "巴中": [106.753, 31.858],
+    "广元": [105.829, 32.433],
     "重庆": [106.54, 29.59],
-    "西安": [108.95, 34.27],
-    "昆明": [102.73, 25.04],
-    "贵阳": [106.71, 26.57],
     "北京": [116.46, 39.92],
-    "上海": [121.48, 31.22],
-    "广州": [113.23, 23.16],
-    "深圳": [114.07, 22.62],
-    "杭州": [120.19, 30.26],
-    "南京": [118.78, 32.04],
-    "武汉": [114.31, 30.52],
-    "长沙": [112.94, 28.19],
-    "郑州": [113.65, 34.76],
-    "济南": [117.00, 36.65],
     "天津": [117.20, 39.13],
     "石家庄": [114.48, 38.03],
+    "唐山": [118.175, 39.635],
+    "秦皇岛": [119.567, 39.942],
+    "邯郸": [114.490, 36.612],
+    "邢台": [114.509, 37.068],
+    "保定": [115.482, 38.867],
+    "张家口": [114.884, 40.812],
+    "承德": [117.939, 40.976],
+    "沧州": [116.857, 38.310],
+    "廊坊": [116.713, 39.529],
+    "衡水": [115.665, 37.735],
     "太原": [112.53, 37.87],
+    "大同": [113.295, 40.090],
+    "阳泉": [113.583, 37.857],
+    "长治": [113.114, 36.191],
+    "晋城": [112.851, 35.497],
+    "朔州": [112.433, 39.331],
+    "晋中": [112.736, 37.687],
+    "运城": [111.003, 35.023],
+    "忻州": [112.734, 38.417],
+    "临汾": [111.518, 36.088],
+    "吕梁": [111.134, 37.524],
     "呼和浩特": [111.65, 40.82],
-    "银川": [106.27, 38.47],
-    "乌鲁木齐": [87.68, 43.77]
+    "包头": [109.840, 40.658],
+    "乌海": [106.825, 39.674],
+    "赤峰": [118.887, 42.275],
+    "通辽": [122.263, 43.617],
+    "鄂尔多斯": [109.781, 39.608],
+    "呼伦贝尔": [119.758, 49.215],
+    "巴彦淖尔": [107.416, 40.757],
+    "乌兰察布": [113.132, 41.034],
+    "兴安盟": [122.070, 46.076],
+    "锡林郭勒盟": [116.090, 43.944],
+    "阿拉善盟": [105.706, 38.844],
+    "西安": [108.95, 34.27],
+    "宝鸡": [107.15, 34.38],
+    "咸阳": [108.71, 34.33],
+    "铜川": [108.98, 34.90],
+    "渭南": [109.5, 34.52],
+    "延安": [109.47, 36.60],
+    "汉中": [107.02, 33.08],
+    "榆林": [109.73, 38.23],
+    "安康": [109.02, 32.68],
+    "商洛": [109.93, 33.87],
+    "银川": [106.219065, 37.581958],
+    "石嘴山": [106.39, 39.04],
+    "吴忠": [106.20, 37.99],
+    "固原": [106.29, 36.00],
+    "中卫": [105.20, 37.51],
+    "乌鲁木齐": [87.68, 43.77],
+    "克拉玛依": [84.77, 45.59],
+    "吐鲁番": [89.17, 42.95],
+    "哈密": [93.45, 42.73],
+    "昌吉": [87.30, 44.02],
+    "博尔塔拉": [82.07, 44.91],
+    "巴音郭楞": [86.15, 41.77],
+    "阿克苏": [80.29, 41.17],
+    "克孜勒苏": [76.17, 39.71],
+    "喀什": [85.393325, 40.900047],
+    "和田": [79.93, 37.11],
+    "伊犁": [81.32, 43.92],
+    "塔城": [82.98, 46.75],
+    "阿勒泰": [88.74, 47.85],
+    "哈尔滨": [126.63, 45.75],
+    "齐齐哈尔": [123.95, 47.33],
+    "鸡西": [130.97, 45.30],
+    "鹤岗": [130.30, 47.33],
+    "双鸭山": [131.157, 46.644],
+    "大庆": [125.11, 46.59],
+    "伊春": [128.899, 47.728],
+    "佳木斯": [130.362, 46.810],
+    "七台河": [131.016, 45.771],
+    "牡丹江": [129.618, 44.583],
+    "黑河": [127.499, 50.249],
+    "绥化": [126.993, 46.637],
+    "长春": [125.35, 43.88],
+    "吉林": [126.57, 43.87],
+    "四平": [124.35, 43.17],
+    "辽源": [125.15, 42.89],
+    "通化": [125.937, 41.721],
+    "白山": [126.427, 41.943],
+    "松原": [124.825, 45.118],
+    "白城": [122.841, 45.619],
+    "沈阳": [123.38, 41.8],
+    "大连": [121.62, 38.92],
+    "鞍山": [122.85, 41.12],
+    "抚顺": [123.97, 41.97],
+    "本溪": [123.77, 41.3],
+    "丹东": [124.37, 40.13],
+    "锦州": [121.15, 41.13],
+    "营口": [122.18, 40.65],
+    "阜新": [121.648, 42.011],
+    "辽阳": [123.18, 41.27],
+    "盘锦": [122.070, 41.124],
+    "铁岭": [123.73, 42.22],
+    "朝阳": [120.451, 41.576],
+    "葫芦岛": [120.856, 40.711],
+    "上海": [121.48, 31.22],
+    "南京": [118.78, 32.04],
+    "无锡": [120.29, 31.59],
+    "徐州": [117.20, 34.26],
+    "常州": [119.95, 31.79],
+    "苏州": [120.62, 31.32],
+    "南通": [120.86, 32.02],
+    "连云港": [119.16, 34.59],
+    "淮安": [119.15, 33.5],
+    "盐城": [120.13, 33.38],
+    "扬州": [119.42, 32.39],
+    "镇江": [119.44, 32.2],
+    "泰州": [119.90, 32.49],
+    "宿迁": [118.30, 33.96],
+    "杭州": [120.19, 30.26],
+    "宁波": [121.56, 29.86],
+    "温州": [120.65, 28.01],
+    "嘉兴": [120.76, 30.77],
+    "湖州": [120.1, 30.86],
+    "绍兴": [120.58, 30.01],
+    "金华": [119.64, 29.12],
+    "衢州": [118.88, 28.97],
+    "舟山": [122.207, 30.016],
+    "台州": [121.420, 28.656],
+    "丽水": [119.922, 28.451],
+    "合肥": [117.27, 31.86],
+    "芜湖": [118.38, 31.33],
+    "蚌埠": [117.36, 32.95],
+    "淮南": [117.469012, 32.454373],
+    "马鞍山": [118.48, 31.67],
+    "淮北": [116.79, 33.95],
+    "铜陵": [117.816, 30.929],
+    "安庆": [117.02, 30.51],
+    "黄山": [118.317, 29.709],
+    "滁州": [118.316, 32.317],
+    "阜阳": [115.820, 32.896],
+    "宿州": [116.984, 33.633],
+    "六安": [116.508, 31.753],
+    "亳州": [115.782, 33.844],
+    "池州": [117.489, 30.656],
+    "宣城": [118.758, 30.946],
+    "福州": [119.3, 26.08],
+    "厦门": [118.1, 24.46],
+    "莆田": [119.007, 25.431],
+    "三明": [117.635, 26.265],
+    "泉州": [118.58, 24.93],
+    "漳州": [117.65, 24.51],
+    "南平": [118.178, 26.635],
+    "龙岩": [117.02, 25.91],
+    "宁德": [119.527, 26.659],
+    "南昌": [115.89, 28.68],
+    "景德镇": [117.20, 29.29],
+    "萍乡": [113.85, 27.63],
+    "九江": [115.97, 29.71],
+    "新余": [114.930, 27.810],
+    "鹰潭": [117.033, 28.238],
+    "赣州": [115.408515, 27.655231],
+    "吉安": [114.986, 27.111],
+    "宜春": [114.391, 27.814],
+    "抚州": [116.358, 27.984],
+    "上饶": [117.971, 28.44],
+    "济南": [117.00, 36.65],
+    "青岛": [120.33, 36.07],
+    "淄博": [118.05, 36.78],
+    "枣庄": [117.57, 34.86],
+    "东营": [118.49, 37.46],
+    "烟台": [121.39, 37.52],
+    "潍坊": [119.1, 36.62],
+    "济宁": [116.587, 35.415],
+    "泰安": [117.951941, 36.553641],
+    "威海": [122.1, 37.5],
+    "日照": [119.461, 35.416],
+    "临沂": [118.326, 35.065],
+    "德州": [116.307, 37.454],
+    "聊城": [115.980, 36.456],
+    "滨州": [118.017, 37.383],
+    "菏泽": [115.469, 35.246],
+    "郑州": [113.65, 34.76],
+    "开封": [114.35, 34.79],
+    "洛阳": [112.44, 34.7],
+    "平顶山": [113.29, 33.75],
+    "安阳": [114.35, 36.1],
+    "鹤壁": [114.17, 35.9],
+    "新乡": [113.85, 35.31],
+    "焦作": [113.21, 35.24],
+    "濮阳": [115.041, 35.768],
+    "许昌": [113.826, 34.023],
+    "漯河": [114.026, 33.575],
+    "三门峡": [111.194, 34.767],
+    "南阳": [112.540, 32.999],
+    "商丘": [115.650, 34.437],
+    "信阳": [114.075, 32.123],
+    "周口": [114.649, 33.620],
+    "驻马店": [113.495196, 33.877885],
+    "武汉": [114.31, 30.52],
+    "黄石": [115.03, 30.20],
+    "十堰": [110.78, 32.65],
+    "宜昌": [111.30, 30.70],
+    "襄阳": [112.144, 32.042],
+    "鄂州": [114.890, 30.391],
+    "荆门": [112.204, 31.035],
+    "孝感": [113.926, 30.926],
+    "荆州": [112.694914, 31.118651],
+    "黄冈": [114.879, 30.447],
+    "咸宁": [114.328, 29.832],
+    "随州": [113.374, 31.717],
+    "长沙": [112.94, 28.19],
+    "株洲": [113.16, 27.83],
+    "湘潭": [112.94, 27.87],
+    "衡阳": [112.61, 26.90],
+    "邵阳": [111.97, 27.24],
+    "岳阳": [113.09, 29.37],
+    "常德": [111.69, 29.05],
+    "张家界": [110.479, 29.127],
+    "益阳": [112.355, 28.570],
+    "郴州": [113.032, 25.771],
+    "永州": [111.608, 26.434],
+    "怀化": [111.581877, 27.720742],
+    "娄底": [112.008, 27.700],
+    "广州": [113.23, 23.16],
+    "韶关": [113.62, 24.84],
+    "深圳": [114.07, 22.62],
+    "珠海": [113.52, 22.30],
+    "汕头": [116.69, 23.39],
+    "佛山": [113.11, 23.05],
+    "江门": [113.06, 22.61],
+    "湛江": [110.359, 21.270],
+    "茂名": [110.88, 21.68],
+    "肇庆": [112.472, 23.051],
+    "惠州": [113.421607, 23.450775],
+    "梅州": [116.117, 24.299],
+    "汕尾": [115.375, 22.759],
+    "河源": [114.897, 23.757],
+    "阳江": [111.975, 21.859],
+    "清远": [113.051, 23.685],
+    "东莞": [113.75, 23.04],
+    "中山": [113.38, 22.52],
+    "潮州": [116.63, 23.68],
+    "揭阳": [116.35, 23.55],
+    "云浮": [112.02, 22.93],
+    "南宁": [108.33, 22.84],
+    "柳州": [109.4, 24.33],
+    "桂林": [110.28, 25.29],
+    "梧州": [111.27, 23.37],
+    "北海": [109.119, 21.473],
+    "防城港": [108.345, 21.614],
+    "钦州": [108.624, 21.967],
+    "贵港": [109.602, 23.093],
+    "玉林": [110.154, 22.631],
+    "百色": [106.616, 23.897],
+    "贺州": [111.552, 24.414],
+    "河池": [109.153434, 23.992823],
+    "来宾": [109.229, 23.733],
+    "崇左": [107.353, 22.404],
+    "海口": [110.35, 20.02],
+    "三亚": [109.508, 18.247],
+    "三沙": [112.34, 16.831],
+    "儋州": [109.577, 19.517],
+    "昆明": [102.73, 25.04],
+    "曲靖": [103.79, 25.51],
+    "玉溪": [102.52, 24.35],
+    "保山": [101.647337, 24.667147],
+    "昭通": [103.717, 27.336],
+    "丽江": [100.233, 26.872],
+    "普洱": [100.972, 22.777],
+    "临沧": [100.089, 23.886],
+    "楚雄": [101.546, 25.042],
+    "红河": [103.384, 23.367],
+    "文山": [104.244, 23.401],
+    "西双版纳": [100.797, 22.001],
+    "大理": [100.190, 25.591],
+    "德宏": [98.578, 24.436],
+    "怒江": [98.854, 25.817],
+    "迪庆": [99.706, 27.827],
+    "贵阳": [106.71, 26.57],
+    "六盘水": [104.830, 26.584],
+    "遵义": [106.937, 27.706],
+    "安顺": [105.932, 26.245],
+    "毕节": [106.73419, 26.923761]
   },
   "tradingModes": {
     "outflow": {
       "title": "销售网络分布图",
-      "description": "从红原县向各藏区及重要城市输出牦牛的流向",
+      "description": "从红原县向全国各地输出牦牛的流向分布",
       "flows": [
         {
           "from": "红原县",
-          "to": "果洛藏族自治州",
+          "to": "成都",
+          "value": 1500,
+          "description": "四川省会城市，主要销售市场"
+        },
+        {
+          "from": "红原县",
+          "to": "重庆",
           "value": 1200,
-          "description": "青海果洛州主要销售市场"
+          "description": "西南地区重要消费市场"
         },
         {
           "from": "红原县",
-          "to": "成都",
+          "to": "拉萨",
           "value": 1100,
-          "description": "四川省会城市市场"
+          "description": "西藏自治区首府，传统牦牛消费地"
         },
         {
           "from": "红原县",
-          "to": "玉树藏族自治州",
+          "to": "西宁",
           "value": 980,
-          "description": "青海玉树州销售市场"
+          "description": "青海省会，高原牦牛消费市场"
         },
         {
           "from": "红原县",
-          "to": "甘孜藏族自治州",
+          "to": "兰州",
+          "value": 880,
+          "description": "甘肃省会，西北牦牛集散地"
+        },
+        {
+          "from": "红原县",
+          "to": "西安",
           "value": 850,
-          "description": "四川甘孜州销售网络"
+          "description": "陕西省会，西北消费中心"
         },
         {
           "from": "红原县",
-          "to": "拉萨",
-          "value": 800,
-          "description": "西藏自治区首府市场"
+          "to": "昆明",
+          "value": 780,
+          "description": "云南省会，西南牦牛消费市场"
         },
         {
           "from": "红原县",
-          "to": "西宁",
+          "to": "贵阳",
           "value": 720,
-          "description": "青海省会城市市场"
+          "description": "贵州省会，特色牦牛肉需求地"
         },
         {
           "from": "红原县",
-          "to": "兰州",
+          "to": "银川",
           "value": 680,
-          "description": "甘肃省会城市市场"
+          "description": "宁夏回族自治区首府"
         },
         {
           "from": "红原县",
-          "to": "甘南藏族自治州",
-          "value": 620,
-          "description": "甘肃甘南州销售市场"
+          "to": "北京",
+          "value": 580,
+          "description": "首都高端牦牛肉消费市场"
+        },
+        {
+          "from": "红原县",
+          "to": "天津",
+          "value": 520,
+          "description": "直辖市，环渤海消费市场"
+        },
+        {
+          "from": "红原县",
+          "to": "泰安",
+          "value": 480,
+          "description": "山东地区牦牛消费市场"
+        },
+        {
+          "from": "红原县",
+          "to": "淮安",
+          "value": 450,
+          "description": "华东地区牦牛需求市场"
+        },
+        {
+          "from": "红原县",
+          "to": "淮南",
+          "value": 420,
+          "description": "安徽省内牦牛消费地"
         },
         {
           "from": "红原县",
-          "to": "昌都",
-          "value": 550,
-          "description": "西藏昌都地区市场"
+          "to": "驻马店",
+          "value": 400,
+          "description": "河南省牦牛消费市场"
+        },
+        {
+          "from": "红原县",
+          "to": "怀化",
+          "value": 380,
+          "description": "湖南省牦牛需求地"
+        },
+        {
+          "from": "红原县",
+          "to": "赣州",
+          "value": 360,
+          "description": "江西省牦牛消费市场"
+        },
+        {
+          "from": "红原县",
+          "to": "惠州",
+          "value": 340,
+          "description": "广东省牦牛高端市场"
+        },
+        {
+          "from": "红原县",
+          "to": "河池",
+          "value": 320,
+          "description": "广西地区牦牛消费地"
+        },
+        {
+          "from": "红原县",
+          "to": "运城",
+          "value": 300,
+          "description": "山西省牦牛需求市场"
+        },
+        {
+          "from": "红原县",
+          "to": "荆州",
+          "value": 280,
+          "description": "湖北省牦牛消费地"
+        },
+        {
+          "from": "红原县",
+          "to": "保山",
+          "value": 260,
+          "description": "云南边境牦牛市场"
+        },
+        {
+          "from": "红原县",
+          "to": "毕节",
+          "value": 240,
+          "description": "贵州山区牦牛需求地"
+        },
+        {
+          "from": "红原县",
+          "to": "喀什",
+          "value": 220,
+          "description": "新疆喀什地区牦牛市场"
         }
       ]
     },
@@ -121,44 +511,86 @@
         {
           "from": "若尔盖县",
           "to": "红原县",
-          "value": 1200,
-          "description": "若尔盖县草原牦牛供应"
+          "value": 1500,
+          "description": "若尔盖大草原优质牦牛供应"
         },
         {
           "from": "阿坝县",
           "to": "红原县",
-          "value": 1000,
-          "description": "阿坝县高原牦牛供应"
+          "value": 1200,
+          "description": "阿坝县高原牦牛养殖基地"
         },
         {
           "from": "松潘县",
           "to": "红原县",
+          "value": 1000,
+          "description": "松潘县传统牦牛养殖区"
+        },
+        {
+          "from": "壤塘县",
+          "to": "红原县",
+          "value": 900,
+          "description": "壤塘县牦牛养殖合作社"
+        },
+        {
+          "from": "炉霍县",
+          "to": "红原县",
           "value": 850,
-          "description": "松潘县牦牛养殖供应"
+          "description": "甘孜州炉霍县牦牛基地"
         },
         {
-          "from": "红原县养殖基地",
+          "from": "甘孜县",
           "to": "红原县",
           "value": 800,
-          "description": "红原县本地养殖基地供应"
+          "description": "甘孜县高原牦牛养殖"
         },
         {
-          "from": "壤塘县",
+          "from": "拉萨",
+          "to": "红原县",
+          "value": 750,
+          "description": "西藏拉萨周边牦牛养殖"
+        },
+        {
+          "from": "玉树藏族自治州",
           "to": "红原县",
           "value": 720,
-          "description": "壤塘县牦牛供应"
+          "description": "青海玉树州牦牛养殖基地"
         },
         {
-          "from": "炉霍县",
+          "from": "果洛藏族自治州",
+          "to": "红原县",
+          "value": 680,
+          "description": "青海果洛州草原牦牛"
+        },
+        {
+          "from": "甘南藏族自治州",
           "to": "红原县",
           "value": 650,
-          "description": "炉霍县牦牛养殖供应"
+          "description": "甘肃甘南州牦牛养殖"
         },
         {
-          "from": "甘孜县",
+          "from": "昌都",
+          "to": "红原县",
+          "value": 620,
+          "description": "西藏昌都地区牦牛产地"
+        },
+        {
+          "from": "甘孜藏族自治州",
           "to": "红原县",
           "value": 580,
-          "description": "甘孜县牦牛供应"
+          "description": "甘孜州牦牛养殖区域"
+        },
+        {
+          "from": "喀什",
+          "to": "红原县",
+          "value": 400,
+          "description": "新疆喀什地区牦牛供应"
+        },
+        {
+          "from": "银川",
+          "to": "红原县",
+          "value": 350,
+          "description": "宁夏地区牦牛养殖基地"
         }
       ]
     },
@@ -230,13 +662,13 @@
     }
   },
   "cityCategories": {
-    "production": ["红原县", "拉萨", "西宁", "兰州", "银川", "呼和浩特", "乌鲁木齐"],
-    "consumption": ["成都", "重庆", "西安", "北京", "上海", "广州", "深圳", "杭州", "武汉", "昆明", "贵阳"],
-    "transit": ["西安", "兰州", "成都", "重庆"]
+    "production": ["红原县", "拉萨", "西宁", "兰州", "甘南藏族自治州", "玉树藏族自治州", "果洛藏族自治州", "昌都", "甘孜藏族自治州", "银川", "喀什"],
+    "consumption": ["成都", "重庆", "西安", "昆明", "贵阳", "北京", "天津", "泰安", "淮安", "淮南", "驻马店", "怀化", "赣州", "惠州", "河池", "运城", "荆州", "保山", "毕节"],
+    "transit": ["西安", "兰州", "成都", "重庆", "昆明", "贵阳", "西宁"]
   },
   "flowLevels": {
-    "high": { "threshold": 600, "color": "#E6A23C", "description": "主要流向" },
-    "medium": { "threshold": 300, "color": "#409EFF", "description": "重要流向" },
+    "high": { "threshold": 800, "color": "#E6A23C", "description": "主要流向" },
+    "medium": { "threshold": 400, "color": "#409EFF", "description": "重要流向" },
     "low": { "threshold": 0, "color": "#67C23A", "description": "一般流向" }
   }
 } 

src/App.vue

@@ -58,7 +58,7 @@
         <div v-if="isSupplyExpanded" class="expanded-supply-container">
           <SupplyDemandData :force-expanded="true" @expand-change="handleSupplyExpand" />
         </div>
-        
+
         <!-- 正常状态下的右侧布局 -->
         <template v-else>
           <!-- 右中列 -->
@@ -76,14 +76,14 @@
 
           <!-- 右列 -->
           <div class="right-column">
-            <div class="right-top">
-              <MarketEnvironmentMonitor />
+            <div class="right-bottom">
+              <SupplyDemandData :force-expanded="false" @expand-change="handleSupplyExpand" />
             </div>
             <div class="right-middle">
               <MarketRealtimeMonitor />
             </div>
-            <div class="right-bottom">
-              <SupplyDemandData :force-expanded="false" @expand-change="handleSupplyExpand" />
+            <div class="right-top">
+              <MarketEnvironmentMonitor />
             </div>
           </div>
         </template>
@@ -152,40 +152,40 @@ onMounted(async () => {
   // 立即开始更新时间
   updateTime()
   timeTimer = setInterval(updateTime, 1000)
-  
+
   try {
     // 加载配置
     console.log('App.vue: 开始加载配置')
     config.value = await configManager.loadConfig()
     console.log('App.vue: 配置加载完成', config.value)
-    
+
     // 设置CSS变量
     console.log('App.vue: 设置CSS变量')
     configManager.setCSSVariables()
-    
+
     // 等待CSS变量生效和DOM更新
     await nextTick()
-    
+
     // 再等待一帧确保样式完全应用
     await new Promise(resolve => requestAnimationFrame(resolve))
     console.log('App.vue: CSS变量已生效')
-    
+
     // 加载数据配置
     console.log('App.vue: 开始加载数据配置')
     const loadedData = await dataManager.loadData()
     console.log('App.vue: 数据配置加载完成', loadedData)
-    
+
     // 标记布局准备完成，开始渲染组件
     console.log('App.vue: 布局准备完成，开始渲染组件')
     isLayoutReady.value = true
-    
+
     console.log('Dashboard 完全初始化完成')
   } catch (error) {
     console.error('Failed to initialize dashboard:', error)
     // 使用默认配置
     config.value = configManager.getDefaultConfig()
     configManager.setCSSVariables()
-    
+
     // 等待DOM更新后显示页面
     await nextTick()
     await new Promise(resolve => requestAnimationFrame(resolve))
@@ -432,7 +432,12 @@ onUnmounted(() => {
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
 }
 </style>

src/components/ChinaMap.vue

@@ -46,20 +46,26 @@
         <table class="detail-table">
           <thead>
             <tr>
-              <th>区域名称</th>
-              <th>交易数量</th>
-              <th>采购商户</th>
-              <th>收货地</th>
-              <th>交易时间</th>
+              <th>检疫编号</th>
+              <th>货主</th>
+              <th>启运地点</th>
+              <th>到达地点</th>
+              <th>车牌号</th>
+              <th>牦牛数量</th>
+              <th>联系人</th>
+              <th>联系方式</th>
             </tr>
           </thead>
           <tbody>
             <tr v-for="(item, index) in detailData" :key="index">
-              <td>{{ item.areaName }}</td>
-              <td>{{ item.quantity }}头</td>
-              <td>{{ item.buyer }}</td>
+              <td>{{ item.quarantineNo }}</td>
+              <td>{{ item.owner }}</td>
+              <td>{{ item.origin }}</td>
               <td>{{ item.destination }}</td>
-              <td>{{ item.tradeTime }}</td>
+              <td>{{ item.vehiclePlate }}</td>
+              <td>{{ item.yakCount }}头</td>
+              <td>{{ item.contactPerson }}</td>
+              <td>{{ item.contactPhone }}</td>
             </tr>
           </tbody>
         </table>
@@ -415,46 +421,64 @@ const generateDetailData = (cityName) => {
   // 模拟交易明细数据
   const baseData = [
     {
-      areaName: '若尔盖县',
-      quantity: 120,
-      buyer: '成都牧业有限公司',
+      quarantineNo: 'JY2024010001',
+      owner: '阿坝县扎西畜牧专业合作社',
+      origin: '阿坝县若尔盖草原',
       destination: '成都市双流区',
-      tradeTime: '2024-01-15'
+      vehiclePlate: '川A·12345',
+      yakCount: 120,
+      contactPerson: '扎西多吉',
+      contactPhone: '138****1234'
     },
     {
-      areaName: '阿坝县',
-      quantity: 95,
-      buyer: '重庆畜牧贸易公司',
+      quarantineNo: 'JY2024010002',
+      owner: '红原县草原牧业有限公司',
+      origin: '红原县安曲镇',
       destination: '重庆市渝北区',
-      tradeTime: '2024-01-14'
+      vehiclePlate: '川A·23456',
+      yakCount: 95,
+      contactPerson: '次仁德勒',
+      contactPhone: '139****2345'
     },
     {
-      areaName: '红原县',
-      quantity: 80,
-      buyer: '西安草原食品',
+      quarantineNo: 'JY2024010003',
+      owner: '若尔盖县牧民专业合作社',
+      origin: '若尔盖县花湖草原',
       destination: '西安市雁塔区',
-      tradeTime: '2024-01-13'
+      vehiclePlate: '川U·34567',
+      yakCount: 80,
+      contactPerson: '旺久多杰',
+      contactPhone: '136****3456'
     },
     {
-      areaName: '松潘县',
-      quantity: 65,
-      buyer: '兰州牧场合作社',
+      quarantineNo: 'JY2024010004',
+      owner: '松潘县高原牧业合作社',
+      origin: '松潘县川主寺镇',
       destination: '兰州市城关区',
-      tradeTime: '2024-01-12'
+      vehiclePlate: '川A·45678',
+      yakCount: 65,
+      contactPerson: '桑杰嘉措',
+      contactPhone: '137****4567'
     },
     {
-      areaName: '马尔康市',
-      quantity: 55,
-      buyer: '昆明高原牧业',
+      quarantineNo: 'JY2024010005',
+      owner: '马尔康市康巴牧业有限公司',
+      origin: '马尔康市梭磨乡',
       destination: '昆明市西山区',
-      tradeTime: '2024-01-11'
+      vehiclePlate: '川A·56789',
+      yakCount: 55,
+      contactPerson: '格桑旺堆',
+      contactPhone: '135****5678'
     },
     {
-      areaName: '壤塘县',
-      quantity: 45,
-      buyer: '贵阳绿色食品',
+      quarantineNo: 'JY2024010006',
+      owner: '壤塘县藏区牧业专业合作社',
+      origin: '壤塘县中壤塘镇',
       destination: '贵阳市观山湖区',
-      tradeTime: '2024-01-10'
+      vehiclePlate: '川A·67890',
+      yakCount: 45,
+      contactPerson: '洛桑扎西',
+      contactPhone: '134****6789'
     }
   ]
   
@@ -465,9 +489,13 @@ const generateDetailData = (cityName) => {
     // 为其他城市生成相应的数据
     return baseData.map((item, index) => ({
       ...item,
-      buyer: `${cityName}${['牧业集团', '畜牧公司', '贸易有限公司', '草原合作社'][index % 4]}`,
+      quarantineNo: `JY2024${String(Math.floor(Math.random() * 9000) + 1000).substr(0, 4)}${String(index + 1).padStart(3, '0')}`,
+      owner: `${cityName}${['畜牧专业合作社', '高原牧业有限公司', '牧民专业合作社', '草原牧业集团'][index % 4]}`,
+      origin: `${cityName}${['草原', '镇', '乡', '县'][index % 4]}`,
       destination: `${cityName}${['经开区', '高新区', '市中区', '新城区'][index % 4]}`,
-      tradeTime: `2024-01-${15 - index}`
+      vehiclePlate: `${['川A', '川B', '川C', '川U'][index % 4]}·${Math.floor(Math.random() * 90000) + 10000}`,
+      contactPerson: ['扎西', '次仁', '旺久', '桑杰', '格桑', '洛桑'][index % 6] + ['多吉', '德勒', '多杰', '嘉措', '旺堆', '扎西'][Math.floor(Math.random() * 6)],
+      contactPhone: `${['138', '139', '136', '137', '135', '134'][index % 6]}****${Math.floor(Math.random() * 9000) + 1000}`
     }))
   }
 }
@@ -987,7 +1015,7 @@ onUnmounted(() => {
   bottom: 20px;
   transform: translateX(-50%);
   width: 80%;
-  max-width: 900px;
+  max-width: 1200px;
   max-height: 400px;
   background: rgba(15, 25, 45, 0.98);
   border: 1px solid #00d4ff;

src/components/ExchangeMonitor.vue

@@ -181,12 +181,12 @@ onUnmounted(() => {
 }
 
 .service-icon {
-  font-size: 24px;
+  font-size: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
-  height: 40px;
+  width: 50px;
+  height: 50px;
   background: rgba(64, 158, 255, 0.1);
   border-radius: 8px;
   flex-shrink: 0;
@@ -199,14 +199,14 @@ onUnmounted(() => {
 }
 
 .service-label {
-  font-size: 14px;
+  font-size: 16px;
   color: #a0a8b8;
   font-weight: 500;
   line-height: 1.2;
 }
 
 .service-value {
-  font-size: 20px;
+  font-size: 24px;
   font-weight: bold;
   color: #ffffff;
   line-height: 1.2;
@@ -242,13 +242,13 @@ onUnmounted(() => {
 }
 
 .service-unit {
-  font-size: 11px;
+  font-size: 14px;
   color: #8cc8ff;
   font-weight: normal;
 }
 
 .service-status {
-  font-size: 14px;
+  font-size: 16px;
   padding: 2px 6px;
   border-radius: 4px;
   font-weight: 500;