修改后打包

dist/assets/zoom-out.29ca33c9.js → dist/assets/zoom-out.06e0b757.js

-import{d as e,p as A,a,r as t,o as l,b as k,F as r,f as s,l as o,e as f,t as y,w as n,g as i,h as v,c,j as u}from"./index.0cff278e.js";var p=e({name:"Brief",props:{list:{type:Array,required:!0},color:{type:String,default:null},size:{type:String,default:"0.22rem"}}});const z=n("data-v-074669a4");A("data-v-074669a4");const d={class:"brief-container"},g={key:1},w={class:"count-group"},B=i(" / ");a();const h=z(((e,A,a,n,i,v)=>{const c=t("m-count");return l(),k("div",d,[(l(!0),k(r,null,s(e.list,(A=>(l(),k("div",{key:A.name},[A.icon?(l(),k("img",{key:0,src:A.icon,style:`width:${e.size};height:${e.size}`},null,12,["src"])):o("",!0),Array.isArray(A.value)?(l(),k("div",g,[f("div",w,[f(c,{class:"count yellow",value:A.value[0]},null,8,["value"]),B,f(c,{class:"count",value:A.value[1]},null,8,["value"])]),f("p",null,y(A.name),1)])):(l(),k("div",{key:2,class:{center:!A.icon}},[f(c,{class:"count yellow",style:{color:e.color},value:A.value},null,8,["style","value"]),f("p",null,y(A.name),1)],2))])))),128))])}));p.render=h,p.__scopeId="data-v-074669a4";var m=e({name:"Circle",props:{type:{type:String,default:"circle"},color:{type:[String,Array],default:["#0094FF","#1DF9FF"]},value:{type:Number,default:0},name:{type:String,default:""},showInfo:{type:Boolean,default:!0},rate:{type:Number,default:1.8},strokeWidth:{type:Number,default:6},gapDegree:{type:Number,default:0}},setup(e){const A=v(null),a=c((()=>Array.isArray(e.color)?{"0%":e.color[0],"100%":e.color[1]}:e.color)),t=c((()=>A.value?A.value.clientWidth/(e.rate||1.8):0));return{circleWrapperRef:A,strokeColor:a,width:t}}});const D=n("data-v-fb0eadd2");A("data-v-fb0eadd2");const S={ref:"circleWrapperRef",class:"circle-wrapper"};a();const U=D(((e,A,a,r,s,o)=>{const n=t("a-progress");return l(),k("div",S,[f(n,{width:e.width,"stroke-color":e.strokeColor,percent:e.value,type:e.type,"show-info":e.showInfo,"stroke-width":e.strokeWidth,"gap-degree":e.gapDegree},null,8,["width","stroke-color","percent","type","show-info","stroke-width","gap-degree"]),u(e.$slots,"default",{},(()=>[f("p",null,y(e.name),1)]))],512)}));m.render=U,m.__scopeId="data-v-fb0eadd2";var E="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAXVBMVEUykf8ykf80kf8wkf8zkf80kf8zkv80kv8zkf8zkv8ykf8ykf8ykf8zkv8ykv8zkf80kv8zkf8ykP8zkf8wkf8ykf8xkP8zkf80k/8zkf8zkf81kv8zk/8ykv8zkf/dH+VkAAAAHnRSTlMz3/s69U9I5O7n2/LHbWjO6NSK0V5WU0FApJCDeE2m+wgLAAAA20lEQVRIx+3XyQ6CMBSF4VJawEqZwfm8/2NKjcQFNB2IiMq/uSHhW92SUBLF8CyOSG+9NQGIZ8CGN+yGZYHJgsYCF9BUW2Do2lliOsoe09E70Rfh8NUNQDE8WODrHprixoh7qys14RD6AivMJrLFjIzj/4AvLJFqVjTJnDEDhHqmQOmKD/1MhtPtio9zMEmA/HlcU2ecibxVU4q8W3jPwwcceuCKMqnmme6lKw7pGvYcL7znOu0es0z5+/fMOW8V5uMyAzb0SSy0+BSYEtUK/4Y2/Lt4zqVs1nXwDgeteZHQ3Mt5AAAAAElFTkSuQmCC",N="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAeFBMVEUykf8wkv8zkv8zkf8zkv8xkv8ykf8zkv8ykf8ykf8zkf8zkv8ykv8zkf8zkf8zkf8ykv8zkv8yk/8zkf8ykf8ykf8ykf8zkv8zkv8zkv8zkf8zkf8ykf8ykv8zkv8zkf8ykv8ykf8ykf8ykf8ykf8ykv8ykf8zkf9v7YFHAAAAJ3RSTlMzN+NWWzr0vGDu59PFgc7JSvJO++u3s6lS266jnj33lnGOe0PXiGaE5hPKAAAB0UlEQVRIx+3XYZeiIBQG4ItKWojVmGtqqWnF//+HO5eRiBB2x/m0e3q/2DnwJF7goLALxMIEO0C7VIMQsDBCvPEbY8J4s07vyzDPBab5LqaXbRajxdR/xjQJifr9UU1OaT8+15+dVjeQIQ/b9CupvZhchUxM4NxleqfGkEj9y4e7R+9wI2QYl6ogSrsx+2xfywKpKmUk2hvajbE9CtfiKTFqqZR2YaxQSibNhv2zjpR24ZN40gyvWocw6YLMYxpITb9UqjSEVXsCeOh5DMcDtm4pXrVOQOXrCZp5DB+bGR3Bi+5N7NL0yPY4Yq1x5FcTu3QJr7mpB9HYpSuwgku4c2Ct8drYuMEJMLGtMzpeBrDDsc3Ctoa5DDgsD54O3ew8hztco27s14W3YH5NW7VKNPZou1574sURv5UCw140xVrW4MFjLGTMNaZ3beTBZCt0mNF0z2WtPXgQT7kYJw9ui9VoYnsygrioy1N3SYz7yu3NwYdTeUM7txztCby4xj4tK3lIQKevpgPAjyOBUf9w343jsW+CqfjEhfV8ONLyvzhie5bP2W0EHqxDIl6y1qBp8q3DnYRDk14PIj9UBd8te6Eh/+Sr1Bv/J/gnH2U/+hz8DZ7FnVP8+fiDAAAAAElFTkSuQmCC",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP8zkv80kv80k/8zkf825nviAAAABXRSTlMz65/jSamIpAgAAABkSURBVDjLY3AOxQNMGEzxSQczhDLgAaGj0rSXZhJUwCetGhqET1o0NBCfNDCOR6VJkFZEyR5CaNJMaNlHAVWaEU1agIA0AcPxO20whdpQlwZmInKyICIDD9ayZeRI46/mCFSSAPzEgRk4Bsk7AAAAAElFTkSuQmCC",M="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP80kv8zkv80k/8zkf8mH/+kAAAABXRSTlMz6+OfSXfpA8YAAABHSURBVDjLY3AKxQNUGFTxSQcxhDLgAaGj0qPSI0raECV7CKNJM6NlHwNUaUY0aQEC0gQMx++0wRRqo9Kj0gMrTaCaI1BJAgAZlmm5TBaU5QAAAABJRU5ErkJggg==";export{p as _,m as a,C as b,M as c,E as d,N as e};
+import{d as e,p as A,a,r as t,o as l,b as k,F as r,f as s,l as o,e as f,t as y,w as n,g as i,h as v,c,j as u}from"./index.89d96d85.js";var p=e({name:"Brief",props:{list:{type:Array,required:!0},color:{type:String,default:null},size:{type:String,default:"0.22rem"}}});const d=n("data-v-074669a4");A("data-v-074669a4");const z={class:"brief-container"},g={key:1},w={class:"count-group"},B=i(" / ");a();const h=d(((e,A,a,n,i,v)=>{const c=t("m-count");return l(),k("div",z,[(l(!0),k(r,null,s(e.list,(A=>(l(),k("div",{key:A.name},[A.icon?(l(),k("img",{key:0,src:A.icon,style:`width:${e.size};height:${e.size}`},null,12,["src"])):o("",!0),Array.isArray(A.value)?(l(),k("div",g,[f("div",w,[f(c,{class:"count yellow",value:A.value[0]},null,8,["value"]),B,f(c,{class:"count",value:A.value[1]},null,8,["value"])]),f("p",null,y(A.name),1)])):(l(),k("div",{key:2,class:{center:!A.icon}},[f(c,{class:"count yellow",style:{color:e.color},value:A.value},null,8,["style","value"]),f("p",null,y(A.name),1)],2))])))),128))])}));p.render=h,p.__scopeId="data-v-074669a4";var m=e({name:"Circle",props:{type:{type:String,default:"circle"},color:{type:[String,Array],default:["#0094FF","#1DF9FF"]},value:{type:Number,default:0},name:{type:String,default:""},showInfo:{type:Boolean,default:!0},rate:{type:Number,default:1.8},strokeWidth:{type:Number,default:6},gapDegree:{type:Number,default:0}},setup(e){const A=v(null),a=c((()=>Array.isArray(e.color)?{"0%":e.color[0],"100%":e.color[1]}:e.color)),t=c((()=>A.value?A.value.clientWidth/(e.rate||1.8):0));return{circleWrapperRef:A,strokeColor:a,width:t}}});const D=n("data-v-fb0eadd2");A("data-v-fb0eadd2");const S={ref:"circleWrapperRef",class:"circle-wrapper"};a();const U=D(((e,A,a,r,s,o)=>{const n=t("a-progress");return l(),k("div",S,[f(n,{width:e.width,"stroke-color":e.strokeColor,percent:e.value,type:e.type,"show-info":e.showInfo,"stroke-width":e.strokeWidth,"gap-degree":e.gapDegree},null,8,["width","stroke-color","percent","type","show-info","stroke-width","gap-degree"]),u(e.$slots,"default",{},(()=>[f("p",null,y(e.name),1)]))],512)}));m.render=U,m.__scopeId="data-v-fb0eadd2";var E="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAXVBMVEUykf8ykf80kf8wkf8zkf80kf8zkv80kv8zkf8zkv8ykf8ykf8ykf8zkv8ykv8zkf80kv8zkf8ykP8zkf8wkf8ykf8xkP8zkf80k/8zkf8zkf81kv8zk/8ykv8zkf/dH+VkAAAAHnRSTlMz3/s69U9I5O7n2/LHbWjO6NSK0V5WU0FApJCDeE2m+wgLAAAA20lEQVRIx+3XyQ6CMBSF4VJawEqZwfm8/2NKjcQFNB2IiMq/uSHhW92SUBLF8CyOSG+9NQGIZ8CGN+yGZYHJgsYCF9BUW2Do2lliOsoe09E70Rfh8NUNQDE8WODrHprixoh7qys14RD6AivMJrLFjIzj/4AvLJFqVjTJnDEDhHqmQOmKD/1MhtPtio9zMEmA/HlcU2ecibxVU4q8W3jPwwcceuCKMqnmme6lKw7pGvYcL7znOu0es0z5+/fMOW8V5uMyAzb0SSy0+BSYEtUK/4Y2/Lt4zqVs1nXwDgeteZHQ3Mt5AAAAAElFTkSuQmCC",N="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAeFBMVEUykf8wkv8zkv8zkf8zkv8xkv8ykf8zkv8ykf8ykf8zkf8zkv8ykv8zkf8zkf8zkf8ykv8zkv8yk/8zkf8ykf8ykf8ykf8zkv8zkv8zkv8zkf8zkf8ykf8ykv8zkv8zkf8ykv8ykf8ykf8ykf8ykf8ykv8ykf8zkf9v7YFHAAAAJ3RSTlMzN+NWWzr0vGDu59PFgc7JSvJO++u3s6lS266jnj33lnGOe0PXiGaE5hPKAAAB0UlEQVRIx+3XYZeiIBQG4ItKWojVmGtqqWnF//+HO5eRiBB2x/m0e3q/2DnwJF7goLALxMIEO0C7VIMQsDBCvPEbY8J4s07vyzDPBab5LqaXbRajxdR/xjQJifr9UU1OaT8+15+dVjeQIQ/b9CupvZhchUxM4NxleqfGkEj9y4e7R+9wI2QYl6ogSrsx+2xfywKpKmUk2hvajbE9CtfiKTFqqZR2YaxQSibNhv2zjpR24ZN40gyvWocw6YLMYxpITb9UqjSEVXsCeOh5DMcDtm4pXrVOQOXrCZp5DB+bGR3Bi+5N7NL0yPY4Yq1x5FcTu3QJr7mpB9HYpSuwgku4c2Ct8drYuMEJMLGtMzpeBrDDsc3Ctoa5DDgsD54O3ew8hztco27s14W3YH5NW7VKNPZou1574sURv5UCw140xVrW4MFjLGTMNaZ3beTBZCt0mNF0z2WtPXgQT7kYJw9ui9VoYnsygrioy1N3SYz7yu3NwYdTeUM7txztCby4xj4tK3lIQKevpgPAjyOBUf9w343jsW+CqfjEhfV8ONLyvzhie5bP2W0EHqxDIl6y1qBp8q3DnYRDk14PIj9UBd8te6Eh/+Sr1Bv/J/gnH2U/+hz8DZ7FnVP8+fiDAAAAAElFTkSuQmCC",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP8zkv80kv80k/8zkf825nviAAAABXRSTlMz65/jSamIpAgAAABkSURBVDjLY3AOxQNMGEzxSQczhDLgAaGj0rSXZhJUwCetGhqET1o0NBCfNDCOR6VJkFZEyR5CaNJMaNlHAVWaEU1agIA0AcPxO20whdpQlwZmInKyICIDD9ayZeRI46/mCFSSAPzEgRk4Bsk7AAAAAElFTkSuQmCC",M="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP80kv8zkv80k/8zkf8mH/+kAAAABXRSTlMz6+OfSXfpA8YAAABHSURBVDjLY3AKxQNUGFTxSQcxhDLgAaGj0qPSI0raECV7CKNJM6NlHwNUaUY0aQEC0gQMx++0wRRqo9Kj0gMrTaCaI1BJAgAZlmm5TBaU5QAAAABJRU5ErkJggg==";export{p as _,m as a,C as b,M as c,E as d,N as e};

