924 lines
59 KiB
JavaScript
924 lines
59 KiB
JavaScript
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};
|