feat 决策

src/views/xjc-integratedmachine/wakeup/rainbow/FollowRingChart.vue

@@ -169,6 +169,8 @@
     const center_x = left + width / 2
     const center_y = top + height / 2
 
+    console.log("共用圆心",center_x,center_y)
+
     function init() {
         //
         // var cc = document.getElementById("cc");

src/views/xjc-integratedmachine/wakeup/rainbow/index.vue

@@ -1,54 +1,55 @@
 <template>
     <div id="outerDiv" class="development_stage">
         <head-component :headinfo=headinfo></head-component>
+        <div id="cc" style="position: absolute;width: 5px;height: 5px;background: #ff0000;margin: 0 auto;z-index: 9999999"></div>
         <div class="page-content">
             <div style="display: flex;justify-content: center;width: 1890px;height: 912px;margin-top: 13px">
                 <div class="page-box">
 
-                    <div id="cc" style="position: absolute;width: 5px;height: 5px;background: #ff0000"></div>
+
 
                     <!--<div style="width: 1px;height: 1700px;border: 1px solid red;position: absolute;left:916px;top: 0px"></div>-->
                     <!--<div style="width: 850px;height: 1px;border: 1px solid green;position: absolute;left: 66px;top: 400px"></div>-->
                     <!--<div style="width: 1700px;height: 1px;border: 1px solid white;position: absolute;left: 70px;top: 906px"></div>-->
                     <FollowRingChart ref="followRingChart1" id="ring-chart1" class="ring-chart1"
                                      :chartProps="chartPrpps1"/>
-                    <FollowRingChart ref="followRingChar2" id="ring-chart2" class="ring-chart2"
-                                     :chartProps="chartPrpps2"
-                                     style="z-index: 99999999"/>
-                    <FollowRingChart ref="followRingChart3" id="ring-chart3" class="ring-chart3"
-                                     :chartProps="chartPrpps3"/>
-                    <FollowRingChart ref="followRingChart4" id="ring-chart4" class="ring-chart4"
-                                     :chartProps="chartPrpps4"/>
-                    <FollowRingChart ref="followRingChart5" id="ring-chart5" class="ring-chart5"
-                                     :chartProps="chartPrpps5"/>
-                    <FollowRingChart ref="followRingChart6" id="ring-chart6" class="ring-chart6"
-                                     :chartProps="chartPrpps6"/>
-                    <FollowRingChart ref="followRingChart7" id="ring-chart7" class="ring-chart7"
-                                     :chartProps="chartPrpps7"/>
-                    <FollowRingChart ref="followRingChart8" id="ring-chart8" class="ring-chart8"
-                                     :chartProps="chartPrpps8"/>
-                    <FollowRingChart ref="followRingChart9" id="ring-chart9" class="ring-chart9"
-                                     :chartProps="chartPrpps9"/>
-                    <FollowRingChart ref="followRingChart10" id="ring-chart10" class="ring-chart10"
-                                     :chartProps="chartPrpps10"/>
-                    <FollowRingChart ref="followRingChart11" id="ring-chart11" class="ring-chart11"
-                                     :chartProps="chartPrpps11"/>
-                    <FollowRingChart ref="followRingChart12" id="ring-chart12" class="ring-chart12"
-                                     :chartProps="chartPrpps12"/>
-
-                    <FollowRingChart ref="followRingChart13" id="ring-chart13" class="ring-chart13"
-                                     :chartProps="chartPrpps13"/>
-                    <FollowRingChart ref="followRingChart14" id="ring-chart14" class="ring-chart14"
-                                     :chartProps="chartPrpps14"/>
-                    <FollowRingChart ref="followRingChart15" id="ring-chart15" class="ring-chart15"
-                                     :chartProps="chartPrpps15"/>
-                    <FollowRingChart ref="followRingChart16" id="ring-chart16" class="ring-chart16"
-                                     :chartProps="chartPrpps16"/>
-
-                    <FollowRingChart ref="followRingChart17" id="ring-chart17" class="ring-chart17"
-                                     :chartProps="chartPrpps17"/>
-                    <FollowRingChart ref="followRingChart18" id="ring-chart18" class="ring-chart18"
-                                     :chartProps="chartPrpps18"/>
+                    <!--<FollowRingChart ref="followRingChar2" id="ring-chart2" class="ring-chart2"-->
+                                     <!--:chartProps="chartPrpps2"-->
+                                     <!--style="z-index: 99999999"/>-->
+                    <!--<FollowRingChart ref="followRingChart3" id="ring-chart3" class="ring-chart3"-->
+                                     <!--:chartProps="chartPrpps3"/>-->
+                    <!--<FollowRingChart ref="followRingChart4" id="ring-chart4" class="ring-chart4"-->
+                                     <!--:chartProps="chartPrpps4"/>-->
+                    <!--<FollowRingChart ref="followRingChart5" id="ring-chart5" class="ring-chart5"-->
+                                     <!--:chartProps="chartPrpps5"/>-->
+                    <!--<FollowRingChart ref="followRingChart6" id="ring-chart6" class="ring-chart6"-->
+                                     <!--:chartProps="chartPrpps6"/>-->
+                    <!--<FollowRingChart ref="followRingChart7" id="ring-chart7" class="ring-chart7"-->
+                                     <!--:chartProps="chartPrpps7"/>-->
+                    <!--<FollowRingChart ref="followRingChart8" id="ring-chart8" class="ring-chart8"-->
+                                     <!--:chartProps="chartPrpps8"/>-->
+                    <!--<FollowRingChart ref="followRingChart9" id="ring-chart9" class="ring-chart9"-->
+                                     <!--:chartProps="chartPrpps9"/>-->
+                    <!--<FollowRingChart ref="followRingChart10" id="ring-chart10" class="ring-chart10"-->
+                                     <!--:chartProps="chartPrpps10"/>-->
+                    <!--<FollowRingChart ref="followRingChart11" id="ring-chart11" class="ring-chart11"-->
+                                     <!--:chartProps="chartPrpps11"/>-->
+                    <!--<FollowRingChart ref="followRingChart12" id="ring-chart12" class="ring-chart12"-->
+                                     <!--:chartProps="chartPrpps12"/>-->
+
+                    <!--<FollowRingChart ref="followRingChart13" id="ring-chart13" class="ring-chart13"-->
+                                     <!--:chartProps="chartPrpps13"/>-->
+                    <!--<FollowRingChart ref="followRingChart14" id="ring-chart14" class="ring-chart14"-->
+                                     <!--:chartProps="chartPrpps14"/>-->
+                    <!--<FollowRingChart ref="followRingChart15" id="ring-chart15" class="ring-chart15"-->
+                                     <!--:chartProps="chartPrpps15"/>-->
+                    <!--<FollowRingChart ref="followRingChart16" id="ring-chart16" class="ring-chart16"-->
+                                     <!--:chartProps="chartPrpps16"/>-->
+
+                    <!--<FollowRingChart ref="followRingChart17" id="ring-chart17" class="ring-chart17"-->
+                                     <!--:chartProps="chartPrpps17"/>-->
+                    <!--<FollowRingChart ref="followRingChart18" id="ring-chart18" class="ring-chart18"-->
+                                     <!--:chartProps="chartPrpps18"/>-->
                 </div>
             </div>
 
@@ -113,7 +114,7 @@
     const chartDivs = ref([])
 
     const out_width = ref(1832)
-    const out_height = ref(910)
+    const out_height = ref(1023)
     const out_top = ref(113)
     const out_total = out_height.value + out_top.value
     const centerPoint = ref({})
@@ -124,8 +125,10 @@
         centerPoint.value.y = out_height.value
         console.log("圆心x:",centerPoint.value.x,"圆心y:",centerPoint.value.y)
         let cc = document.getElementById("cc")
-        cc.style.left = centerPoint.value.x + "px"
-        cc.style.top = centerPoint.value.y + "px"
+        // cc.style.left = centerPoint.value.x + "px"
+        // cc.style.top = centerPoint.value.y + "px"
+        cc.style.left = "916px"
+        cc.style.top = "1023px"
 
         chartDivs.value = [
             document.getElementById("ring-chart1"),
@@ -162,6 +165,8 @@
         if(distance<= out_total - raduis_half[0] && distance > out_total - raduis_half[1]){
             console.log("t1")
         }
+
+
     }