feat 决策

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

@@ -1,6 +1,8 @@
 <template>
     <div class="chart-container">
-        <div ref="chart" class="ring-chart" @mousedown="begin" @mousemove="moving" @mouseup="stopMoving"></div>
+        <div id="ring-chart" ref="chart" class="ring-chart"
+             @mousedown="begin" @mousemove="moving" @mouseup="stopMoving"
+        ></div>
     </div>
 </template>
 
@@ -149,6 +151,11 @@
     const center_y = top + height / 2
 
     function init() {
+        let chartDiv = document.getElementById("ring-chart");
+        console.log("sss",chartDiv)
+        chartDiv.addEventListener('touchstart',begin)
+        chartDiv.addEventListener('touchmove',moving)
+        chartDiv.addEventListener('touchend',stopMoving)
         console.log(center_x, "***", center_y)
     }
 
@@ -193,7 +200,13 @@
 
     }
 
-    init()
+    onMounted(()=>{
+        nextTick(()=>{
+            init()
+        })
+
+    })
+
 </script>
 
 <style scoped>

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

@@ -1,7 +1,7 @@
 <template>
     <div class="hide-scrollbar" @mousemove="chooseDiv">
         <FollowRingChart id="ring-chart1" class="ring-chart1" :chartProps="chartPrpps1"/>
-        <!--<FollowRingChart id="ring-chart2" class="ring-chart2" :chartProps="chartPrpps2"/>-->
+        <FollowRingChart id="ring-chart2" class="ring-chart2" :chartProps="chartPrpps2"/>
 
         <!--<div style="position: absolute;background: #ff0000;width: 800px;height: 500px;top:500px;left:400px;"></div>-->
     </div>