逆变信息接口对接

whyczyk

2020-12-31 e6e03ce6fecf16cf5f731978213acce420541da0

逆变信息接口对接

 src/components/chart/LiquidFillChart.vue

@@ -25,10 +25,11 @@
        methods: {
            getOption(opt) {
                // 整体配置项
                let nameText, valueText;
                let nameText, valueText, unit;
                if (opt) {
                    nameText = opt.name;
                    valueText = opt.value;
                    unit = opt.unit;
                }
                let option = {
                    tooltip: {
@@ -45,7 +46,7 @@
                            bottom: "2%",
                        },
                        {
                            text: valueText,
                            text: valueText + unit,
                            textStyle: {
                                align: "center",
                                color: "#fff100",

 src/pages/dataMager/dialog/AddPowerMager.vue

@@ -306,12 +306,14 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
              var _rsData = rsData[i];
              var tmp = _rsData.stationName1;
              data.push(tmp);
              }
            }
          }
          // 设置省
@@ -328,12 +330,14 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
              var _rsData = rsData[i];
              var tmp = _rsData.stationName1;
              data.push(tmp);
              }
            }
          }
          // 设置市
@@ -354,12 +358,14 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
              var _rsData = rsData[i];
              var tmp = _rsData.stationName1;
              data.push(tmp);
              }
            }
          }
          // 设置区县
@@ -381,6 +387,7 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
@@ -389,6 +396,7 @@
              data.push(tmp);
            }
          }
          }
          // 设置区县
          this.linkage.sites = data;
        });

 src/pages/dataMager/dialog/EditPowerMager.vue

@@ -305,6 +305,7 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
@@ -313,10 +314,9 @@
              data.push(tmp);
            }
          }

          }
          // 设置省
          this.linkage.provinces = data;

        });
      },
      searchCity() {
@@ -330,9 +330,13 @@
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
              data = rs.data;
            } else {
              data = [];
              var rsData = rs.data;
              // 遍历结果集
              for (var i = 0; i < rsData.length; i++) {
                var _rsData = rsData[i];
                var tmp = _rsData.stationName1;
                data.push(tmp);
              }
            }
          }
          // 设置市
@@ -354,9 +358,13 @@
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
              data = rs.data;
            } else {
              data = [];
              var rsData = rs.data;
              // 遍历结果集
              for (var i = 0; i < rsData.length; i++) {
                var _rsData = rsData[i];
                var tmp = _rsData.stationName1;
                data.push(tmp);
              }
            }
          }
          // 设置区县
@@ -379,16 +387,19 @@
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
              data = rs.data;
            } else {
              data = [];
              var rsData = rs.data;
              // 遍历结果集
              for (var i = 0; i < rsData.length; i++) {
                var _rsData = rsData[i];
                var tmp = _rsData.stationName1;
                data.push(tmp);
              }
            }
          }
          // 设置区县
          this.linkage.sites = data;
        });
      },

      provinceChange(value) {
        // 初始化市
        this.params.stationName2 = '';

 src/pages/dataMager/powerMager.vue

@@ -222,6 +222,7 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            // 遍历结果集
            for (var i = 0; i < rsData.length; i++) {
@@ -231,6 +232,7 @@
                value: _rsData.stationName1
              };
              data.push(tmp);
              }
            }
          }
          // 设置第一笔数据
@@ -258,8 +260,8 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;

            if (rsData && rsData.length > 0) {
              // 遍历结果集
              for (var i = 0; i < rsData.length; i++) {
@@ -269,6 +271,7 @@
                  value: _rsData.stationName1
                };
                data.push(tmp);
                }
              }
            }
          }
@@ -297,6 +300,7 @@
          var rs = JSON.parse(res.data.result);
          var data = [];
          if (rs.code == 1) {
            if (rs.data) {
            var rsData = rs.data;
            if (rsData && rsData.length > 0) {
              // 遍历结果集
@@ -307,6 +311,7 @@
                  value: _rsData.stationName1
                };
                data.push(tmp);
                }
              }
            }
          }
