重点工作调整比例

dist/assets/zoom-out.16971057.css

+.brief-container[data-v-42bff056]{display:flex;align-items:center;white-space:nowrap}.brief-container .count[data-v-42bff056]{font-family:Barlow,Avenir,Helvetica,Arial,sans-serif;font-size:.14rem}.brief-container.vertical[data-v-42bff056]{display:inline-block}.brief-container>div[data-v-42bff056]{display:flex;align-items:center;flex:1;margin-left:.05rem}.brief-container>div>img[data-v-42bff056]{margin-right:.05rem}.brief-container>div>div[data-v-42bff056]{font-weight:700}.brief-container>div>div p[data-v-42bff056]{color:#ccc}.brief-container>div>div.center[data-v-42bff056]{text-align:center}.circle-wrapper[data-v-4d97637b]{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.circle-wrapper>p[data-v-4d97637b]{margin-top:.1rem;font-size:.12rem;font-weight:700}
\ No newline at end of file

dist/assets/zoom-out.30998f48.js

+import{d as e,p as A,a,r,o as l,b as t,F as s,f as o,g as k,e as n,t as f,w as c,j as i,h as y,c as u,y as d}from"./index.c0b459e3.js";var g=e({name:"Brief",props:{list:{type:Array,required:!0},color:{type:String,default:null},size:{type:String,default:"0.22rem"},align:{type:String,default:"horizontal"}}});const p=c("data-v-42bff056");A("data-v-42bff056");const v={key:1},z={class:"count-group"},w=i(" / ");a();const m=p(((e,A,a,c,i,y)=>{const u=r("m-count");return l(),t("div",{class:["brief-container",{vertical:"vertical"===e.align}]},[(l(!0),t(s,null,o(e.list,(A=>(l(),t("div",{key:A.name},[A.icon?(l(),t("img",{key:0,src:A.icon,style:`width:${e.size};height:${e.size}`},null,12,["src"])):k("",!0),Array.isArray(A.value)?(l(),t("div",v,[n("div",z,[n(u,{class:"count orange-count",value:A.value[0],style:{color:e.color}},null,8,["value","style"]),w,n(u,{class:"count",value:A.value[1]},null,8,["value"])]),n("p",null,f(A.name),1)])):(l(),t("div",{key:2,class:{center:!A.icon}},[n(u,{class:"count",style:{color:e.color},value:A.value},null,8,["style","value"]),n("p",null,f(A.name),1)],2))])))),128))],2)}));g.render=m,g.__scopeId="data-v-42bff056";var S=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=y(null),a=u((()=>Array.isArray(e.color)?{"0%":e.color[0],"100%":e.color[1]}:e.color)),r=u((()=>A.value?A.value.clientWidth/(e.rate||1.8):0));return{circleWrapperRef:A,strokeColor:a,width:r}}});const U=c("data-v-4d97637b");A("data-v-4d97637b");const E={ref:"circleWrapperRef",class:"circle-wrapper"};a();const h=U(((e,A,a,s,o,k)=>{const c=r("a-progress");return l(),t("div",E,[n(c,{"class-name":"circle-progress",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,"trail-color":"rgba(255,255,255,0.1)"},null,8,["width","stroke-color","percent","type","show-info","stroke-width","gap-degree"]),d(e.$slots,"default",{},(()=>[n("p",null,f(e.name),1)]))],512)}));S.render=h,S.__scopeId="data-v-4d97637b";var B="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAP1BMVEUykf8ykf8ykf80kv8yk/8zkf8zkf8xkP8xkf8zkf8zkv8ykv8ykf8zkv8ykf80k/8zkv8zk/8zkf8zkf8zkf/igqmIAAAAFHRSTlMzmWbjSvOlc1/t2cG3jVY7zItaQXkfsHMAAAC2SURBVEjH7dfJCsMgFIVhbZwyT+f9n7VdFRe5HkywpMF//6EoiirT4GSNUbLlWgHqZEDFFZ/AzuIw6zj2EPMUrzJeKTZWstZQrMyoDxtN2dWew0sszGk8tUjUTkk8INlQCvNpl1swnoy9JnkZO9CciC3HVsQArxzWSkw/HYfxe4WEXOwR5TNxH+M+E7sYu0y899HA+/9s1e/xosUWfLrhee647US8ddRud30NVfxIfOVTduk7+AYjTFmjwJvA3AAAAABJRU5ErkJggg==",M="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,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP8zkv80kv80k/8zkf825nviAAAABXRSTlMz65/jSamIpAgAAABkSURBVDjLY3AOxQNMGEzxSQczhDLgAaGj0rSXZhJUwCetGhqET1o0NBCfNDCOR6VJkFZEyR5CaNJMaNlHAVWaEU1agIA0AcPxO20whdpQlwZmInKyICIDD9ayZeRI46/mCFSSAPzEgRk4Bsk7AAAAAElFTkSuQmCC",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP80kv8zkv80k/8zkf8mH/+kAAAABXRSTlMz6+OfSXfpA8YAAABHSURBVDjLY3AKxQNUGFTxSQcxhDLgAaGj0qPSI0raECV7CKNJM6NlHwNUaUY0aQEC0gQMx++0wRRqo9Kj0gMrTaCaI1BJAgAZlmm5TBaU5QAAAABJRU5ErkJggg==";export{g as _,S as a,N as b,C as c,M as d,B as e};

