Swanky 6 months ago
parent b39ecb74e5
commit 5e40a11ce1
  1. 546
      public/yak-trading-data.json
  2. 17
      src/App.vue
  3. 100
      src/components/ChinaMap.vue
  4. 14
      src/components/ExchangeMonitor.vue

@ -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": "一般流向" }
}
}

@ -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>
@ -432,7 +432,12 @@ onUnmounted(() => {
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>

@ -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;

@ -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;

Loading…
Cancel
Save