优化

src/components/GanttView.vue

@@ -10,9 +10,10 @@
         :placeholder="['开始时间', '结束时间']" allowClear @change="onRangeChange" />
     </div>
     <div style="padding: 0 24px;">
-<el-slider v-model="sliderValue" :min="minSliderValue" :max="maxSliderValue" :format-tooltip="formatTooltip" range  @change="onSliderChange"></el-slider>
+      <el-slider v-model="sliderValue" :min="minSliderValue" :max="maxSliderValue" :format-tooltip="formatTooltip" range
+        @change="onSliderChange"></el-slider>
     </div>
-    
+
     <g-gantt-chart :chart-start="chartStart" :chart-end="chartEnd" precision="minute" :minuteInterval="interval"
       :row-height="40" grid width="100%" bar-start="beginProcessDate" bar-end="endProcessDate" :date-format="format">
       <template v-for="item in contree" :key="item.helicopterInfoDTO.id">
@@ -35,18 +36,18 @@ import { ElSelect, ElMessage, ElSelectV2, ElButton, ElSlider } from "element-plu
 import httpRequest from '@/utils/httpRequest.js'
 import dayjs, { Dayjs } from 'dayjs';
 import { computed } from "@vue/reactivity";
-const sliderValue = ref<[number, number]>([0,100])
+const sliderValue = ref<[number, number]>([0, 100])
 const minSliderValue = ref()
 const maxSliderValue = ref()
 
 const onSliderChange = () => {
-    const [min, max] = sliderValue.value
-    chartStart.value = dayjs(min).format('YYYY-MM-DD HH:mm')
-    chartEnd.value = dayjs(max).format('YYYY-MM-DD HH:mm')
-    
+  const [min, max] = sliderValue.value
+  chartStart.value = dayjs(min).format('YYYY-MM-DD HH:mm')
+  chartEnd.value = dayjs(max).format('YYYY-MM-DD HH:mm')
+
 }
 
-const formatTooltip=(value:number)=>{
+const formatTooltip = (value: number) => {
   return dayjs(value).format('YYYY-MM-DD HH:mm')
 }
 const optionList = [
@@ -84,10 +85,10 @@ const onRangeChange = (value: [Dayjs, Dayjs], dateString: [string, string]) => {
   }
 };
 const getRandomColor = function () {
-  return '#' + (function (color) {
-    return (color += '0123456789abcdef'[Math.floor(Math.random() * 16)])
-      && (color.length == 6) ? color : arguments.callee(color);
-  })('');
+  const r = Math.floor(Math.random() * 255);
+  const g = Math.floor(Math.random() * 255);
+  const b = Math.floor(Math.random() * 255);
+  return 'rgba(' + r + ',' + g + ',' + b + ', 1)';
 }
 const baseUrl = '/task/helicopterTask/getGanttInfo?id=' + sessionStorage.getItem('taskResultId') + "&token=" + sessionStorage.getItem('token')
 
@@ -158,9 +159,9 @@ const formatter = (processesList: any[]) => {
     const filterValues = processesList.filter((v, i) => i != index)
 
     for (const value of filterValues) {
-      if ( current.begin >= value.begin && current.begin < value.end) {
-        if(!value.ganttBarConfig.isCover){
-           top = 0
+      if (current.begin >= value.begin && current.begin < value.end) {
+        if (!value.ganttBarConfig.isCover) {
+          top = 0
         }
         top++
         current.ganttBarConfig.isCover = true