dist/index.html

@@ -6,9 +6,9 @@
   <link rel="icon" href="./favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>南京东路街道</title>
-<script type="module" crossorigin src="./assets/index.0cff278e.js"></script>
+<script type="module" crossorigin src="./assets/index.89d96d85.js"></script>
   <link rel="modulepreload" href="./assets/vendor.3a6a5816.js">
-  <link rel="stylesheet" href="./assets/index.ef1ef3e3.css">
+  <link rel="stylesheet" href="./assets/index.24e3da62.css">
 </head>
 
 <body>

src/view/components/map-btns.vue

 <template>
   <div class="map-btns" :class="{ full: fullScreen }">
     <template v-for="btn in btns">
-      <a-tooltip v-if="btn.key === 'polyline'" :key="btn.key" placement="right">
+      <a-tooltip
+        v-if="btn.key === 'polyline' && curViewType === 'street'"
+        :key="btn.key"
+        placement="right"
+      >
         <img :key="btn.key" :src="btn.icon" draggable="false" />
         <template v-if="options.length > 0" #title>
           <div class="btns-tip">
@@ -75,6 +79,7 @@ export default defineComponent({
   name: 'MapBtns',
   emits: ['full', 'change', 'zoom'],
   setup(_, ctx) {
+    const curViewType = computed(() => store.state.curView.type)
     const btns = computed(() => {
       const mapType =
         store.state.curMapType === '2D'
@@ -131,7 +136,7 @@ export default defineComponent({
     const searchKey = ref('')
     const caseList = computed(() => store.state.caseList)
     const options = computed(() => {
-      if (store.state.curView.type === 'street') {
+      if (curViewType.value === 'street') {
         return [
           { label: '第一工作站', value: 'workArea1' },
           { label: '第二工作站', value: 'workArea2' },
@@ -148,7 +153,7 @@ export default defineComponent({
       checkboxValues.value = e
     }
     watch(
-      [() => store.state.curView.type, () => store.state.curMapType],
+      [() => curViewType.value, () => store.state.curMapType],
       () => (checkboxValues.value = [])
     )
     return {
@@ -162,6 +167,7 @@ export default defineComponent({
       options,
       checkboxValues,
       handleChange,
+      curViewType,
     }
   },
 })