dist/assets/zoom-out.7dedfea6.js

-import{d as e,p as A,a,r,o as l,b as t,F as s,f as o,g as k,e as c,t as n,w as i,j as f,h as y,c as u,y as d}from"./index.d35c60a6.js";var g=e({name:"Brief",props:{list:{type:Array,required:!0},color:{type:String,default:null},size:{type:String,default:"0.22rem"},align:{type:String,default:"horizontal"}}});const p=i("data-v-25eb023c");A("data-v-25eb023c");const v={key:1},z={class:"count-group"},w=f(" / ");a();const m=p(((e,A,a,i,f,y)=>{const u=r("m-count");return l(),t("div",{class:["brief-container",{vertical:"vertical"===e.align}]},[(l(!0),t(s,null,o(e.list,(A=>(l(),t("div",{key:A.name},[A.icon?(l(),t("img",{key:0,src:A.icon,style:`width:${e.size};height:${e.size}`},null,12,["src"])):k("v-if",!0),Array.isArray(A.value)?(l(),t("div",v,[c("div",z,[c(u,{class:"count orange-count",value:A.value[0],style:{color:e.color}},null,8,["value","style"]),w,c(u,{class:"count",value:A.value[1]},null,8,["value"])]),c("p",null,n(A.name),1)])):(l(),t("div",{key:2,class:{center:!A.icon}},[c(u,{class:"count",style:{color:e.color},value:A.value},null,8,["style","value"]),c("p",null,n(A.name),1)],2))])))),128))],2)}));g.render=m,g.__scopeId="data-v-25eb023c";var S=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=y(null),a=u((()=>Array.isArray(e.color)?{"0%":e.color[0],"100%":e.color[1]}:e.color)),r=u((()=>A.value?A.value.clientWidth/(e.rate||1.8):0));return{circleWrapperRef:A,strokeColor:a,width:r}}});const U=i("data-v-872f1ed0");A("data-v-872f1ed0");const E={ref:"circleWrapperRef",class:"circle-wrapper"};a();const h=U(((e,A,a,s,o,k)=>{const i=r("a-progress");return l(),t("div",E,[c(i,{"class-name":"circle-progress",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,"trail-color":"rgba(255,255,255,0.1)"},null,8,["width","stroke-color","percent","type","show-info","stroke-width","gap-degree"]),d(e.$slots,"default",{},(()=>[c("p",null,n(e.name),1)]))],512)}));S.render=h,S.__scopeId="data-v-872f1ed0";var B="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAP1BMVEUykf8ykf8ykf80kv8yk/8zkf8zkf8xkP8xkf8zkf8zkv8ykv8ykf8zkv8ykf80k/8zkv8zk/8zkf8zkf8zkf/igqmIAAAAFHRSTlMzmWbjSvOlc1/t2cG3jVY7zItaQXkfsHMAAAC2SURBVEjH7dfJCsMgFIVhbZwyT+f9n7VdFRe5HkywpMF//6EoiirT4GSNUbLlWgHqZEDFFZ/AzuIw6zj2EPMUrzJeKTZWstZQrMyoDxtN2dWew0sszGk8tUjUTkk8INlQCvNpl1swnoy9JnkZO9CciC3HVsQArxzWSkw/HYfxe4WEXOwR5TNxH+M+E7sYu0y899HA+/9s1e/xosUWfLrhee647US8ddRud30NVfxIfOVTduk7+AYjTFmjwJvA3AAAAABJRU5ErkJggg==",M="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,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP8zkv80kv80k/8zkf825nviAAAABXRSTlMz65/jSamIpAgAAABkSURBVDjLY3AOxQNMGEzxSQczhDLgAaGj0rSXZhJUwCetGhqET1o0NBCfNDCOR6VJkFZEyR5CaNJMaNlHAVWaEU1agIA0AcPxO20whdpQlwZmInKyICIDD9ayZeRI46/mCFSSAPzEgRk4Bsk7AAAAAElFTkSuQmCC",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAElBMVEUykf8ykP80kv8zkv80k/8zkf8mH/+kAAAABXRSTlMz6+OfSXfpA8YAAABHSURBVDjLY3AKxQNUGFTxSQcxhDLgAaGj0qPSI0raECV7CKNJM6NlHwNUaUY0aQEC0gQMx++0wRRqo9Kj0gMrTaCaI1BJAgAZlmm5TBaU5QAAAABJRU5ErkJggg==";export{g as _,S as a,N as b,C as c,M as d,B as e};

