import { defineStore } from "pinia"
import nodePrefix from "@/assets/images/groupEvolution/node-prefix.png"
import edgePrefix from "@/assets/images/groupEvolution/edge-prefix.png"
import splitImg from "@/assets/images/groupMember/splitImg.png"
import mergeImg from "@/assets/images/groupMember/mergeImg.png"
import shrinkImg from "@/assets/images/groupMember/shrinkImg.png"
import expamdImg from "@/assets/images/groupMember/expamdImg.png"
import defaultAvatar from "@/assets/images/avatar/default.png"

import {
  getGroupEvolutionGroupList,
  getGroupEvolutionGroupScaleChart
} from "@/service/api/groupEvolution"
import { TansTimestamp } from "@/utils/transform"
export const useGroupDiscoveryStore = defineStore("groupDiscovery", {
  state: () => ({
    groupList: [],
    chartData: {},
    chartsData: {
      topSelfMedia: {
        xAxis: [
          "15:57:46",
          "16:57:55",
          "17:57:32",
          "18:58:03",
          "19:58:03",
          "20:58:04",
          "21:57:47",
          "22:58:12"
        ],
        yAxis: [0, 0.5, 1.0, 1.5, 2.0, 2.5],
        data: [1.0, 0.99, 1.0, 1.0, 1.01, 2.03, 1.2, 0.99]
      },
      officialMedia: {
        xAxis: [
          "15:57:46",
          "16:57:55",
          "17:57:32",
          "18:58:03",
          "19:58:03",
          "20:58:04",
          "21:57:47",
          "22:58:12"
        ],
        yAxis: [0, 0.5, 1.0, 1.5],
        data: [1.0, 0.99, 1.0, 1.0, 1.01, 1.01, 1.2, 0.99]
      },
      ordinaryMedia: {
        xAxis: [
          "15:57:46",
          "16:57:55",
          "17:57:32",
          "18:58:03",
          "19:58:03",
          "20:58:04",
          "21:57:47",
          "22:58:12"
        ],
        yAxis: [0, 1.0, 2.0, 3.0],
        data: [1.08, 2.54, 1.47, 1.03, 0.98, 0.99, 1.0, 1.12]
      }
    },
    wordCloudData: [
      {
        text: "佩洛西",
        top: 115.5,
        left: 215.5,
        width: 109,
        height: 40,
        fontSize: 28,
        opacity: 1
      },
      { text: "中国", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
      {
        text: "中国人民解放军",
        top: 72.5,
        left: 132.5,
        width: 123,
        height: 22,
        fontSize: 12,
        opacity: 1
      },
      {
        text: "中美关系",
        top: 171.5,
        left: 212.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      { text: "台独", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
      {
        text: "台海和平",
        top: 228.5,
        left: 230.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      {
        text: "坚决反对",
        top: 200.5,
        left: 38.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "联合公报",
        top: 241.5,
        left: 130.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "有力反制",
        top: 211.5,
        left: 143.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 1
      },
      { text: "白宫", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "内政", top: 87.5, left: 36.5, width: 53, height: 22, fontSize: 14, opacity: 1 },
      { text: "访台", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "领土", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
      { text: "原则", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
      { text: "台湾", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 }
    ],
    posts: [
      {
        id: 1,
        timestamp: "2024-01-04  0:03:16",
        author: "十八子91221",
        influence: 2,
        highlighted: false,
        like: 1,
        comment: 1,
        transmit: 0,
        content:
          "转发微博【#南部战区南海海域例行巡航#】1月3日至4日，中国人民解放军@南部战区 组织海空兵力位南海海域进行例行巡航。战区部队全时保持高度戒备，坚决捍卫国家主权安全和海洋权益，任何搅局南海、制造热点的军事活动尽在掌握之中。 "
      },
      {
        id: 2,
        timestamp: "2024-02-03 12:58:53",
        author: "中国海警",
        influence: 6636,
        highlighted: false,
        like: 5013,
        comment: 247,
        transmit: 1376,
        content: `【#中国海警发声# 】2月2日，菲方1艘小型民船对其非法"坐滩" 仁爱礁军舰运送生活物资，中国海警全程跟监管控。中国对包括仁爱礁在内的南沙群岛及其附近海域拥有无可争辩的主权，中国海警依法在中国管辖海域持续开展维权执法活动。`
      },
      {
        id: 3,
        timestamp: "2024-02-22 17:13:44",
        author: "外贸发布BBS",
        influence: 6919,
        like: 5354,
        comment: 155,
        transmit: 1410,
        highlighted: false,
        content: "所以，这算张冠李戴，还是指桑骂槐？#南海救助局寻获2名罹难者遗体#"
      },
      {
        id: 4,
        timestamp: "2024-02-23 17:54:46",
        author: "什么时候有江西舰",
        influence: 1670,
        like: 1310,
        comment: 60,
        transmit: 300,
        highlighted: false,
        content:
          "转发微博【#中国海警局新闻发言人就菲律宾侵闯黄岩岛发表谈话# 】中国海警局新闻发言人甘羽表示，2月22日至23日，菲律宾渔业和水产资源局3002船不顾中方一再劝阻和警告，执意侵闯中国黄岩岛邻近海域。"
      },
      {
        id: 5,
        timestamp: "2024-03-14 09:58:12",
        author: "新浪军事",
        influence: 5292,
        highlighted: false,
        like: 2827,
        comment: 1350,
        transmit: 1115,
        content: `#大陆渔船金门外海翻覆2人不幸罹难#【又有大陆渔船在金门海域翻覆，已致两人遇难！两岸联合搜救】3月14日，南都记者从金门海巡队获悉，当日清晨一艘大陆渔船"闽龙渔61222"在金门海域遭浪袭翻覆，船上6名船员落海行踪不明。据悉，目前落海的6名船员已全部寻获，4人送医、2人不幸罹难`
      },
      {
        id: 6,
        timestamp: "2024-03-23 21:20:40",
        author: "空天砺剑",
        influence: 150,
        highlighted: false,
        like: 130,
        comment: 10,
        transmit: 10,
        content:
          "#菲律宾船对中国海警举白旗# 菲律宾人这是感谢帮它们洗船挥手致谢，既然人家这么客气，那就加大水压吧！"
      },
      {
        id: 7,
        timestamp: "2024-03-23 21:42:36",
        author: "大侠啊啊啊啊",
        influence: 2473,
        highlighted: false,
        like: 1923,
        comment: 124,
        transmit: 426,
        content: "#菲律宾船对中国海警举白旗#大快人心"
      },
      {
        id: 8,
        timestamp: "2024-04-06 18:17:30",
        author: "人民日报",
        influence: 8345,
        highlighted: false,
        like: 6238,
        comment: 409,
        transmit: 1698,
        content: `【#中方正告菲方任何侵权伎俩都是徒劳#】中国海警局新闻发言人甘羽表示，4月4日，菲方组织多艘船只非法位中国南沙群岛鲎藤礁邻近海域活动，中国海警依法依规处置，现场操作专业规范。中国对包括鲎藤礁在内的南沙群岛及其邻近海域拥有无可争辩的主权，菲公务船打着所谓"护渔"幌子非法侵权挑衅，组织媒体蓄意煽炒误导，持续破坏南海稳定。我们正告菲方，任何侵权伎俩都是徒劳。中国海警将依法在中国管辖海域常态维权执法，坚决维护领土主权和海洋权益。`
      },
      {
        id: 9,
        timestamp: "2024-04-06 19:19:50",
        author: "如皋老猫",
        influence: 433,
        highlighted: false,
        like: 355,
        comment: 67,
        transmit: 11,
        content:
          "#中国海警回应菲律宾侵闯鲎藤礁#马科斯已经吃了秤砣铁了心当美狗了，所以，希望中国海警除了文字回应外，也该用行动予以坚决回应了！"
      },
      {
        id: 10,
        timestamp: "2024-05-16 00:22:18",
        author: "环球网",
        influence: 2889,
        highlighted: false,
        like: 1786,
        comment: 362,
        transmit: 741,
        content: `【#环球时报社评#：#中方对菲律宾的善意和耐心不是无止境的#】在菲律宾近来不断公开否认"君子协定"、后被中方以铁证打脸之后，马尼拉又开始了新的政治表演。15日，5艘商业渔船上约200人从菲律宾高调驶向黄岩岛海域"维权"，预计16日到达黄岩岛。菲律宾官方派出海岸警卫队的船为这支所谓"民间船队"护航，一些西方媒体也迅速跟进。这一套配合相当熟练的操作，我们此前已经在菲方于南海生事的好几次事件当中看到。`
      }
    ]
  }),
  actions: {
    async initializeGroupList(time = "2024-05-16 16:56:04") {
      const res = await getGroupEvolutionGroupList(time)
      if (res.code != 200) return
      const iconMap = {
        节点数: nodePrefix,
        连边数: edgePrefix
      }
      this.groupList = res.data
      this.groupList.forEach((item) => {
        item.list = item.list.map((statistic) => ({
          ...statistic,
          iconImg: iconMap[statistic.name]
        }))
      })
    },
    async initializeGroupScaleChart() {
      const res = await getGroupEvolutionGroupScaleChart()
      if (res.code != 200) return
      let resultObj = {}
      const themeMap = {
        群体一: "#32b6fb",
        群体二: "#00d6da",
        群体三: "#fddc33"
      }
      resultObj["xAxisData"] = res.data.timeList.map((item) => TansTimestamp(item, "HH:mm:ss"))
      resultObj["yAxisRange"] = res.data.scale
      resultObj["seriesList"] = []

      Object.entries(res.data.data).forEach(([key, list]) => {
        resultObj["seriesList"].push({ name: key, themeColor: themeMap[key], data: list })
      })

      this.chartData = resultObj
    }
  },
  persist: true // 开启持久化
})

export const useGroupStructureStore = defineStore("groupStructure", {
  state: () => ({
    groupList: [
      {
        id: 1,
        type: "头部自媒体",
        statistics: [
          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
        ],
        mediaList: []
      },
      {
        id: 2,
        type: "官方媒体",
        statistics: [
          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
        ],
        mediaList: {}
      },
      {
        id: 3,
        type: "普通自媒体",
        statistics: [
          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
        ],
        mediaList: []
      }
    ],
    chartData: {
      xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
      yAxisRange: { min: 0, max: 1, interval: 0.2 },
      seriesList: [
        {
          name: "",
          type: "line",
          lineStyle: {
            color: "#2AB8FD",
            width: 1 // 设置线条宽度为3像素
          },
          symbolSize: 10, // 圆点大小
          borderWidth: 1, // 边框宽度
          data: [0.3055, 0.3939, 0.5813, 0.6094, 0.6289]
        }
      ]
    },
    chartsData: {
      topSelfMedia: [
        {
          id: 1,
          name: "内部密度指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 0.0035, interval: 0.0005 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [0.0005, 0.002, 0.0024, 0.0026, 0.0027]
              }
            ]
          }
        },
        {
          id: 2,
          name: "外部拓展指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2.1, interval: 0.3 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.9787, 0.6044, 0.6757, 0.6763, 0.6853]
              }
            ]
          }
        }
      ],
      officalMedia: [
        {
          id: 1,
          name: "内部密度指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 0.0035, interval: 0.0005 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [0.0001, 0.02, 0.024, 0.026, 0.027]
              }
            ]
          }
        },
        {
          id: 2,
          name: "外部拓展指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2.1, interval: 0.3 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.787, 0.044, 0.757, 0.763, 0.853]
              }
            ]
          }
        }
      ],
      ordinaryMedia: [
        {
          id: 1,
          name: "内部密度指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 0.0035, interval: 0.0005 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [0.01, 0.2, 0.24, 0.26, 0.27]
              }
            ]
          }
        },
        {
          id: 2,
          name: "外部拓展指数演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2.1, interval: 0.3 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.87, 0.44, 0.57, 0.63, 0.53]
              }
            ]
          }
        }
      ]
    },
    wordCloudData: [
      {
        text: "佩洛西",
        top: 115.5,
        left: 215.5,
        width: 109,
        height: 40,
        fontSize: 28,
        opacity: 1
      },
      { text: "中国", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
      {
        text: "中国人民解放军",
        top: 72.5,
        left: 132.5,
        width: 123,
        height: 22,
        fontSize: 12,
        opacity: 1
      },
      {
        text: "中美关系",
        top: 171.5,
        left: 212.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      { text: "台独", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
      {
        text: "台海和平",
        top: 228.5,
        left: 230.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      {
        text: "坚决反对",
        top: 200.5,
        left: 38.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "联合公报",
        top: 241.5,
        left: 130.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "有力反制",
        top: 211.5,
        left: 143.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 1
      },
      { text: "白宫", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "内政", top: 87.5, left: 36.5, width: 53, height: 22, fontSize: 14, opacity: 1 },
      { text: "访台", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "领土", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
      { text: "原则", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
      { text: "台湾", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 }
    ],
    posts: [
      {
        id: 1,
        timestamp: "2024-01-04  0:03:16",
        author: "十八子91221",
        influence: 2,
        highlighted: false,
        like: 1,
        comment: 1,
        transmit: 0,
        content:
          "转发微博【#南部战区南海海域例行巡航#】1月3日至4日，中国人民解放军@南部战区 组织海空兵力位南海海域进行例行巡航。战区部队全时保持高度戒备，坚决捍卫国家主权安全和海洋权益，任何搅局南海、制造热点的军事活动尽在掌握之中。 "
      },
      {
        id: 2,
        timestamp: "2024-02-03 12:58:53",
        author: "中国海警",
        influence: 6636,
        highlighted: false,
        like: 5013,
        comment: 247,
        transmit: 1376,
        content: `【#中国海警发声# 】2月2日，菲方1艘小型民船对其非法"坐滩" 仁爱礁军舰运送生活物资，中国海警全程跟监管控。中国对包括仁爱礁在内的南沙群岛及其附近海域拥有无可争辩的主权，中国海警依法在中国管辖海域持续开展维权执法活动。`
      },
      {
        id: 3,
        timestamp: "2024-02-22 17:13:44",
        author: "外贸发布BBS",
        influence: 6919,
        like: 5354,
        comment: 155,
        transmit: 1410,
        highlighted: false,
        content: "所以，这算张冠李戴，还是指桑骂槐？#南海救助局寻获2名罹难者遗体#"
      },
      {
        id: 4,
        timestamp: "2024-02-23 17:54:46",
        author: "什么时候有江西舰",
        influence: 1670,
        like: 1310,
        comment: 60,
        transmit: 300,
        highlighted: false,
        content:
          "转发微博【#中国海警局新闻发言人就菲律宾侵闯黄岩岛发表谈话# 】中国海警局新闻发言人甘羽表示，2月22日至23日，菲律宾渔业和水产资源局3002船不顾中方一再劝阻和警告，执意侵闯中国黄岩岛邻近海域。"
      },
      {
        id: 5,
        timestamp: "2024-03-14 09:58:12",
        author: "新浪军事",
        influence: 5292,
        highlighted: false,
        like: 2827,
        comment: 1350,
        transmit: 1115,
        content: `#大陆渔船金门外海翻覆2人不幸罹难#【又有大陆渔船在金门海域翻覆，已致两人遇难！两岸联合搜救】3月14日，南都记者从金门海巡队获悉，当日清晨一艘大陆渔船"闽龙渔61222"在金门海域遭浪袭翻覆，船上6名船员落海行踪不明。据悉，目前落海的6名船员已全部寻获，4人送医、2人不幸罹难`
      },
      {
        id: 6,
        timestamp: "2024-03-23 21:20:40",
        author: "空天砺剑",
        influence: 150,
        highlighted: false,
        like: 130,
        comment: 10,
        transmit: 10,
        content:
          "#菲律宾船对中国海警举白旗# 菲律宾人这是感谢帮它们洗船挥手致谢，既然人家这么客气，那就加大水压吧！"
      },
      {
        id: 7,
        timestamp: "2024-03-23 21:42:36",
        author: "大侠啊啊啊啊",
        influence: 2473,
        highlighted: false,
        like: 1923,
        comment: 124,
        transmit: 426,
        content: "#菲律宾船对中国海警举白旗#大快人心"
      },
      {
        id: 8,
        timestamp: "2024-04-06 18:17:30",
        author: "人民日报",
        influence: 8345,
        highlighted: false,
        like: 6238,
        comment: 409,
        transmit: 1698,
        content: `【#中方正告菲方任何侵权伎俩都是徒劳#】中国海警局新闻发言人甘羽表示，4月4日，菲方组织多艘船只非法位中国南沙群岛鲎藤礁邻近海域活动，中国海警依法依规处置，现场操作专业规范。中国对包括鲎藤礁在内的南沙群岛及其邻近海域拥有无可争辩的主权，菲公务船打着所谓"护渔"幌子非法侵权挑衅，组织媒体蓄意煽炒误导，持续破坏南海稳定。我们正告菲方，任何侵权伎俩都是徒劳。中国海警将依法在中国管辖海域常态维权执法，坚决维护领土主权和海洋权益。`
      },
      {
        id: 9,
        timestamp: "2024-04-06 19:19:50",
        author: "如皋老猫",
        influence: 433,
        highlighted: false,
        like: 355,
        comment: 67,
        transmit: 11,
        content:
          "#中国海警回应菲律宾侵闯鲎藤礁#马科斯已经吃了秤砣铁了心当美狗了，所以，希望中国海警除了文字回应外，也该用行动予以坚决回应了！"
      },
      {
        id: 10,
        timestamp: "2024-05-16 00:22:18",
        author: "环球网",
        influence: 2889,
        highlighted: false,
        like: 1786,
        comment: 362,
        transmit: 741,
        content: `【#环球时报社评#：#中方对菲律宾的善意和耐心不是无止境的#】在菲律宾近来不断公开否认"君子协定"、后被中方以铁证打脸之后，马尼拉又开始了新的政治表演。15日，5艘商业渔船上约200人从菲律宾高调驶向黄岩岛海域"维权"，预计16日到达黄岩岛。菲律宾官方派出海岸警卫队的船为这支所谓"民间船队"护航，一些西方媒体也迅速跟进。这一套配合相当熟练的操作，我们此前已经在菲方于南海生事的好几次事件当中看到。`
      }
    ]
  }),
  actions: {},
  persist: false // 开启持久化
})

export const useGroupMemberStore = defineStore("groupMember", {
  state: () => ({
    groupList: [
      {
        id: 1, 
        type: "群体一",
        focusedTopic: "#中国海警首次登检菲律宾#",
        series: [
          {
            type: "radar",
            data: [
              {
                value: [10, 5, 15, 5],
                symbol: 'circle',
                symbolSize: 5,
                itemStyle: {
                  color: '#01D7DA', // 圆点颜色
                },
                areaStyle: {
                  color: 'rgba(87, 196, 255, 0.3)' // 区域填充
                },
                // 点之间的连线
                lineStyle: {
                  color: '#0374FE',
                  type: 'dashed',
                  width: 1
                }                
              }
            ]
          }
        ]
      },
      {
        id: 2, 
        type: "群体二",
        focusedTopic: "#中国海警首次登检菲律宾#",
        series: [
          {
            type: "radar",
            data: [
              {
                value: [10, 20, 15, 5],
                symbol: 'circle',
                symbolSize: 5,
                itemStyle: {
                  color: '#01D7DA', // 圆点颜色
                },
                areaStyle: {
                  color: 'rgba(87, 196, 255, 0.3)' // 区域填充
                },
                lineStyle: {
                  color: '#0374FE',
                  type: 'dashed',
                  width: 1
                } 
              }
            ]
          }
        ]
      }
    ],
    groupMemberList: [
      {
        id: 1,
        type: "头部媒体",
        statistics: [
          { id: 1, iconImg: splitImg, name: "分裂", value: 0.0298 },
          { id: 2, iconImg: mergeImg, name: "合并", value: 0 },
          { id: 3, iconImg: shrinkImg, name: "收缩", value: 0.4741 },
          { id: 4, iconImg: expamdImg, name: "扩展", value: 1.04e-14 }
        ]
      },
      {
        id: 2,
        type: "头部媒体",
        statistics: [
          { id: 1, iconImg: splitImg, name: "分裂", value: 0.2125 },
          { id: 2, iconImg: mergeImg, name: "合并", value: 1.65e-15 },
          { id: 3, iconImg: shrinkImg, name: "收缩", value: 0.4313 },
          { id: 4, iconImg: expamdImg, name: "扩展", value: 6.02e-15 }
        ]
      }
    ],
    chartData: {
      xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
      yAxisRange: { min: 0, max: 25, interval: 5},
      seriesList: [
        {
          name: "分裂指数",
          type: "line",
          lineStyle: {
            color: "#2AB8FD",
            width: 1 // 设置线条宽度为3像素
          },
          itemStyle: {
            color: '#0A1A2F',
            borderColor: '#2AB8FD',
            borderWidth: 1
          },
          symbol: "circle",
          symbolSize: 10, // 圆点大小
          data: [0.9237, 0.14507, 0, 0, 0]
        },
        {
          name: "合并指数",
          type: "line",
          lineStyle: {
            color: "#02D7DA",
            width: 1 // 设置线条宽度为3像素
          },
          itemStyle: {
            color: '#0A1A2F',
            borderColor: '#01D7DA',
            borderWidth: 1
          },
          symbol: "circle",
          symbolSize: 10, // 圆点大小
          borderWidth: 1, // 边框宽度
          data: [9.8011, 21.3123, 10.4338, 14.1912, 10.1523]
        },
        {
          name: "收缩指数",
          type: "line",
          lineStyle: {
            color: "#FFDA09",
            width: 1 // 设置线条宽度为3像素
          },
          itemStyle: {
            color: '#0A1A2F',
            borderColor: '#FFDA09',
            borderWidth: 1
          },
          symbol: "circle",
          symbolSize: 10, // 圆点大小
          borderWidth: 1, // 边框宽度
          data: [1.9057, 1.5123, 1.0338, 0.5912, 0.1523]
        },
        {
          name: "扩展指数",
          type: "line",
          lineStyle: {
            color: "#EB57B0",
            width: 1 // 设置线条宽度为3像素
          },
          itemStyle: {
            color: '#0A1A2F',
            borderColor: '#EB57B0',
            borderWidth: 1
          },
          symbol: "circle",
          symbolSize: 10, // 圆点大小
          borderWidth: 1, // 边框宽度
          data: [15.1119, 6.5123, 10.6338, 9.5912, 4.1523]
        }
      ]
    },
    chartsData: {
      topSelfMedia: [
        {
          id: 1,
          name: "分裂演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 1, interval: 0.2 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#2AB8FD",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                data: [0.9237, 0.14507, 0, 0, 0]
              }
            ]
          }
        },
        {
          id: 2,
          name: "合并演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 25, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#01D7DA",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#01D7DA",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [9.8011, 21.3123, 10.4338, 14.1912, 10.1523]
              }
            ]
          }
        },
        {
          id: 3,
          name: "收缩演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2, interval: 0.5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#FFDA09",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#FFDA09",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.9057, 1.5123, 1.0338, 0.5912, 0.1523]
              }
            ]
          }
        },
        {
          id: 4,
          name: "扩展演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 20, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#EB57B0",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#EB57B0",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [15.1119, 6.5123, 10.6338, 9.5912, 4.1523]
              }
            ]
          }
        }
      ],
      officalMedia: [
        {
          id: 1,
          name: "分裂演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 1, interval: 0.2 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#2AB8FD",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                data: [0.9237, 0.14507, 0, 0, 0]
              }
            ]
          }
        },
        {
          id: 2,
          name: "合并演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 25, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#01D7DA",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#01D7DA",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [9.8011, 21.3123, 10.4338, 14.1912, 10.1523]
              }
            ]
          }
        },
        {
          id: 3,
          name: "收缩演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2, interval: 0.5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#FFDA09",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#FFDA09",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.9057, 1.5123, 1.0338, 0.5912, 0.1523]
              }
            ]
          }
        },
        {
          id: 4,
          name: "扩展演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 20, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#EB57B0",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#EB57B0",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [15.1119, 6.5123, 10.6338, 9.5912, 4.1523]
              }
            ]
          }
        }
      ],
      ordinaryMedia: [
        {
          id: 1,
          name: "分裂演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 1, interval: 0.2 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#2AB8FD",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#2AB8FD",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                data: [0.9237, 0.14507, 0, 0, 0]
              }
            ]
          }
        },
        {
          id: 2,
          name: "合并演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 25, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#01D7DA",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#01D7DA",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [9.8011, 21.3123, 10.4338, 14.1912, 10.1523]
              }
            ]
          }
        },
        {
          id: 3,
          name: "收缩演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 2, interval: 0.5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#FFDA09",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#FFDA09",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [1.9057, 1.5123, 1.0338, 0.5912, 0.1523]
              }
            ]
          }
        },
        {
          id: 4,
          name: "扩展演化",
          chart: {
            xAxisData: ["07:57:46", "09:30:14", "09:57:32", "10:04:47", "10:12:57"],
            yAxisRange: { min: 0, max: 20, interval: 5 },
            seriesList: [
              {
                name: "",
                type: "line",
                lineStyle: {
                  color: "#EB57B0",
                  width: 1 // 设置线条宽度为3像素
                },
                itemStyle: {
                  color: "#0A1A2F",
                  borderColor: "#EB57B0",
                  borderWidth: 1
                },
                symbol: "circle",
                symbolSize: 10, // 圆点大小
                borderWidth: 1, // 边框宽度
                data: [15.1119, 6.5123, 10.6338, 9.5912, 4.1523]
              }
            ]
          }
        }
      ]
    },
    wordCloudData: [
      {
        text: "中国海警",
        top: 115.5,
        left: 200.5,
        width: 150,
        height: 40,
        fontSize: 28,
        opacity: 1
      },
      { text: "渔民", top: 160.5, left: 69.5, width: 70, height: 35, fontSize: 20, opacity: 1 },
      {
        text: "缴获",
        top: 72.5,
        left: 132.5,
        width: 60,
        height: 22,
        fontSize: 12,
        opacity: 1
      },
      {
        text: "菲律宾",
        top: 171.5,
        left: 200.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      { text: "枪支", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
      {
        text: "装甲船",
        top: 223.5,
        left: 230.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      {
        text: "渔民吃瓜",
        top: 200.5,
        left: 38.5,
        width: 73,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "执法",
        top: 223.5,
        left: 130.5,
        width: 60,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "登检",
        top: 200.5,
        left: 143.5,
        width: 60,
        height: 19,
        fontSize: 12,
        opacity: 1
      },
      { text: "蹲下", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "解决", top: 87.5, left: 36.5, width: 53, height: 22, fontSize: 14, opacity: 1 },
      { text: "抱头", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
      { text: "吃瓜", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
      { text: "手指", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 }
    ]
  }),
  actions: {},
  persist: false // 开启持久化
})

export const useAnomalousGroup = defineStore("anomalousGroup", {
  state: () => ({
    wordCloudData: [
      {
        text: "局座",
        top: 115.5,
        left: 220.5,
        width: 80,
        height: 40,
        fontSize: 28,
        opacity: 1
      },
      { text: "折叠屏", top: 160.5, left: 69.5, width: 105, height: 35, fontSize: 20, opacity: 1 },
      {
        text: "蹬鼻子上脸",
        top: 50.5,
        left: 132.5,
        width: 90,
        height: 22,
        fontSize: 12,
        opacity: 1
      },
      {
        text: "菲律宾",
        top: 171.5,
        left: 200.5,
        width: 81,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      {
        text: "中国海警",
        top: 120.5,
        left: 30.5,
        width: 100,
        height: 24,
        fontSize: 16,
        opacity: 1
      },
      {
        text: "船",
        top: 223.5,
        left: 230.5,
        width: 50,
        height: 22,
        fontSize: 14,
        opacity: 0.8
      },
      {
        text: "斧头",
        top: 200.5,
        left: 38.5,
        width: 40,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "执法",
        top: 223.5,
        left: 130.5,
        width: 60,
        height: 19,
        fontSize: 12,
        opacity: 0.7
      },
      {
        text: "登检",
        top: 200.5,
        left: 143.5,
        width: 60,
        height: 19,
        fontSize: 12,
        opacity: 1
      },
      { text: "蹲下", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "邦邦邦邦", top: 87.5, left: 20.5, width: 106, height: 22, fontSize: 14, opacity: 1 }
      /* { text: "抱头", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
      { text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
      { text: "吃瓜", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
      { text: "手指", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 } */
    ],
    abnormalContentList: [
      {
        id: 1,
        // 评论人
        commenter: {
          userId: "1",
          userName: "Trump-Good",
          userAvatar: defaultAvatar
        },
        // 评论接收人
        commentRecipient: {
          userId: "2",
          userName: "疾风中青劲草",
          userAvatar: defaultAvatar
        },
        //
        mutualCommentCount: 3,
        // 评论内容
        content:
          "在我国海域偷运軍械彈藥是應該依法拘捕送交法院睿理判刑，而且在中国的裹服刑的！难道外国人特权？更何况是這千点小国！#中国海警首次登检菲律宾运补船只# #外交部回应中国海警缴获菲士兵枪支#",
        // 点赞数
        likeCount: "4.8w",
        // 评论数
        commentCount: 100,
        // 转发数
        shareCount: 6890
      },
      {
        id: 2,
        // 评论人
        commenter: {
          userId: "1",
          userName: "Trump-Good",
          userAvatar: defaultAvatar
        },
        // 评论接收人
        commentRecipient: {
          userId: "2",
          userName: "疾风中青劲草",
          userAvatar: defaultAvatar
        },
        // 
        mutualCommentCount: 3,
        // 评论内容
        content: "在我国海域偷运軍械彈藥是應該依法拘捕送交法院睿理判刑，而且在中国的裹服刑的！难道外国人特权？更何况是這千点小国！#中国海警首次登检菲律宾运补船只# #外交部回应中国海警缴获菲士兵枪支#",
        // 点赞数
        likeCount: "4.8w",
        // 评论数
        commentCount: 100,
        // 转发数
        shareCount: 6890
      }
    ],
    chartData: {
      xAxisData: ["t0", "t1", "t2", "t3", "t4", "t5", "t6"],
      yAxisRange: { min: 0, max: 5, interval: 1},
      seriesList: [
        {
          name: "社团组一",
          type: "bar",
          itemStyle: {
            color: '#2AB8FD',
            borderColor: '#2AB8FD',
            borderWidth: 1,
            borderRadius: [4, 4, 0, 0]  // 顶部圆角
          },
          data: [0, 5, 4, 3, 0, 5, 0]
        },
        {
          name: "社团组二",
          type: "bar",
          itemStyle: {
            color: '#02D7DA',
            borderColor: '#02D7DA',
            borderWidth: 1,
            borderRadius: [4, 4, 0, 0]  // 顶部圆角
          },
          data: [3, 0, 1, 0, 3, 5, 0 ]
        },
        {
          name: "社团组三",
          type: "bar",
          itemStyle: {
            color: '#FFDA09',
            borderColor: '#FFDA09',
            borderWidth: 1,
            borderRadius: [4, 4, 0, 0]  // 顶部圆角
          },
          data: [5, 0, 4, 0, 3, 0, 0]
        }
      ]
    },

  })
})