import {a as ye} from "./runtime-dom.esm-bundler-a9252a7c.js";
import {V as p} from "./VueDraggableResizable-c7d4a9d3.js";
import {B as el} from "./barshow-da84523f.js";
import {
    g as Te,
    l as Fe,
    a as ll,
    u as ol,
    r as al,
    E as nl,
    v as De,
    _ as tl
} from "./headMenu.vue_vue_type_script_setup_true_component_true_lang-e81ea633.js";
import {bd as ke} from "./index-25f85313.js";
import {
    d as ul,
    b as r,
    a as oe,
    B as sl,
    r as k,
    o as v,
    g as h,
    A as n,
    v as s,
    j as M,
    k as a,
    x as Ce,
    F as ae,
    l as c,
    i as Ue,
    L as Ve,
    c as Ae,
    s as rl,
    n as g
} from "./_plugin-vue_export-helper-b4430d88.js";

const il = a("span", {class: "flex px-12 text-white bg-red-600"}, "red", -1),
    dl = a("span", {class: "flex px-12 text-white bg-green-600"}, "green", -1),
    gl = a("span", {class: "flex px-12 text-white bg-yellow-600"}, "yellow", -1),
    vl = a("span", {class: "flex px-12 text-white bg-blue-600"}, "blue", -1), hl = a("p", {class: "h-2"}, null, -1),
    cl = {class: "flex flex-col w-full space-y-2"}, fl = {class: "flex flex-row w-full"},
    pl = a("label", {for: "", class: "px-2 mx-2 bg-red-200"}, "红", -1),
    ml = a("label", {for: "", class: "px-2 mx-2 bg-green-200"}, "绿", -1),
    xl = a("label", {for: "", class: "px-2 mx-2 bg-yellow-50"}, "黄", -1),
    wl = a("label", {for: "", class: "px-2 mx-2 bg-blue-200"}, "蓝", -1), _l = {class: "flex flex-row w-full"},
    bl = a("label", {for: "", class: "px-2 mx-2 bg-red-400"}, "红", -1),
    yl = a("label", {for: "", class: "px-2 mx-2 bg-green-400"}, "绿", -1),
    kl = a("label", {for: "", class: "px-2 mx-2 bg-yellow-400"}, "黄", -1),
    Cl = a("label", {for: "", class: "px-2 mx-2 bg-blue-400"}, "蓝", -1), Vl = {class: "flex flex-row w-full"},
    Pl = a("label", {for: "", class: "px-2 mx-2 bg-red-600"}, "红", -1),
    Sl = a("label", {for: "", class: "px-2 mx-2 bg-green-600"}, "绿", -1),
    Jl = a("label", {for: "", class: "px-2 mx-2 bg-yellow-600"}, "黄", -1),
    Hl = a("label", {for: "", class: "px-2 mx-2 bg-blue-600"}, "蓝", -1), Ml = {class: "flex flex-row w-full"},
    Bl = a("label", {for: "", class: "px-2 mx-2 bg-red-900"}, "红", -1),
    Tl = a("label", {for: "", class: "px-2 mx-2 bg-green-900"}, "绿", -1),
    Fl = a("label", {for: "", class: "px-2 mx-2 bg-yellow-900"}, "黄", -1),
    Dl = a("label", {for: "", class: "px-2 mx-2 bg-blue-900"}, "蓝", -1), Ul = a("p", {class: "h-2"}, null, -1),
    Al = a("p", {class: "h-2"}, null, -1), Rl = a("span", null, "标题文字：", -1), Xl = a("span", null, "文字颜色：", -1),
    Nl = a("span", null, "开平方计算：", -1),
    Zl = a("div", {class: "flex items-center justify-center text-4xl text-white bg-slate-600"}, " 不同产地的食品抽检监测合格率 ", -1),
    Ll = {class: "flex items-center justify-center w-full h-12 px-4 space-x-2 bg-slate-600"},
    Kl = a("div", {class: "text-white"}, "加载保存配置：", -1), Ql = a("p", {class: "w-5"}, null, -1),
    Yl = a("div", {class: "text-white"}, " 当前命名另存：", -1),
    jl = {class: "flex flex-col w-[200px] h-[200px] px-2 py-2 rounded-2xl border-2 bg-cyan-200"},
    El = {class: "flex flex-row items-center justify-between w-full h-12 px-4"}, ql = ["onUpdate:modelValue"],
    zl = {class: "flex flex-col items-center justify-center space-y-3 w-52"}, Il = {class: "w-full px-1 space-y-2"},
    Gl = {class: "flex items-center justify-center"},
    Wl = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 291 188", class: ""},
    $l = {class: "flex items-center justify-center"},
    Ol = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 144 186"},
    eo = {class: "flex items-center justify-center"},
    lo = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 59 76"},
    oo = {class: "flex items-center justify-center"},
    ao = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 71 82"},
    no = {class: "flex items-center justify-center"},
    to = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 121 107"},
    uo = {class: "flex items-center justify-center"},
    so = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 127 83"},
    ro = {class: "flex items-center justify-center"},
    io = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 115 79"},
    go = {class: "flex items-center justify-center"},
    vo = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 90 82"},
    ho = {class: "flex items-center justify-center"},
    co = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 87 87"},
    fo = {class: "flex items-center justify-center"},
    po = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 22 37"},
    mo = {class: "flex items-center justify-center"},
    xo = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 29 21"},
    wo = {class: "flex items-center justify-center"},
    _o = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 34 27"},
    bo = {class: "flex items-center justify-center"},
    yo = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 18 33"},
    ko = {class: "flex items-center justify-center"},
    Co = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 16 24"},
    Vo = {class: "flex items-center justify-center"},
    Po = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 15 17"},
    So = {class: "flex items-center justify-center"},
    Jo = {xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 23 31"}, B = "1", Ao = ul({
        __name: "shanghaimaplite", setup(Ho) {
            console.log("tata"), console.log("test传递值测试", window.server.pubUrl);
            const S = r(["", "", "", ""]), J = r(), T = {
                red: ["#FECACA", "#F87171", "#DC2626", "#7F1D1D"],
                green: ["#A7F3D0", "#34D399", "#059669", "#064E3B"],
                yellow: ["#FDE68A", "#FBBF24", "#D97706", "#78350F"],
                blue: ["#BFDBFE", "#60A5FA", "#2563EB", "#1E3A8A"]
            };
            J.value = T.red;
            const Re = (o, l, f) => {
                    S.value = [];
                    for (let y = 0; y < 4; y++) {
                        var C = (o + f * y).toFixed(0) + "~" + (o + f * (y + 1)).toFixed(0);
                        S.value.push(C)
                    }
                    switch (S.value.push((o + f * 3).toFixed(0) + "~" + l.toFixed(0)), u.radioColorType) {
                        case"red":
                            J.value = T.red;
                            break;
                        case"yellow":
                            J.value = T.yellow;
                            break;
                        case"blue":
                            J.value = T.blue;
                            break;
                        case"green":
                            J.value = T.green;
                            break
                    }
                    console.log("间隔数据", S)
                }, u = oe({
                    backgroundColor: "white",
                    isPresetColorRange: !1,
                    colorRange: ["0", "0", "0"],
                    radioColorType: "red",
                    barTitle: "数据展示",
                    barTextColor: "",
                    isSqrt: !1
                }), F = r(!1), Xe = () => {
                    F.value = !F.value
                }, Ne = o => {
                    o.isOk ? (console.log("确定"), u.backgroundColor = o.activeColor, F.value = !1) : (console.log("取消"), F.value = !1)
                }, D = r(!1), Ze = () => {
                    D.value = !D.value
                }, Le = o => {
                    o.isOk ? (console.log("确定"), u.barTextColor = o.activeColor, D.value = !1) : (console.log("取消"), D.value = !1)
                }, U = oe({show1: !1, width: "30%", height: "100%"}), Ke = () => {
                    U.show1 = !0
                }, Pe = r(0), X = r(null), N = r(null), Z = r(null), L = r(null), K = r(null), Q = r(null), Y = r(null),
                j = r(null), E = r(null), q = r(null), z = r(null), I = r(null), G = r(null), W = r(null), $ = r(null),
                O = r(null), ee = r(null), ne = r(null), te = r(null), ue = r(null), se = r(null), re = r(null),
                ie = r(null), de = r(null), ge = r(null), ve = r(null), he = r(null), ce = r(null), fe = r(null),
                pe = r(null), me = r(null), xe = r(null), we = r(null);
            r(null);
            const e = oe({
                    ChongMing: {value: "0", color: "fill-red-100"},
                    PuDong: {value: "0", color: "fill-red-100"},
                    BaoShan: {value: "0", color: "fill-red-100"},
                    JiaDing: {value: "0", color: "fill-red-100"},
                    QingPu: {value: "0", color: "fill-red-100"},
                    JinShan: {value: "0", color: "fill-red-100"},
                    FengXian: {value: "0", color: "fill-red-100"},
                    SongJiang: {value: "0", color: "fill-red-100"},
                    MinHang: {value: "0", color: "fill-red-100"},
                    XuHui: {value: "0", color: "fill-red-100"},
                    ChangNing: {value: "0", color: "fill-red-100"},
                    PuTuo: {value: "0", color: "fill-red-100"},
                    JingAn: {value: "0", color: "fill-red-100"},
                    HongKou: {value: "0", color: "fill-red-100"},
                    HuangPu: {value: "0", color: "fill-red-100"},
                    YangPu: {value: "0", color: "fill-red-100"},
                    Bar: {value: "0", color: "fill-red-100"},
                    Options: {}
                }), _e = r([]), Se = () => {
                    m(X.value, e.ChongMing), m(N.value, e.PuDong), m(Z.value, e.BaoShan), m(L.value, e.JiaDing), m(K.value, e.QingPu), m(Q.value, e.JinShan), m(Y.value, e.FengXian), m(j.value, e.SongJiang), m(E.value, e.MinHang), m(q.value, e.XuHui), m(z.value, e.ChangNing), m(I.value, e.PuTuo), m(G.value, e.JingAn), m(W.value, e.HongKou), m($.value, e.HuangPu), m(O.value, e.YangPu), m(ee.value, e.Bar)
                }, Je = () => {
                    const o = {
                        ChongMing: {left: 756, top: 41, width: 289, height: 264, value: "0", color: "fill-red-300"},
                        PuDong: {left: 773, top: 213, width: 247, height: 224, value: "0", color: "fill-red-300"},
                        BaoShan: {left: 622, top: 91, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        JiaDing: {left: 496, top: 100, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        QingPu: {left: 437, top: 231, width: 265, height: 244, value: "0", color: "fill-red-300"},
                        JinShan: {left: 543, top: 448, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        FengXian: {left: 674, top: 408, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        SongJiang: {left: 530, top: 314, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        MinHang: {left: 631, top: 250, width: 200, height: 200, value: "0", color: "fill-red-300"},
                        XuHui: {left: 1152, top: 379, width: 136, height: 145, value: "0", color: "fill-red-300"},
                        ChangNing: {left: 1042, top: 396, width: 172, height: 195, value: "0", color: "fill-red-300"},
                        PuTuo: {left: 1046, top: 318, width: 169, height: 159, value: "0", color: "fill-red-300"},
                        JingAn: {left: 1164, top: 296, width: 86, height: 48, value: "0", color: "fill-red-300"},
                        HongKou: {left: 1216, top: 312, width: 63, height: 119, value: "0", color: "fill-red-300"},
                        HuangPu: {left: 1248, top: 358, width: 92, height: 107, value: "0", color: "fill-red-300"},
                        YangPu: {left: 1238, top: 284, width: 81, height: 145, value: "0", color: "fill-red-300"},
                        Bar: {left: 12, top: 284, width: 81, height: 145, value: "0", color: "fill-red-300"}
                    };
                    e.ChongMing = o.ChongMing, e.PuDong = o.PuDong, e.BaoShan = o.BaoShan, e.JiaDing = o.JiaDing, e.QingPu = o.QingPu, e.JinShan = o.JinShan, e.FengXian = o.FengXian, e.SongJiang = o.SongJiang, e.MinHang = o.MinHang, e.XuHui = o.XuHui, e.ChangNing = o.ChangNing, e.PuTuo = o.PuTuo, e.JingAn = o.JingAn, e.HongKou = o.HongKou, e.HuangPu = o.HuangPu, e.YangPu = o.YangPu, e.Bar = o.Bar, Se()
                }, d = o => ({left: o.left, top: o.top, width: o.width, height: o.height, value: "0", color: "fill-red-300"}),
                m = (o, l) => {
                    console.log("d显示布局", o, l), o.left = l.left, o.top = l.top, o.width = l.width, o.height = l.height
                }, x = r("font-xs"), w = o => {
                    let l = new Array;
                    l.push({id: "ChongMing", value: e.ChongMing.value}), l.push({
                        id: "PuDong",
                        value: e.PuDong.value
                    }), l.push({id: "BaoShan", value: e.BaoShan.value}), l.push({
                        id: "JiaDing",
                        value: e.JiaDing.value
                    }), l.push({id: "QingPu", value: e.QingPu.value}), l.push({
                        id: "JinShan",
                        value: e.JinShan.value
                    }), l.push({id: "FengXian", value: e.FengXian.value}), l.push({
                        id: "SongJiang",
                        value: e.SongJiang.value
                    }), l.push({id: "MinHang", value: e.MinHang.value}), l.push({
                        id: "XuHui",
                        value: e.XuHui.value
                    }), l.push({id: "ChangNing", value: e.ChangNing.value}), l.push({
                        id: "PuTuo",
                        value: e.PuTuo.value
                    }), l.push({id: "JingAn", value: e.JingAn.value}), l.push({
                        id: "HongKou",
                        value: e.HongKou.value
                    }), l.push({id: "HuangPu", value: e.HuangPu.value}), l.push({
                        id: "YangPu",
                        value: e.YangPu.value
                    }), console.log("新生成数据值", l), u.isSqrt == !0 && (console.log("开方之前的值", o), o = Math.sqrt(o), console.log("开方之后的值", o));
                    let f = 0, C = 0, y = 0;
                    if (u.isPresetColorRange == !0) {
                        for (let i = 0; i <= 4; i++) if (console.log("色彩区间", i, o, u.colorRange[i], u.colorRange[i + 1]), o > parseFloat(u.colorRange[i]) && o <= parseFloat(u.colorRange[i + 1])) return i + 1;
                        return 0
                    } else {
                        f = l.reduce(function (i, H) {
                            return Math.max(i, H.value)
                        }, 0), C = l.reduce(function (i, H) {
                            return Math.min(i, H.value)
                        }, 0), y = (f - C) / 3, console.log("计算结果", f, C, y), Re(C, f, y), Pe.value = f;
                        for (let i = 0; i <= 3; i++) if (y * i >= o) return i + 1;
                        return 1
                    }
                }, _ = (o, l) => {
                    switch (l) {
                        case 1:
                            u.radioColorType == "red" && (o.value = "fill-red-200"), u.radioColorType == "yellow" && (o.value = "fill-yellow-200"), u.radioColorType == "blue" && (o.value = "fill-blue-200"), u.radioColorType == "green" && (o.value = "fill-green-200");
                            break;
                        case 2:
                            u.radioColorType == "red" && (o.value = "fill-red-400"), u.radioColorType == "yellow" && (o.value = "fill-yellow-400"), u.radioColorType == "blue" && (o.value = "fill-blue-400"), u.radioColorType == "green" && (o.value = "fill-green-400");
                            break;
                        case 3:
                            u.radioColorType == "red" && (o.value = "fill-red-600"), u.radioColorType == "yellow" && (o.value = "fill-yellow-600"), u.radioColorType == "blue" && (o.value = "fill-blue-600"), u.radioColorType == "green" && (o.value = "fill-green-600");
                            break;
                        case 4:
                            u.radioColorType == "red" && (o.value = "fill-red-900"), u.radioColorType == "yellow" && (o.value = "fill-yellow-900"), u.radioColorType == "blue" && (o.value = "fill-blue-900"), u.radioColorType == "green" && (o.value = "fill-green-900");
                            break
                    }
                }, He = () => {
                    var o = u.colorRange;
                    console.log("cArr", o);
                    for (let l = 1; l < o.length; l++) if (console.log("arr1,arr2", o[l - 1], o[l]), parseFloat(o[l]) < parseFloat(o[l - 1])) return !1;
                    return !0
                }, Me = () => {
                    if (He(), u.isPresetColorRange == !0 && (console.log("开始识别"), He() === !1)) return ke({
                        type: "success",
                        message: "覆盖的数据结构配置不正确，需要按照从小到大的状态进行设置"
                    }), !1;
                    _(ne, w(parseFloat(e.ChongMing.value))), _(te, w(parseFloat(e.PuDong.value))), _(ue, w(parseFloat(e.BaoShan.value))), _(se, w(parseFloat(e.JiaDing.value))), _(re, w(parseFloat(e.QingPu.value))), _(ie, w(parseFloat(e.JinShan.value))), _(de, w(parseFloat(e.FengXian.value))), _(ge, w(parseFloat(e.SongJiang.value))), _(ve, w(parseFloat(e.MinHang.value))), _(he, w(parseFloat(e.XuHui.value))), _(ce, w(parseFloat(e.ChangNing.value))), _(fe, w(parseFloat(e.PuTuo.value))), _(pe, w(parseFloat(e.JingAn.value))), _(me, w(parseFloat(e.HongKou.value))), _(xe, w(parseFloat(e.HuangPu.value))), _(we, w(parseFloat(e.YangPu.value)));
                    const o = [];
                    o.push({name: "崇明", value: e.ChongMing.value, color: ne.value}), o.push({
                        name: "浦东",
                        value: e.PuDong.value,
                        color: te.value
                    }), o.push({name: "宝山", value: e.BaoShan.value, color: ue.value}), o.push({
                        name: "嘉定",
                        value: e.JiaDing.value,
                        color: se.value
                    }), o.push({name: "青浦", value: e.QingPu.value, color: re.value}), o.push({
                        name: "金山",
                        value: e.JinShan.value,
                        color: ie.value
                    }), o.push({name: "奉贤", value: e.FengXian.value, color: de.value}), o.push({
                        name: "松江",
                        value: e.SongJiang.value,
                        color: ge.value
                    }), o.push({name: "闵行", value: e.MinHang.value, color: ve.value}), o.push({
                        name: "徐汇",
                        value: e.XuHui.value,
                        color: he.value
                    }), o.push({name: "长宁", value: e.ChangNing.value, color: ce.value}), o.push({
                        name: "普陀",
                        value: e.PuTuo.value,
                        color: fe.value
                    }), o.push({name: "静安", value: e.JingAn.value, color: pe.value}), o.push({
                        name: "虹口",
                        value: e.HongKou.value,
                        color: me.value
                    }), o.push({name: "黄浦", value: e.HuangPu.value, color: xe.value}), o.push({
                        name: "杨浦",
                        value: e.YangPu.value,
                        color: we.value
                    }), _e.value = o.sort((l, f) => parseFloat(l.value) > parseFloat(f.value) ? -1 : parseFloat(l.value) < parseFloat(f.value) ? 1 : 0), console.log("curArrayColor", _e.value)
                };
            sl(() => {
                Je(), Me(), Qe(), Ye()
            });
            const A = r([]), Qe = () => {
                Te(B).then(o => {
                    A.value = o.data, console.log("lstMapLayout", A)
                })
            }, R = r([]), Ye = () => {
                Fe(B).then(o => {
                    R.value = o.data.data, console.log("optMaps", R.value)
                })
            }, P = oe({name: "", value: ""}), le = r(""), je = () => {
                if (le.value == "") {
                    ke({type: "success", message: "请填入要保存的项目内容名称"});
                    return
                }
                e.ChongMing = d(X.value), e.PuDong = d(N.value), e.BaoShan = d(Z.value), e.JiaDing = d(L.value), e.QingPu = d(K.value), e.JinShan = d(Q.value), e.FengXian = d(Y.value), e.SongJiang = d(j.value), e.MinHang = d(E.value), e.XuHui = d(q.value), e.ChangNing = d(z.value), e.PuTuo = d(I.value), e.JingAn = d(G.value), e.HongKou = d(W.value), e.HuangPu = d($.value), e.YangPu = d(O.value), e.Bar = d(ee.value), e.Options = u;
                var o = {layouttype: B, layoutname: le.value, layoutdata: encodeURIComponent(JSON.stringify(e))};
                ll(JSON.stringify(o).replace(/\"/g, "'")), be()
            }, Ee = () => {
                e.ChongMing = d(X.value), e.PuDong = d(N.value), e.BaoShan = d(Z.value), e.JiaDing = d(L.value), e.QingPu = d(K.value), e.JinShan = d(Q.value), e.FengXian = d(Y.value), e.SongJiang = d(j.value), e.MinHang = d(E.value), e.XuHui = d(q.value), e.ChangNing = d(z.value), e.PuTuo = d(I.value), e.JingAn = d(G.value), e.HongKou = d(W.value), e.HuangPu = d($.value), e.YangPu = d(O.value), e.Bar = d(ee.value), e.Options = u;
                var o = {
                    layouttype: B,
                    layoutname: P.value,
                    id: P.value,
                    layoutdata: encodeURIComponent(JSON.stringify(e))
                };
                ol(JSON.stringify(o).replace(/\"/g, "'")), be()
            }, qe = () => {
                ke({type: "success", message: "删除编号" + P.value + "的设计内容"});
                var o = al(P.value);
                console.log("删除返回", o), be()
            }, be = () => {
                Te(B).then(o => {
                    A.value = o.data, console.log("lstMapLayout", A)
                }), Fe(B).then(o => {
                    R.value = o.data.data, console.log("optMaps", R.value)
                })
            }, ze = o => {
                var l = JSON.parse(nl.from(A.value.data).where(function (f) {
                    return f.id == P.value
                }).first().layoutdata);
                u.backgroundColor = l.Options.backgroundColor, u.barTextColor = l.Options.barTextColor, u.barTitle = l.Options.barTitle, u.colorRange = l.Options.colorRange, u.isPresetColorRange = l.Options.isPresetColorRange, u.isSqrt = l.Options.isSqrt, u.radioColorType = l.Options.radioColorType, e.ChongMing = l.ChongMing, e.PuDong = l.PuDong, e.BaoShan = l.BaoShan, e.JiaDing = l.JiaDing, e.QingPu = l.QingPu, e.JinShan = l.JinShan, e.FengXian = l.FengXian, e.SongJiang = l.SongJiang, e.MinHang = l.MinHang, e.XuHui = l.XuHui, e.ChangNing = l.ChangNing, e.PuTuo = l.PuTuo, e.JingAn = l.JingAn, e.HongKou = l.HongKou, e.HuangPu = l.HuangPu, e.YangPu = l.YangPu, e.Bar = l.Bar, console.log("柱状图", l.Bar), Se()
            };
            return (o, l) => {
                const f = k("nut-radio"), C = k("nut-radio-group"), y = k("nut-cell"), i = k("nut-form-item"),
                    H = k("nut-checkbox"), V = k("nut-input-number"), b = k("nut-input"), Ie = k("nut-form"),
                    Ge = k("nut-popup"), We = k("el-option"), $e = k("el-select");
                return v(), h(ae, null, [n(Ge, {
                    position: "right",
                    visible: U.show1,
                    "onUpdate:visible": l[30] || (l[30] = t => U.show1 = t),
                    style: M({width: U.width, height: U.height})
                }, {
                    default: s(() => [n(Ie, {class: "px-2"}, {
                        default: s(() => [n(i, {
                            label: "地图色系",
                            class: "border border-red-500 rounded-2xl"
                        }, {
                            default: s(() => [n(y, null, {
                                default: s(() => [n(C, {
                                    modelValue: u.radioColorType,
                                    "onUpdate:modelValue": l[0] || (l[0] = t => u.radioColorType = t)
                                }, {
                                    default: s(() => [n(f, {label: "red"}, {
                                        default: s(() => [il]),
                                        _: 1
                                    }), n(f, {label: "green"}, {
                                        default: s(() => [dl]),
                                        _: 1
                                    }), n(f, {label: "yellow"}, {
                                        default: s(() => [gl]),
                                        _: 1
                                    }), n(f, {label: "blue"}, {default: s(() => [vl]), _: 1})]), _: 1
                                }, 8, ["modelValue"])]), _: 1
                            })]), _: 1
                        }), hl, n(i, {
                            label: "色系值覆盖",
                            class: "flex flex-row space-y-2 border border-red-500 rounded-2xl"
                        }, {
                            default: s(() => [a("div", cl, [n(H, {
                                modelValue: u.isPresetColorRange,
                                "onUpdate:modelValue": l[1] || (l[1] = t => u.isPresetColorRange = t)
                            }, {
                                default: s(() => [c("覆盖预设")]),
                                _: 1
                            }, 8, ["modelValue"]), a("div", fl, [n(V, {
                                modelValue: u.colorRange[0],
                                "onUpdate:modelValue": l[2] || (l[2] = t => u.colorRange[0] = t)
                            }, null, 8, ["modelValue"]), c("——"), n(V, {
                                modelValue: u.colorRange[1],
                                "onUpdate:modelValue": l[3] || (l[3] = t => u.colorRange[1] = t)
                            }, null, 8, ["modelValue"]), c(), pl, c(), ml, c(), xl, c(), wl]), a("div", _l, [n(V, {
                                modelValue: u.colorRange[1],
                                "onUpdate:modelValue": l[4] || (l[4] = t => u.colorRange[1] = t)
                            }, null, 8, ["modelValue"]), c("——"), n(V, {
                                modelValue: u.colorRange[2],
                                "onUpdate:modelValue": l[5] || (l[5] = t => u.colorRange[2] = t)
                            }, null, 8, ["modelValue"]), c(), bl, c(), yl, c(), kl, c(), Cl]), a("div", Vl, [n(V, {
                                modelValue: u.colorRange[2],
                                "onUpdate:modelValue": l[6] || (l[6] = t => u.colorRange[2] = t)
                            }, null, 8, ["modelValue"]), c("——"), n(V, {
                                modelValue: u.colorRange[3],
                                "onUpdate:modelValue": l[7] || (l[7] = t => u.colorRange[3] = t)
                            }, null, 8, ["modelValue"]), c(), Pl, c(), Sl, c(), Jl, c(), Hl]), a("div", Ml, [n(V, {
                                modelValue: u.colorRange[3],
                                "onUpdate:modelValue": l[8] || (l[8] = t => u.colorRange[3] = t)
                            }, null, 8, ["modelValue"]), c("——"), n(V, {
                                modelValue: u.colorRange[4],
                                "onUpdate:modelValue": l[9] || (l[9] = t => u.colorRange[4] = t)
                            }, null, 8, ["modelValue"]), c(), Bl, c(), Tl, c(), Fl, c(), Dl])])]), _: 1
                        }), Ul, n(i, {
                            label: "背景色",
                            class: "flex flex-row space-y-2 border border-red-500 rounded-2xl"
                        }, {
                            default: s(() => [a("div", null, [a("div", {
                                style: M([{
                                    width: "150px",
                                    height: "20px",
                                    cursor: "pointer"
                                }, {backgroundColor: u.backgroundColor}]), onClick: Xe
                            }, " 显示 ", 4), n(Ue(De.Sketch), {
                                class: "-left-3",
                                modelValue: u.backgroundColor,
                                "onUpdate:modelValue": l[10] || (l[10] = t => u.backgroundColor = t),
                                show: F.value,
                                onChangButton: Ne
                            }, null, 8, ["modelValue", "show"])])]), _: 1
                        }), Al, n(i, {
                            label: "柱状图设置",
                            class: "flex flex-row space-y-2 border border-red-500 rounded-2xl"
                        }, {
                            default: s(() => [n(y, {title: ""}, {
                                default: s(() => [Rl, Ce(a("input", {
                                    type: "",
                                    name: "",
                                    "onUpdate:modelValue": l[11] || (l[11] = t => u.barTitle = t)
                                }, null, 512), [[ye, u.barTitle]])]), _: 1
                            }), n(y, {title: ""}, {
                                default: s(() => [Xl, a("div", null, [a("div", {
                                    style: M([{
                                        width: "150px",
                                        height: "20px",
                                        cursor: "pointer"
                                    }, {backgroundColor: u.barTextColor}]), onClick: Ze
                                }, " 显示 ", 4), n(Ue(De.Sketch), {
                                    class: "-left-3",
                                    modelValue: u.barTextColor,
                                    "onUpdate:modelValue": l[12] || (l[12] = t => u.barTextColor = t),
                                    show: D.value,
                                    onChangButton: Le
                                }, null, 8, ["modelValue", "show"])])]), _: 1
                            }), n(y, {title: ""}, {
                                default: s(() => [Nl, n(H, {
                                    modelValue: u.isSqrt,
                                    "onUpdate:modelValue": l[13] || (l[13] = t => u.isSqrt = t)
                                }, null, 8, ["modelValue"])]), _: 1
                            })]), _: 1
                        }), n(i, {label: "崇明"}, {
                            default: s(() => [n(b, {
                                modelValue: e.ChongMing.value,
                                "onUpdate:modelValue": l[14] || (l[14] = t => e.ChongMing.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "浦东"}, {
                            default: s(() => [n(b, {
                                modelValue: e.PuDong.value,
                                "onUpdate:modelValue": l[15] || (l[15] = t => e.PuDong.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "宝山"}, {
                            default: s(() => [n(b, {
                                modelValue: e.BaoShan.value,
                                "onUpdate:modelValue": l[16] || (l[16] = t => e.BaoShan.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "嘉定"}, {
                            default: s(() => [n(b, {
                                modelValue: e.JiaDing.value,
                                "onUpdate:modelValue": l[17] || (l[17] = t => e.JiaDing.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "青浦"}, {
                            default: s(() => [n(b, {
                                modelValue: e.QingPu.value,
                                "onUpdate:modelValue": l[18] || (l[18] = t => e.QingPu.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "金山"}, {
                            default: s(() => [n(b, {
                                modelValue: e.JinShan.value,
                                "onUpdate:modelValue": l[19] || (l[19] = t => e.JinShan.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "奉贤"}, {
                            default: s(() => [n(b, {
                                modelValue: e.FengXian.value,
                                "onUpdate:modelValue": l[20] || (l[20] = t => e.FengXian.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "松江"}, {
                            default: s(() => [n(b, {
                                modelValue: e.SongJiang.value,
                                "onUpdate:modelValue": l[21] || (l[21] = t => e.SongJiang.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "闵行"}, {
                            default: s(() => [n(b, {
                                modelValue: e.MinHang.value,
                                "onUpdate:modelValue": l[22] || (l[22] = t => e.MinHang.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "徐汇"}, {
                            default: s(() => [n(b, {
                                modelValue: e.XuHui.value,
                                "onUpdate:modelValue": l[23] || (l[23] = t => e.XuHui.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "长宁"}, {
                            default: s(() => [n(b, {
                                modelValue: e.ChangNing.value,
                                "onUpdate:modelValue": l[24] || (l[24] = t => e.ChangNing.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "普陀"}, {
                            default: s(() => [n(b, {
                                modelValue: e.PuTuo.value,
                                "onUpdate:modelValue": l[25] || (l[25] = t => e.PuTuo.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "静安"}, {
                            default: s(() => [n(b, {
                                modelValue: e.JingAn.value,
                                "onUpdate:modelValue": l[26] || (l[26] = t => e.JingAn.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "虹口"}, {
                            default: s(() => [n(b, {
                                modelValue: e.HongKou.value,
                                "onUpdate:modelValue": l[27] || (l[27] = t => e.HongKou.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "黄浦"}, {
                            default: s(() => [n(b, {
                                modelValue: e.HuangPu.value,
                                "onUpdate:modelValue": l[28] || (l[28] = t => e.HuangPu.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        }), n(i, {label: "杨浦"}, {
                            default: s(() => [n(b, {
                                modelValue: e.YangPu.value,
                                "onUpdate:modelValue": l[29] || (l[29] = t => e.YangPu.value = t),
                                class: "nut-input-text",
                                placeholder: "请输入值",
                                type: "text"
                            }, null, 8, ["modelValue"])]), _: 1
                        })]), _: 1
                    }), a("button", {onClick: Me, class: "w-full bg-red-300"}, "确定")]), _: 1
                }, 8, ["visible", "style"]), a("div", {
                    class: "w-full h-screen bg-white",
                    style: M({backgroundColor: u.backgroundColor})
                }, [Zl, a("div", Ll, [n(tl, {menuname: "上海设计"}), Kl, n($e, {
                    modelValue: P.value,
                    "onUpdate:modelValue": l[31] || (l[31] = t => P.value = t),
                    class: "m-2",
                    placeholder: "Select"
                }, {
                    default: s(() => [(v(!0), h(ae, null, Ve(R.value, t => (v(), Ae(We, {
                        key: t.value,
                        label: t.name,
                        value: t.value
                    }, null, 8, ["label", "value"]))), 128))]), _: 1
                }, 8, ["modelValue"]), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: ze
                }, " 加载数据 "), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: Ee
                }, " 覆盖保存 "), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: qe
                }, " 删除数据 "), Ql, Yl, Ce(a("input", {
                    type: "",
                    name: "",
                    "onUpdate:modelValue": l[32] || (l[32] = t => le.value = t)
                }, null, 512), [[ye, le.value]]), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: je
                }, " 另存保存 "), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: Je
                }, " 加载预设 "), a("button", {
                    class: "px-4 text-white bg-green-500 rounded-lg w-28 bg-gradient-to-br from-green-400 to-blue-800",
                    onClick: Ke
                }, " 设置参数 ")]), n(p, {style: {border: "none"}}, {
                    default: s(() => [a("div", jl, [(v(!0), h(ae, null, Ve(J.value, (t, Be) => (v(), h("div", El, [a("div", {
                        class: "w-8 h-6 px-8 mr-1 rounded-sm",
                        style: M({backgroundColor: t})
                    }, null, 4), Ce(a("input", {
                        type: "text",
                        class: "w-24 h-6 pr-4 text-xs text-right border-none rounded-lg",
                        "onUpdate:modelValue": Oe => S.value[Be] = Oe
                    }, null, 8, ql), [[ye, S.value[Be]]])]))), 256))])]), _: 1
                }), n(p, {
                    ref_key: "refBar",
                    ref: ee,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", zl, [a("div", {
                        class: "justify-center w-full text-center",
                        style: M({color: u.barTextColor})
                    }, rl(u.barTitle), 5), a("div", Il, [(v(!0), h(ae, null, Ve(_e.value, t => (v(), Ae(el, {
                        name: t.name,
                        value: t.value,
                        color: u.barTextColor,
                        max: Pe.value
                    }, null, 8, ["name", "value", "color", "max"]))), 256))])])]), _: 1
                }, 512), n(p, {
                    ref_key: "refChongMing",
                    ref: X,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", Gl, [a("span", {class: g(["fixed", x.value])}, "崇明区", 2), (v(), h("svg", Wl, [a("path", {
                        class: g(ne.value),
                        id: "崇明区",
                        d: "M540,200l-66-18-19-7-3,1-7-4-3,1-24-15-13-2-6-4-4-7h2l-9-11-17-12-9,1-21,11-21,23,6,1,38,42,21,19,6-10,5-2,5,1,10,4,19,13,18,9,17,4,35,16,10,2,16-1,16-9,3-4,1-5-2-11Zm-50,92h5l-1-13-5-10-17-10-32-10-6-10-10-2-4,1,2,4,6,3,13,12,39,24,3,3,3,7,2,1Zm119-33h0ZM496,278l1,10,4,5,8,5,3-1,17,3,22,1,14,4,7,4,2-2,4-14-1-4-20-1-23-4-34-13h-6l-1,1,2,4Zm-45-27h2v-2l-3-3-7-5h-5l2,5,8,5Z",
                        transform: "translate(-319.5 -121.5)",
                        fill: "currentColor",
                        stroke: "#000000",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd",
                        "fill-opacity": "1"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refPuDong",
                    ref: N,
                    style: {border: "none", "z-index": "999"}
                }, {
                    default: s(() => [a("div", $l, [a("span", {class: g(["fixed", x.value])}, "浦东新区", 2), (v(), h("svg", Ol, [a("path", {
                        class: g(te.value),
                        id: "浦东新区",
                        d: "M436,386l12-1,1,3h18l6,3,9,9,3,1v3l5,2v10l-3,14,7,10,28,1,5,2,5,9,7-3-4-11,10-11,1-22-5-24-4-10-19-22-1-3-19-20-17-26-8-8-28-19-21-6-3,2-2,7,3,4,9,4,3,3,2,16-7,7-9,1-4,3,5,6-3,7-9,4,1,6-3,6,3,4-1,5h4l-1-2,2-2h2v2l2-1v2l2-2,6,1,4,3,2-2,2,1,1,5-4,1v3l3-1,2,1v2h-2l-4,4,1,1-2,1v2l3-1,2,2-2,7,1,1,1-2,1,1,2-2-2,5,1,3Zm96-65,1,11,3,6,10-1,4-8v-9l-11-4-6,2Zm-15-8v5l4,7,2,2,4-1,1-10-10-4Z",
                        transform: "translate(-406.5 -266.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refBaoShan",
                    ref: Z,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", eo, [a("span", {class: g(["fixed", x.value])}, "宝山区", 2), (v(), h("svg", lo, [a("path", {
                        class: g(ue.value),
                        id: "宝山区",
                        d: "M399,304l-1-8,3-3v-4h8l5,3h3l-1-6,4-5,3,2,2-2-3-1-3-4,2-7,3-2-4-4h2l-1-1-28-21,1-2-16-8-5,4-4-2-2,2,4,7v5l5,8-1,7-1-1-4,2v3l3,1v4l2,1,2,5-2,4,4,3-2,1,2,4-4,6,2,2,5-3,1,4,8-1,2,2-1,3h2l3,4Z",
                        transform: "translate(-366.5 -230.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refJiaDing",
                    ref: L,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", oo, [a("span", {class: g(["fixed", x.value])}, "嘉定区", 2), (v(), h("svg", ao, [a("path", {
                        class: g(se.value),
                        id: "嘉定区",
                        d: "M329,302l-1,3,2-1,3,2v2l4,2,5-1v-2h2l1,2,3-3h2l12,4v2l4,4,5,1,4-1,3-4,4,2,2-3h2l1-3h-3l-2-2,2-2-8-1-1-4h-2l3-2-1-1,4-7-2-3,1-2-3-4,2-2-1-4-3-3v-4l-3-1v-3l4-2,1,1,1-6-3-5v-3h-2l1-4-2-1,1-1-3-6-3,2h-4l-2,2-1-1-3,3v-2l-2,2v-2l-1,1-2-4-2,5h-6v2l-5,3-1,3-9,2v2l4,1,1,2h-3l-2,2,3,3-2,2,1,2-3,1,2,2-9,4,1,1-2,2-1-1v4l3,1v2h3l1,5-2,4,2,4,2-3,1,1,2,4-1,1,3,2Z",
                        transform: "translate(-316.5 -235.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refQingPu",
                    ref: K,
                    style: {border: "none", "z-index": "998"}
                }, {
                    default: s(() => [a("div", no, [a("span", {class: g(["fixed", x.value])}, "青浦区", 2), (v(), h("svg", to, [a("path", {
                        class: g(re.value),
                        id: "青浦区",
                        d: "M329,302l-3,1-6-4-4,4-3-5-2,1v4l-5,2-1,9,2,2-2,2,4,15v5l-3,3-1-2h-4l-1,5-4-2-2,3-9,1-14-3-3,2h-9l-6,8v2l2,1h6l4,5-3,9,2,4v6h2v2l7,1v-2l3-1,1-2-1-2,3,1v2l3,2h5v5l3,6-3,3v4l4,2,1-1,2,4,4-3,1-3h2v-4l5,5,6-2,2-4,1,1,1-11-5-5h2l2-3-5-7,3-2,1,3,8-1v-3l-7-4-1-4,4-5,10,6,2-2-1-1h3v-2h2v-2l3-1-1-8,3,2,2-1,2,2,5-1-2,7,4-1v-2l3-1-2-1,5,1,2-3,4,1,1-2-2-1v-2l10-3,1,1,1-2-8-12-3,3-3-1-2-3-2-6,1-1-3-3h-2l4-5-7-2-3,3-1-2h-2v2l-5,1-3-2-1,1-2-5h-2Z",
                        transform: "translate(-252.5 -297.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refJinShan",
                    ref: Q,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", uo, [a("span", {class: g(["fixed", x.value])}, "金山区", 2), (v(), h("svg", so, [a("path", {
                        class: g(ie.value),
                        id: "金山区",
                        d: "M289,400v13h2l-3,1-1,2,1,3,6,2,1,3h-2v6h-2l-4,5v4l5-4,5,2,4,4v-2l-2,1,2-3,1,1-1-2,3-1,1-3,10-4,1,2h5l-1,4,5,4-3,4v6l-2,1,1,3h10l3,2,5-3,1,2,2-3h2l4,4,1,5,10,7-1,7,2,9h23l16-16,14-7-11-19-5,1-1-2h-2l-1-4-1,2-4-2V423l-6-5-2-6-13,1-2-3-1,7h-4v-2h-2l-1-2h-4l-2-5-4-2-4,4-9,1-4-2v3l-5-2,1,4-3,2-5-1,3-6-6-1-3,4,2,1v2l-10-1-4,2v-2l-1,1-3-2,2-9-8-4Zm110,81h0Zm-1-3h0Zm-4-4h0Z",
                        transform: "translate(-286.5 -399.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refFengXian",
                    ref: Y,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", ro, [a("span", {class: g(["fixed", x.value])}, "奉贤区", 2), (v(), h("svg", io, [a("path", {
                        class: g(de.value),
                        id: "奉贤区",
                        d: "M436,386l-4,1v2l-3-2h-4l-3-4-4,3-3-5h-3l-3,2h-4l-6,4-17,5,1,12-3,3v5l2,6,6,4v13l2,2h2v-2l2,4h2v2l6-1,11,19,19-10,24-8,38-1-7-10,1-9,2-4V407l-3-3h-2l1-1-5-5h-2l-6-7-6-3H449l-1-3-10,1Z",
                        transform: "translate(-379.5 -380.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refSongJiang",
                    ref: j,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", go, [a("span", {class: g(["fixed", x.value])}, "松江区", 2), (v(), h("svg", vo, [a("path", {
                        class: g(ge.value),
                        id: "松江区",
                        d: "M373,336l-2,2-10,2,1,5-4-1-2,2,1,1-4-2-2,1,2,1-6,4-1-2,2-4h-5l-2-2-2,1-3-2,1,8h-2l-1,3h-2v2l-3,1v2l-10-6-2,1-3,4,1,4,5,2,2,4-7,2-2-1v-2l-3,2,5,6-1,4h-3l5,4-1,12-1-1v2l-6,4h-2l-5-5v4h-2l-2,4,1,2-2,8,3,3,1-1v2l3-2,11,1,1-2-3-1,3-4,6,1-3,6,1,1,7-1v-5l2,2h2v-2l2-1,1,2,10-1,4-4,6,4v3h4l3,4h4v-7l2,3h11l4-2-1-5,3-1-1-13-2,1-7-3v-3l5-6h-3l1-14,2,1,4-2-1-1h2l2-4-2-6-3,1-1-3,2-1-7-14Z",
                        transform: "translate(-295.5 -335.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refMinHang",
                    ref: E,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", ho, [a("span", {class: g(["fixed", x.value])}, "闵行区", 2), (v(), h("svg", co, [a("path", {
                        class: g(ve.value),
                        id: "闵行区",
                        d: "M382,392l17-5,3-3,10-3,4,1,1,4,5-3,2,2-1,1,5,2,1-1,2,2,5-3,1-9-5,3,2-8-2-2-3,2v-2l2-2-1-1,3-2-1-1,4-1,1-2h-5l-1-2,3-2,1,1-3-7-2,2-3-3-5,1-1-2-3,2v-2l-2,1v-2h-2l-2,2,1,2-2-1-2,4-5-1,1-3h-3v-4l-5-1-3-8-2,2-1-1,2-1-2-1-1-4,2-2h3l1-3h-9l-10,4-2-4,2-2-1-3,2-7-2-2-1,2-4,1-4-1-3-2-2-3,1-1h-4l-4-3-4,6h2l3,3-1,1,4,9h8l10,17-1,1,4,6v6l2-1,3,6-2,4h-2l1,1-4,2-1-1-2,6v8h2l-4,6v3l7,3Z",
                        transform: "translate(-350.5 -306.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refXuHui",
                    ref: q,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", fo, [a("span", {class: g(["fixed", x.value])}, "徐汇区", 2), (v(), h("svg", po, [a("path", {
                        class: g(he.value),
                        id: "徐汇区",
                        d: "M407,319l-5,3v2l-4,2v2h-2l-1,3-4,2v4l3,1-3,1,1,1,2-2,3,8,5,1v4h2l2,2-2,1,3,1h2l1-5-3-9,3-3-1-7,3-2-2-1v-4h-2v-3Z",
                        transform: "translate(-390.5 -318.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refChangNing",
                    ref: z,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", mo, [a("span", {class: g(["fixed", x.value])}, "长宁区", 2), (v(), h("svg", xo, [a("path", {
                        class: g(ce.value),
                        id: "长宁区",
                        d: "M403,321l-2-3-3-1-6,3-6-1-8-7-2,2,2,1v5l-2,3,1,3-2,2,2,4,10-4h11v-2l3-1,1-3Z",
                        transform: "translate(-374.5 -311.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refPuTuo",
                    ref: I,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", wo, [a("span", {class: g(["fixed", x.value])}, "普陀区", 2), (v(), h("svg", _o, [a("path", {
                        class: g(fe.value),
                        id: "普陀区",
                        d: "M381,314l2,4,1-1,1,2,7,1,8-4,6-6-4-6-2-1-3,3-5-4,1-3-2-2-8,1v-4l-10,5h2l1,4,2,1h6l-2,2,2,2,3-1-1,4h-2Z",
                        transform: "translate(-372.5 -293.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refJingAn",
                    ref: G,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", bo, [a("span", {class: g(["fixed", x.value])}, "静安区", 2), (v(), h("svg", yo, [a("path", {
                        class: g(pe.value),
                        id: "静安区",
                        d: "M407,319l3-1-1-5h5l-1-4-5-7,2-12-8-1-5,9,2,6,1-1,3,2,3,5-7,7,4,4,3-1Z",
                        transform: "translate(-396.5 -288.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refHongKou",
                    ref: W,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", ko, [a("span", {class: g(["fixed", x.value])}, "虹口区", 2), (v(), h("svg", Co, [a("path", {
                        class: g(me.value),
                        id: "虹口区",
                        d: "M414,292l-3-2-3,7v5l5,6,1,5h3l6-3-6-10,2-2-3-1-2-3Z",
                        transform: "translate(-407.5 -289.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refHuangPu",
                    ref: $,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", Vo, [a("span", {class: g(["fixed", x.value])}, "黄浦区", 2), (v(), h("svg", Po, [a("path", {
                        class: g(xe.value),
                        id: "黄浦区",
                        d: "M407,319l1,5h2v4h6l5-7-5-7,1-1-2-1-5,2-1-1,1,5h-3Z",
                        transform: "translate(-406.5 -311.5)",
                        fill: "rgba(238,238,238,0.5)",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512), n(p, {
                    ref_key: "refYangPu",
                    ref: O,
                    style: {border: "none"}
                }, {
                    default: s(() => [a("div", So, [a("span", {class: g(["fixed", x.value])}, "杨浦区", 2), (v(), h("svg", Jo, [a("path", {
                        class: g(we.value),
                        id: "杨浦区",
                        d: "M422,311l7-1,7-7-2-16-9-6-2,2-3-2-4,5,2,2-1,4h-3l2,5,3,1-2,4,3,2,2,6Z",
                        transform: "translate(-413.5 -280.5)",
                        fill: "currentColor",
                        stroke: "#333",
                        "stroke-linecap": "round",
                        "stroke-linejoin": "round",
                        "stroke-width": "0.1",
                        "fill-rule": "evenodd"
                    }, null, 2)]))])]), _: 1
                }, 512)], 4)], 64)
            }
        }
    });
export {Ao as default};