aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
X1627315083
2023-09-26 15:05:14 +08:00
parent d9868d5cf0
commit 98dc5cd8f7
8 changed files with 207 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/component/Detail/setDesignItem.vue
View File

@@ -36,7 +36,7 @@ import { LoadingOutlined } from "@ant-design/icons-vue";
import { useStore } from "vuex";
import { Modal,message } from 'ant-design-vue';
export default defineComponent({
props: ["frontBack"],
setup(prop) {
const store = useStore();
@@ -83,88 +83,15 @@ export default defineComponent({
store: useStore(),
};
},
// directives:{
// //操作旋转
// rotote:{
// mounted(el,value){
// let mouse = true;
// let angle = 0
// let num = 1
// let x = 0
// let y = 0
// num = value.value[1].scale
// angle = value.value[1].rotateZ
// let elParent = document.getElementsByClassName('design_compile_content')[0].getElementsByClassName('modal_imgItem')[value.value[0]]
// // 添加鼠标按下事件监听器
// el.style.transform = "rotateZ("+ angle + "deg)"
// el.addEventListener('mousedown', (e) => {
// // let scale = Number(elParent.firstElementChild.style.transform?.split('scale(')[1]?.split(')')[0])
// // let rotateZ = Number(elParent.firstElementChild.style.transform?.split('rotateZ(')[1]?.split('deg')[0])
// e.stopPropagation()
// mouse = true;
// var info = el.getBoundingClientRect();
// let eX = info.x + info.width / 2;
// let eY = info.y + info.height / 2;
// document.addEventListener('mousemove', (e) => {
// if (mouse) {
// let X = eX
// let Y = eY
// let x = e.clientX - X
// let y = Y - e.clientY
// angle = Math.atan2(x,y)*(180 / Math.PI)
// elParent.firstElementChild.style.transform = "scale("+ num + ") rotateZ("+ angle + "deg)"
// el.style.transform = "rotateZ("+ angle + "deg)"
// }
// });
// // 添加鼠标松开事件监听器
// document.addEventListener('mouseup', () => {
// mouse = false;
// });
// });
// //缩放
// let timeSwitch = true
// el.parentNode.addEventListener('mousemove', (e) => {
// el.parentNode.addEventListener('mousewheel',(e) => {
// if(timeSwitch){
// timeSwitch = false
// if(e.deltaY > 0){
// if(num <= 1){
// num -= 0.05
// }else{
// num -= 0.1
// }
// }else{
// //放大
// if(num <= 1){
// num += 0.05
// }else{
// num += 0.1
// }
// }
// if(num >= 3){
// num = 3
// }else if (num < .2){
// num = .2
// }
// setTimeout(() => {
// timeSwitch = true
// }, 100);
// elParent.firstElementChild.style.transform = "scale("+ num + ") rotateZ("+ angle + "deg)"
// }
// });
// });
// }
// },
// },
methods: {
init(){
let DesignParent = this.$parent
let designItemDetail = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designItemDetail))
this.designItemDetail = designItemDetail
// this.clearModal()
console.log(this.frontBack);
// console.log(this.current,DesignParent.frontBack);
console.log(DesignParent);
this.printStyleList.push({
centers:{
left:0,