dist/assets/zoom-out.de231f79.css

-.brief-container[data-v-25eb023c]{display:flex;align-items:center;white-space:nowrap}.brief-container .count[data-v-25eb023c]{font-family:Barlow,Avenir,Helvetica,Arial,sans-serif;font-size:.14rem}.brief-container.vertical[data-v-25eb023c]{display:inline-block}.brief-container>div[data-v-25eb023c]{display:flex;align-items:center;flex:1;margin-left:.05rem}.brief-container>div>img[data-v-25eb023c]{margin-right:.05rem}.brief-container>div>div[data-v-25eb023c]{font-weight:700}.brief-container>div>div p[data-v-25eb023c]{color:#ccc}.brief-container>div>div.center[data-v-25eb023c]{text-align:center}.circle-wrapper[data-v-872f1ed0]{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.circle-wrapper>p[data-v-872f1ed0]{margin-top:.1rem;font-size:.12rem;font-weight:700}
\ No newline at end of file

dist/index.html

@@ -6,15 +6,15 @@
   <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.d35c60a6.js"></script>
-  <link rel="modulepreload" href="./assets/vendor.c8b46542.js">
-  <link rel="stylesheet" href="./assets/index.b03a5460.css">
+<script type="module" crossorigin src="./assets/index.c0b459e3.js"></script>
+  <link rel="modulepreload" href="./assets/vendor.f603cf3b.js">
+  <link rel="stylesheet" href="./assets/index.b7a01dd9.css">
 </head>
 
 <body>
   <div id="app"></div>
-  <!-- <script src="/SMap.min.js"></script> -->
-  <script src="./dev/SMap.min.js"></script>
+  <script src="./SMap.min.js"></script>
+  <!-- <script src="/dev/SMap.min.js"></script> -->
   <script src="./Plugins.min.js"></script>
   <script src="./hls.js"></script>
   

index.html

@@ -10,8 +10,8 @@
 
 <body>
   <div id="app"></div>
-  <!-- <script src="/SMap.min.js"></script> -->
-  <script src="/dev/SMap.min.js"></script>
+  <script src="/SMap.min.js"></script>
+  <!-- <script src="/dev/SMap.min.js"></script> -->
   <script src="/Plugins.min.js"></script>
   <script src="/hls.js"></script>
   <script type="module" src="/src/main.ts"></script>

src/view/right/key-task.vue

@@ -51,7 +51,7 @@ export default defineComponent({
         return [
           { name: '明厨亮灶', value: 100 * Math.random() },
           { name: '民宿群租', value: 100 * Math.random() },
-          { name: '垃圾分类', value: 100 * Math.random() },
+          { name: '垃圾分类', value: 120 },
           { name: '小型工程纳管', value: 100 * Math.random() },
           { name: '非机动车停放', value: 100 * Math.random() },
           { name: '马桶改造', value: 100 * Math.random() },
@@ -61,8 +61,8 @@ export default defineComponent({
           { name: '楼道堆物', value: 100 * Math.random() },
           { name: '党建联建', value: 100 * Math.random() },
           { name: '动迁改造', value: 100 * Math.random() },
-          { name: '文明城区创建', value: 100 * Math.random() },
-          { name: '重塑老城厢', value: 100 * Math.random() },
+          { name: '文明城区创建', value: 120 },
+          // { name: '重塑老城厢', value: 100 * Math.random() },
           { name: '推动商旅文联动', value: 100 * Math.random() },
           { name: '水环境治理', value: 100 * Math.random() },
           { name: '供水防涝', value: 100 * Math.random() },
@@ -105,10 +105,10 @@ export default defineComponent({
             width: '100%',
             height: '100%',
             textStyle: {
-              color: function () {
+              color: function ({ data }: { data: any }) {
                 // const index = Math.floor(Math.random() * props.color.length)
                 // return props.color[index]
-                return `rgba(255,255,255,${Math.random() * 1.1})`
+                return `rgba(255,255,255,${data.value / 120})`
               },
               fontWeight: 550,
             },