任务列表页面

src/component/HomePage/ExportModel.vue

@@ -187,7 +187,7 @@
 				</div>
 				<div class="exportCanvasBox_right_btn">
 					<div class="subitOkPreviewBtn" :class="{active:credits<1}" @click="setHDExport">HD Export</div>
-					<div class="subitOkPreviewBtn" @click="setExport">Export</div>
+					<div class="subitOkPreviewBtn Guide_1_32" @click="setExport">Export</div>
 				</div>
             </div>
             <div class="mark_loading" v-show="isShowMark">
@@ -204,7 +204,9 @@ import scaleImage from "@/component/HomePage/scaleImage.vue";
 import ExportNewCoolection from "@/component/HomePage/ExportNewCoolection.vue";
 import { useStore } from "vuex";
 import JSZip, { forEach } from "jszip";
+// import fabric from 'fabric';
 import { message, Modal } from "ant-design-vue";
+import { openGuide,driverObj__ } from "@/tool/guide";
 const FileSaver = require("file-saver");
 import { exportSele,JSRectUpdata,JSchangeType,JScanvasMouseDown,JScanvasMouseMove,JScreateCheck,JSSetTexture } from "@/tool/canvasDrawing";
 export default defineComponent({
@@ -214,6 +216,9 @@ export default defineComponent({
     },
     props: ["msg", "sketchCatecoryList"],
     setup() {
+		let driver__ = computed(()=>{
+			return store.state.Guide.guide
+		})
         const store = useStore();
 
         let showUpgradePlan = ref(false);
@@ -271,6 +276,8 @@ export default defineComponent({
                     height: canvasWH.value.height,
                     isDrawingMode: false, // 开启绘图模式
                 });
+				brushIndicator = clearBrushIndicator()
+
 				JSchangeType(canvas,'init')
 				canvasOnDrop()//开启鼠标到画布事件
 				setRemoveImage()//设置元素删除
@@ -411,7 +418,11 @@ export default defineComponent({
 					}
                 }
 				updateCanvasState('')//加载完成后记录一下
+				if(driver__.value.driver){
+					driverObj__.moveNext()
+				}
             });
+			
         };
 		let deleteObject = (eventData, transform)=> {
 				// var target = [transform.target];
@@ -610,6 +621,9 @@ export default defineComponent({
                         FileSaver.saveAs(content, "DesignFiles"); // 利用file-saver保存文件  自定义文件名
                         isShowMark = false;
                     });
+					if(driver__.value.driver){
+						driverObj__.moveNext()
+					}
                 })
                 .catch((res) => {
                     // message.warning(t('HomeView.jsContent3'));
@@ -910,7 +924,7 @@ export default defineComponent({
 		}
 		let textureList = ref([])
 		for (let index = 0; index < 20; index++) {
-			textureList.value.push({value:index,url:`./image/texture/texture${index}.webp`})
+			textureList.value.push({value:index,url:`/image/texture/texture${index}.webp`})
 		}
 		let setTexture = async ()=>{
 			canvas.isDrawingMode = true//开启绘画模式
@@ -942,16 +956,20 @@ export default defineComponent({
 			}
 
 		}
-		let brushIndicator = new fabric.Circle({
-			radius:canvasPencilWidth.value/2,
-            fill: '#fff',
-			stroke: '#000',
-			strokeWidth: 0,
-            originX: 'center',
-            originY: 'center',
-			visible :true,
-			erasable: false,
-        });
+		let clearBrushIndicator = ()=>{
+			let cator = new fabric.Circle({
+				radius:canvasPencilWidth.value/2,
+				fill: '#fff',
+				stroke: '#000',
+				strokeWidth: 0,
+				originX: 'center',
+				originY: 'center',
+				visible :true,
+				erasable: false,
+			});
+			return cator
+		}
+		let brushIndicator 
 		let hexToRgba=(hex, alpha)=> {
 			const r = parseInt(hex.slice(1, 3), 16);
 			const g = parseInt(hex.slice(3, 5), 16);
@@ -961,31 +979,31 @@ export default defineComponent({
 		let brushList = ref([
 			{
 				value:'PencilBrush',
-				url:'./image/brush/PencilBrush.jpg'
+				url:'/image/brush/PencilBrush.jpg'
 			},{
 				value:'Marking',
-				url:'./image/brush/PencilBrush-2.jpg'
+				url:'/image/brush/PencilBrush-2.jpg'
 			},{
 				value:'InkBrush',
-				url:'./image/brush/InkBrush.jpg'
+				url:'/image/brush/InkBrush.jpg'
 			},{
 				value:'CrayonBrush',
-				url:'./image/brush/CrayonBrush.jpg'
+				url:'/image/brush/CrayonBrush.jpg'
 			},{
 				value:'RibbonBrush',
-				url:'./image/brush/RibbonBrush.jpg'
+				url:'/image/brush/RibbonBrush.jpg'
 			},{
 				value:'MarkerBrush',
-				url:'./image/brush/MarkerBrush.jpg'
+				url:'/image/brush/MarkerBrush.jpg'
 			},{
 				value:'WritingBrush',
-				url:'./image/brush/WritingBrush.jpg'
+				url:'/image/brush/WritingBrush.jpg'
 			},{
 				value:'LongfurBrush',
-				url:'./image/brush/LongfurBrush.jpg'
+				url:'/image/brush/LongfurBrush.jpg'
 			},{
 				value:'SpraypaintBrush',
-				url:'./image/brush/SpraypaintBrush.jpg'
+				url:'/image/brush/SpraypaintBrush.jpg'
 			},
 		])
 		let setPencil =()=>{