@@ -349,6 +354,7 @@
          console.log(rs)
          let data = [];
          if (rs.code == 1) {
            if (rs.data) {
            let rsData = rs.data;
            // 遍历结果集
            for (let i = 0; i < rsData.length; i++) {
@@ -361,7 +367,7 @@
                };
                data.push(tmp);
              }

              }
            }
          }
          // 设置第一笔数据

 src/pages/dataTest/components/NiBianInfoTab.vue

@@ -26,7 +26,7 @@
                                {{item.text}}
                            </div>
                            <el-switch v-model="item.switch" v-else-if="item.id=='offControl'" active-color="#4afd88"
                                inactive-color="#f3535f">
                                inactive-color="#f3535f" disabled>
                            </el-switch>
                        </div>
                    </div>
@@ -111,7 +111,11 @@
    import CirclePieChart from "@/components/chart/CirclePieChart";
    import ArcMeterChart from "@/components/chart/ArcMeterChart.vue";
    import RingChart from "@/components/chart/ringChart.vue";
    import {
        inversionInfo
    } from "@/assets/js/realTime";
    export default {
        props: ['name', 'devId'],
        components: {
            ChartWrapper,
            GaugeChart,
@@ -213,9 +217,9 @@
                        ["#0181fe", "#9142ff"],
                    ],
                    data: [
                        [40, "A相电流(A)"],
                        [60, "B相电流(A)"],
                        [90, "C相电流(A)"],
                        [0, "A相电流(A)"],
                        [0, "B相电流(A)"],
                        [0, "C相电流(A)"],
                    ],
                },
                volChart: {
@@ -226,9 +230,9 @@
                        ["#0181fe", "#9142ff"],
                    ],
                    data: [
                        [140, "A相电压(V)"],
                        [130, "B相电压(V)"],
                        [120, "C相电压(V)"],
                        [0, "A相电压(V)"],
                        [0, "B相电压(V)"],
                        [0, "C相电压(V)"],
                    ],
                },
                tempChart1: {
@@ -236,62 +240,66 @@
                    center: ["50%", "45%"], // 布局位置
                    colorList: ["#e82d4c", "#ff8752"],
                    radius: "72%",
                    data: [0.6],
                    value: "85.8℃",
                    max: 200,
                    data: [0],
                    value: "0",
                    unit: '℃'
                },
                tempChart2: {
                    name: "模块2",
                    center: ["50%", "45%"], // 布局位置
                    colorList: ["#cfdd88", "#02be84"],
                    radius: "72%",
                    data: [0.6],
                    value: "85.8℃",
                    max: 200,
                    data: [0],
                    value: "0",
                    unit: '℃'
                },
                frequency: [{
                        id: "frequencyA",
                        name: "频率A",
                        color: "#0081ff",
                        value: 22,
                        value: 0,
                        unit: "HZ",
                        max: 30,
                        max: 100,
                    },
                    {
                        id: "frequencyB",
                        name: "频率B",
                        color: "#0081ff",
                        value: 22,
                        value: 0,
                        unit: "HZ",
                        max: 30,
                        max: 100,
                    },
                    {
                        id: "frequencyC",
                        name: "频率C",
                        color: "#0081ff",
                        value: 22,
                        value: 0,
                        unit: "HZ",
                        max: 30,
                        max: 100,
                    },
                ],
                arcMeterChart: [{
                        id: "arcMeterArc",
                        name: "直流输入电压",
                        value: 220,
                        value: 0,
                        unit: "V",
                        width: 20,
                        max: 220,
                        max: 480,
                    },
                    {
                        id: "arcMeterArc1",
                        name: "直流输入电流",
                        value: 23.5,
                        value: 0,
                        unit: "A",
                        width: 20,
                        max: 100,
                    },
                    {
                        id: "arcMeterArc2",
                        name: "直流输入电流",
                        value: 86.7,
                        name: "设定放电电流",
                        value: 0,
                        unit: "A",
                        width: 20,
                        max: 100,
@@ -301,19 +309,19 @@
                        id: "sendNum",
                        title: "发送计数",
                        ico: "el-icon-7fasongji",
                        text: 200,
                        text: 0,
                    },
                    {
                        id: "receiveNum",
                        title: "接收计数",
                        ico: "el-icon-8jieshoujishu",
                        text: 200,
                        text: 0,
                    },
                    {
                        id: "runStatus",
                        title: "运行状态",
                        ico: "el-icon-9yunhangzhuangtai",
                        islight: true,
                        islight: false,
                    },
                    {
                        id: "InvStatus",
@@ -325,7 +333,7 @@
                        id: "offControl",
                        title: "开关机控制",
                        ico: "el-icon-11kaiguanjikongzhi",
                        switch: true,
                        switch: false,
                    },
                ],
                impedance: {
@@ -337,14 +345,15 @@
                            label: {
                                show: false,
                            },
                            max: 100,
                            data: [{
                                    value: 20,
                                    value: 100,
                                    itemStyle: {
                                        color: "#2c5875",
                                    },
                                },
                                {
                                    value: 30,
                                    value: 0,
                                    itemStyle: {
                                        color: "#fa62e8",
                                    },
@@ -359,14 +368,15 @@
                            label: {
                                show: false,
                            },
                            max: 100,
                            data: [{
                                    value: 20,
                                    value: 100,
                                    itemStyle: {
                                        color: "#2c5875",
                                    },
                                },
                                {
                                    value: 30,
                                    value: 0,
                                    itemStyle: {
                                        color: "#fff100",
                                    },
@@ -379,29 +389,161 @@
        },
        mounted() {
            this.setChart();
            // 初始化echarts大小
            this.resize();
        },
        watch: {
            name() {
                this.setInfo();
            },
            devId() {
                this.setInfo();
            }
        },
        methods: {
            // 逆变信息
            inversionInfo() {
                inversionInfo(this.devId).then(res => {
                    let rs = JSON.parse(res.data.result);
                    if (rs.code == 1) {
                        if (rs.data) {
                            let data1 = rs.data[0];
                            this.gaugeChart.ACVol[0].value = data1.Power_Pa;
                            this.gaugeChart.ACVol[1].value = data1.Power_Pb;
                            this.gaugeChart.ACVol[2].value = data1.Power_Pc;
                            this.gaugeChart.ACCurr[0].value = data1.Power_Sa;
                            this.gaugeChart.ACCurr[1].value = data1.Power_Sb;
                            this.gaugeChart.ACCurr[2].value = data1.Power_Sc;

                            this.frequency[0].value = data1.A_HZ;
                            this.frequency[1].value = data1.B_HZ;
                            this.frequency[2].value = data1.C_HZ;

                            this.tempChart1.value = data1.Temp1;
                            this.tempChart1.data[0] = data1.Temp1 / this.tempChart1.max;
                            this.tempChart2.value = data1.Temp2;
                            this.tempChart2.data[0] = data1.Temp1 / this.tempChart2.max;

                            this.curChart.data = [
                                [data1.AC_ASimCur, "A相电流(A)"],
                                [data1.AC_BSimCur, "B相电流(A)"],
                                [data1.AC_CSimCur, "C相电流(A)"],
                            ]
                            this.volChart.data = [
                                [data1.AC_ASimVol, "A相电压(V)"],
                                [data1.AC_BSimVol, "B相电压(V)"],
                                [data1.AC_CSimVol, "C相电压(V)"],
                            ]

                            this.arcMeterChart[0].value = data1.DCInputVol;
                            this.arcMeterChart[1].value = data1.DCInputCur;
                            this.arcMeterChart[2].value = data1.SetDischargeCur;

                            this.centerControl[0].text = data1.CommTxCnt;
                            this.centerControl[1].text = data1.CommRxCnt;
                            let runIslight, nibianIslight, setSwitch;
                            if (data1.RunState == 0) {
                                runIslight = false;
                            } else if (data1.RunState == 1) {
                                runIslight = true;
                            }
                            if (data1.DcACState == 0) {
                                nibianIslight = false;
                            } else if (data1.DcACState == 1) {
                                nibianIslight = true;
                            }
                            if (data1.SetRun_Stop == 0) {
                                setSwitch = false;
                            } else if (data1.SetRun_Stop == 1) {
                                setSwitch = true;
                            }
                            this.centerControl[2].islight = runIslight;
                            this.centerControl[3].islight = nibianIslight;
                            this.centerControl[4].switch = setSwitch;

                            this.impedance.series[0].data[0].value = this.impedance.series[0].max - data1.InsulaTionRes1;
                            this.impedance.series[0].data[1].value = data1.InsulaTionRes1;
                            this.impedance.series[1].data[0].value = this.impedance.series[0].max - data1.InsulaTionRes2;
                            this.impedance.series[1].data[1].value = data1.InsulaTionRes2;
                        }
                    } else {
                        this.gaugeChart.ACVol[0].value = 0;
                        this.gaugeChart.ACVol[1].value = 0;
                        this.gaugeChart.ACVol[2].value = 0;
                        this.gaugeChart.ACCurr[0].value = 0;
                        this.gaugeChart.ACCurr[1].value = 0;
                        this.gaugeChart.ACCurr[2].value = 0;

                        this.frequency[0].value = 0;
                        this.frequency[1].value = 0;
                        this.frequency[2].value = 0;

                        this.tempChart1.value = 0;
                        this.tempChart1.data[0] = 0;
                        this.tempChart2.value = 0;
                        this.tempChart2.data[0] = 0;

                        this.curChart.data = [
                            [0, "A相电流(A)"],
                            [0, "B相电流(A)"],
                            [0, "C相电流(A)"],
                        ]
                        this.volChart.data = [
                            [0, "A相电压(V)"],
                            [0, "B相电压(V)"],
                            [0, "C相电压(V)"],
                        ]

                        this.arcMeterChart[0].value = 0;
                        this.arcMeterChart[1].value = 0;
                        this.arcMeterChart[2].value = 0;

                        this.centerControl[0].text = 0;
                        this.centerControl[1].text = 0;
                        this.centerControl[2].islight = false;
                        this.centerControl[3].islight = false;
                        this.centerControl[4].switch = false;

                        this.impedance.series[0].data[0].value = this.impedance.series[0].max - 0;
                        this.impedance.series[0].data[1].value = 0;
                        this.impedance.series[1].data[0].value = this.impedance.series[0].max - 0;
                        this.impedance.series[1].data[1].value = 0;
                    }
                    this.setChart();
                }).catch(error => {
                    console.log(error);
                });
            },
            setInfo() {
                if (this.name == 'niBianInfoTab') {
                    this.inversionInfo();
                    this.resize();
                }
            },
            setChart() {
                this.$nextTick(() => {
                    this.gaugeChart.ACVol.map((item) => {
                        this.$refs[item.id][0].setOption(item.value);
                    });
                    this.gaugeChart.ACCurr.map((item) => {
                        this.$refs[item.id][0].setOption(item.value);
                    });
                    this.frequency.map((item) => {
                        this.$refs[item.id][0].setOption(item);
                    });
                    this.arcMeterChart.map((item) => {
                        this.$refs[item.id][0].setOption(item);
                    });
                    this.$refs.CUR.setOption(this.curChart);
                    this.$refs.VOl.setOption(this.volChart);
                    this.$refs.temperature1.setOption(this.tempChart1);
                    this.$refs.temperature2.setOption(this.tempChart2);
                    this.arcMeterChart.map((item) => {
                        this.$refs[item.id][0].setOption(item);
                    });
                    this.$refs.ringChart.setOption(this.impedance);
                });
            },
            resize() {
                this.$nextTick(() => {
                    // 三项交流电压
                    this.gaugeChart.ACVol.map((item) => {
                        this.$refs[item.id][0].resize();
                    });
                    // 三项交流电流
                    this.gaugeChart.ACCurr.map((item) => {
                        this.$refs[item.id][0].resize();
                    });

 src/pages/dataTest/realTime.vue

@@ -160,7 +160,7 @@
                            </el-table>
                        </el-tab-pane>
                        <el-tab-pane label="逆变信息" name="niBianInfoTab">
                            <ni-bian-info-tab ref="niBianInfoTab"></ni-bian-info-tab>
                            <ni-bian-info-tab ref="niBianInfoTab" :name="acTabs" :devId="batt.FBSDeviceId"></ni-bian-info-tab>
                        </el-tab-pane>
                        <el-tab-pane label="汇集器状态" name="collectState">

@@ -253,7 +253,10 @@
    isHasPermit,
} from "../../assets/js/tools";

import { const_61850, const_9100 } from "../../assets/js/const";
    import {
        const_61850,
        const_9100
    } from "../../assets/js/const";
import getMarkLineData from "@/components/chart/js/getMarkLineData";
/* import moment from "moment"; */
let vol, resChart, temp, conduct, currChart, leakVol;
@@ -311,8 +314,7 @@
            },
            acTabs: "eleLine",
            table: {
                headers: [
                    {
                    headers: [{
                        prop: "num1",
                        label: "单体编号",
                        width: "",
@@ -348,8 +350,7 @@
                        width: "",
                    },
                ],
                datas: [
                    {
                    datas: [{
                        num1: 0,
                        vol1: 0,
                        res1: 0,
@@ -357,8 +358,7 @@
                        conduct1: 0,
                        curr1: 0,
                        leakVol1: 0,
                    },
                ],
                    }, ],
            },
            batt: {},
            stateListShow: true,
@@ -455,8 +455,7 @@
                },
            },
            powerChart: {
                ACVol: [
                    {
                    ACVol: [{
                        id: "ACVolA",
                        name: "三项交流电压",
                        number: "A",
@@ -496,8 +495,7 @@
                        ],
                    },
                ],
                ACCurr: [
                    {
                    ACCurr: [{
                        id: "ACCurrA",
                        name: "三项交流电流",
                        number: "A",
@@ -537,8 +535,7 @@
                        ],
                    },
                ],
                ACPower: [
                    {
                    ACPower: [{
                        id: "ACPowerA",
                        name: "三项交流频率",
                        number: "A",
@@ -578,8 +575,7 @@
                        ],
                    },
                ],
                Cos: [
                    {
                    Cos: [{
                        id: "CosA",
                        name: "三项功率因数",
                        number: "A",
@@ -619,8 +615,7 @@
                        ],
                    },
                ],
                apparentPower: [
                    {
                    apparentPower: [{
                        id: "apparentPowerA",
                        name: "三项视在功率",
                        number: "A",
@@ -660,8 +655,7 @@
                        ],
                    },
                ],
                direct: [
                    {
                    direct: [{
                        id: "directVol",
                        name: "输出直流电压",
                        number: "电压",
@@ -714,6 +708,7 @@
    },
    methods: {
        tabClick(tab) {
                this.acTabs = tab.name;
            // 根据tab更新电路图
            if (this.acTabs === "eleLine") {
                this.diagram.update = true;
@@ -786,16 +781,14 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "电压",
                        type: "bar",
                        data: [],
                        markLine: {
                            data: getMarkLineData(),
                        },
                    },
                ],
                    }, ],
            };
            // 漏液电压
            leakVol = {
@@ -807,13 +800,11 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "漏液电压",
                        type: "bar",
                        data: [],
                    },
                ],
                    }, ],
            };

            // 内阻
@@ -826,16 +817,14 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "内阻",
                        type: "bar",
                        data: [],
                        markLine: {
                            data: getMarkLineData(),
                        },
                    },
                ],
                    }, ],
            };

            // 温度
@@ -848,16 +837,14 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "温度",
                        type: "bar",
                        data: [],
                        markLine: {
                            data: getMarkLineData(),
                        },
                    },
                ],
                    }, ],
            };

            // 电导
