pictureHotZoneConfig.1bc993f0.js 6.1 KB

1
  1. import{M as D}from"./index.dfdc0704.js";import{S as E}from"./index.de7bcb5e.js";import I from"./pictureHotZone.4da1cf36.js";import{d as k,r as x,b as L,p as f,s as S,c as p,e as F,f as v,g as l,h as u,u as d,i as c,F as B,j as K,t as N,m as s,y as W,_ as T}from"./index.0308b213.js";import"./index.vue_vue_type_style_index_0_scoped_f00ed21d_lang.2c48f49b.js";import"./vuedraggable.umd.405b1bec.js";import"./index.35b8c9ab.js";import"./index.9e8820cd.js";import"./sort_out.2008c10d.js";import"./install.524ae6f2.js";import"./index.1d26a072.js";import"./useAgent.c0cb1751.js";import"./list.5526c7ef.js";import"./index.e2f68f5b.js";const $={class:"optimization-config"},q={class:"pictureHotZoneConfigBox"},G={class:"pictureHotZoneConfigBox_img"},M=s(" \u56FE\u7247\uFF1A"),j={class:"pictureHotZoneConfigBox_hot"},z=s(" \u70ED\u533A\uFF1A "),P=s("\u5426"),Q=s("\u662F"),X={class:"pictureHotZoneConfigBox_imgHeight"},Y=s(" \u56FE\u7247\u9AD8\u5EA6\uFF1A"),J={class:"pictureHotZoneConfigBox_item_title"},O=s("\u5220\u9664\u70ED\u533A"),R={class:"pictureHotZoneConfigBox_item_valueBox"},ee={class:"pictureHotZoneConfigBox_item_valueBox_value"},oe=s("\u5BBD\u5EA6\uFF1A"),te={class:"pictureHotZoneConfigBox_item_valueBox_value"},ie=s("\u9AD8\u5EA6\uFF1A"),le={class:"pictureHotZoneConfigBox_item_valueBox_value"},ue=s("X\u8F74\uFF1A"),ne={class:"pictureHotZoneConfigBox_item_valueBox_value"},se=s("Y\u8F74\uFF1A"),ae={class:"pictureHotZoneConfigBox_item_valueBox_value"},de=s("\u5DE6\u4E0A\u5706\u89D2\uFF1A"),_e={class:"pictureHotZoneConfigBox_item_valueBox_value"},me=s("\u53F3\u4E0A\u5706\u89D2\uFF1A"),ce={class:"pictureHotZoneConfigBox_item_valueBox_value"},pe=s("\u5DE6\u4E0B\u5706\u89D2\uFF1A"),re={class:"pictureHotZoneConfigBox_item_valueBox_value"},ge=s("\u53F3\u4E0B\u5706\u89D2\uFF1A"),he={class:"pictureHotZoneConfigBox_item_linkBox"},fe=s(" \u8DF3\u8F6C\u5730\u5740\uFF1A"),Fe=["onClick"],ve={class:"pictureHotZoneConfigBox_button"},Ve=s("\u6DFB\u52A0\u70ED\u533A"),xe=k({props:{config:null},emits:["update:config"],setup(A,{emit:b}){const H=A,h=x(!1),r=x(0),C=o=>{h.value=!0,r.value=o},w=o=>{o.type==1?t.images[r.value].link=o.miniProgram:o.type==2?t.images[r.value].link=o.webview:o.type==3&&(t.pictureHotZoneList[r.value].link=o.phone)},Z=o=>{t.pictureHotZoneList[r.value].link=o};let t=L({tile:0,bgImg:"",bgImgHeight:136,bgImgWidth:360,pictureHotZoneList:[],images:[]});return f(()=>t.bgImg,o=>{var n=new Image;n.src=o,n.onload=function(){var m=this.width/360,a=this.height*(this.width/360)+this.height;t.bgImgHeight=a,console.log("\u5BBD\u5EA6\uFF1A"+m+"\uFF0C\u9AD8\u5EA6\uFF1A"+a)}},{immediate:!0}),f(()=>H.config,o=>{o&&W(()=>{t.bgImg=o.bgImg||"https://qny.wdsp666.com/images/1/2023/02/KBKogGN4kfK66Gfug458o85iQiqUKg.png";var n=new Image;n.src=t.bgImg,n.onload=function(){var m=this.width,a=this.height;t.bgImgHeight=a,console.log("\u5BBD\u5EA6\uFF1A"+m+"\uFF0C\u9AD8\u5EA6\uFF1A"+a)},t.tile=o.tile||0,t.bgImgWidth=o.bgImgWidth||360,t.pictureHotZoneList=o.pictureHotZoneList||[{w:100,h:40,x:1,y:1,lt:0,rt:0,lb:0,rb:0,link:""}]})},{immediate:!0}),f(t,(o,n)=>{var m=o.bgImg+"?"+Date.parse(new Date),a=new Image;a.src=m,a.onload=function(){console.log(360/(a.width/360)*(a.height/360),"===========img.height"),o.bgImgHeight=a.height,o.bgImgWidth=a.width,b("update:config",o)}},{deep:!0}),S(()=>1),(o,n)=>{const m=p("el-radio"),a=p("el-radio-group"),y=p("el-form-item"),_=p("el-input-number"),V=p("el-button"),U=p("el-input");return F(),v(B,null,[l("div",$,[l("div",q,[l("div",G,[M,u(D,{modelValue:d(t).bgImg,"onUpdate:modelValue":n[0]||(n[0]=e=>d(t).bgImg=e),limit:1},null,8,["modelValue"])]),l("div",j,[z,u(I,{config:d(t),canDraw:!0},null,8,["config"])]),u(y,{label:"\u662F\u5426\u542F\u7528\u5E73\u94FA\u6A21\u5F0F"},{default:c(()=>[u(a,{modelValue:d(t).tile,"onUpdate:modelValue":n[1]||(n[1]=e=>d(t).tile=e)},{default:c(()=>[u(m,{label:0},{default:c(()=>[P]),_:1}),u(m,{label:1},{default:c(()=>[Q]),_:1})]),_:1},8,["modelValue"])]),_:1}),l("div",X,[Y,u(_,{style:{width:"120px"},modelValue:d(t).bgImgHeight,"onUpdate:modelValue":n[2]||(n[2]=e=>d(t).bgImgHeight=e),min:1},null,8,["modelValue"])]),(F(!0),v(B,null,K(d(t).pictureHotZoneList,(e,g)=>(F(),v("div",{class:"pictureHotZoneConfigBox_item",key:g},[l("div",J,[l("span",null,"\u70ED\u533A"+N(g+1),1),u(V,{onClick:i=>{d(t).pictureHotZoneList.splice(g,1)},style:{"margin-right":"30px"},type:"danger",plain:""},{default:c(()=>[O]),_:2},1032,["onClick"])]),l("div",R,[l("div",ee,[oe,u(_,{style:{width:"120px"},modelValue:e.w,"onUpdate:modelValue":i=>e.w=i,min:1},null,8,["modelValue","onUpdate:modelValue"])]),l("div",te,[ie,u(_,{style:{width:"120px"},modelValue:e.h,"onUpdate:modelValue":i=>e.h=i,min:1},null,8,["modelValue","onUpdate:modelValue"])]),l("div",le,[ue,u(_,{style:{width:"120px"},modelValue:e.x,"onUpdate:modelValue":i=>e.x=i,min:1},null,8,["modelValue","onUpdate:modelValue"])]),l("div",ne,[se,u(_,{style:{width:"120px"},modelValue:e.y,"onUpdate:modelValue":i=>e.y=i,min:1},null,8,["modelValue","onUpdate:modelValue"])]),l("div",ae,[de,u(_,{style:{width:"100px"},modelValue:e.lt,"onUpdate:modelValue":i=>e.lt=i,min:0},null,8,["modelValue","onUpdate:modelValue"])]),l("div",_e,[me,u(_,{style:{width:"100px"},modelValue:e.rt,"onUpdate:modelValue":i=>e.rt=i,min:0},null,8,["modelValue","onUpdate:modelValue"])]),l("div",ce,[pe,u(_,{style:{width:"100px"},modelValue:e.lb,"onUpdate:modelValue":i=>e.lb=i,min:0},null,8,["modelValue","onUpdate:modelValue"])]),l("div",re,[ge,u(_,{style:{width:"100px"},modelValue:e.rb,"onUpdate:modelValue":i=>e.rb=i,min:0},null,8,["modelValue","onUpdate:modelValue"])])]),l("div",he,[fe,u(U,{style:{width:"260px"},modelValue:e.link,"onUpdate:modelValue":i=>e.link=i},{append:c(()=>[l("div",{class:"config__item__page--btn",onClick:i=>C(g)},"\u9009\u62E9\u94FE\u63A5",8,Fe)]),_:2},1032,["modelValue","onUpdate:modelValue"])])]))),128)),l("div",ve,[u(V,{onClick:n[3]||(n[3]=e=>d(t).pictureHotZoneList.push({w:100,h:40,x:1,y:1,lt:0,rt:0,lb:0,rb:0,link:""})),type:"primary"},{default:c(()=>[Ve]),_:1})])])]),u(d(E),{modelValue:h.value,"onUpdate:modelValue":n[4]||(n[4]=e=>h.value=e),onConfirmAll:w,onChange:Z},null,8,["modelValue"])],64)}}});const Se=T(xe,[["__scopeId","data-v-a316aaaf"]]);export{Se as default};