@@ -870,16 +857,14 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "电导",
                        type: "bar",
                        data: [],
                        markLine: {
                            data: getMarkLineData(),
                        },
                    },
                ],
                    }, ],
            };
            // 均衡电流
            currChart = {
@@ -891,13 +876,11 @@
                        fontSize: "14",
                    },
                },
                series: [
                    {
                    series: [{
                        name: "均衡电流",
                        type: "bar",
                        data: [],
                    },
                ],
                    }, ],
            };
            // 设置配置项
            this.setChart();
@@ -1369,9 +1352,8 @@
                            vol1: item.mon_vol,
                            res1: item.mon_res,
                            temp1: item.mon_tmp,
                            conduct1: item.mon_res
                                ? ((1 / item.mon_res) * 1000).toFixed(0)
                                : 0,
                                conduct1: item.mon_res ?
                                    ((1 / item.mon_res) * 1000).toFixed(0) : 0,
                            curr1: item.mon_JH_curr,
                            leakVol1: item.mon_LY_vol,
                        };
@@ -1509,8 +1491,7 @@
                batt.StationName3 +
                "&batt=" +
                batt.BattGroupId;
            window.parent.postMessage(
                {
                window.parent.postMessage({
                    cmd: "syncPage",
                    params: {
                        pageInfo: {
@@ -1527,8 +1508,7 @@
        // 停止测试
        stopTest() {
            this.$layer.confirm(
                "停止测试",
                {
                    "停止测试", {
                    icon: 3,
                },
                (index) => {
@@ -1619,7 +1599,9 @@
        stopCuring() {
            let batt = this.batt;
            let groupNum = batt.GroupIndexInFBSDevice + 1;
            this.$layer.confirm("确定停止养护/除硫", { icon: 3 }, (index) => {
                this.$layer.confirm("确定停止养护/除硫", {
                    icon: 3
                }, (index) => {
                // 关闭确认框
                this.$layer.close(index);
                let loading = this.$layer.loading(1);
@@ -1734,8 +1716,7 @@
        clearWarn() {
            // 清除告警
            this.$layer.confirm(
                "清除设备告警",
                {
                    "清除设备告警", {
                    icon: 3,
                    title: "系统提示",
                },
@@ -1817,9 +1798,9 @@
        monitorPage() {
            // 获取缓存的session
            let name = sessionStorage.getItem("acTabs");
            let pageName = this.homeListShow
                ? "realTime"
                : "movingRingSysteRrealTime";
                let pageName = this.homeListShow ?
                    "realTime" :
                    "movingRingSysteRrealTime";
            if (name === pageName && this.acTabs === "eleLine") {
                this.diagram.update = true;
            } else {
@@ -1867,9 +1848,9 @@
            if (this.diagram.type == -1) {
                return list;
            }
            let batt_state_text = this.diagram.powerCut
                ? "停电放电"
                : obj[this.inputs.batt_state];
                let batt_state_text = this.diagram.powerCut ?
                    "停电放电" :
                    obj[this.inputs.batt_state];
            list.batt_state = batt_state_text + this.diagram.desc;
            if (regEquipType(batt.FBSDeviceId, "BTS9605")) {
                list.group_online_vol = `组端:${this.inputs.group_vol.toFixed(2)}V`;
@@ -1925,9 +1906,9 @@
            return this.batt.StationName + "-历史实时数据";
        },
        fodShow() {
            return this.fodHeaders.length === 1 || this.fodData.length === 0
                ? false
                : true;
                return this.fodHeaders.length === 1 || this.fodData.length === 0 ?
                    false :
                    true;
        },
    },
    mounted() {