Commit 07cf5da8 authored by 李苏's avatar 李苏 💬

立库看板大屏

parent dd756a6b
......@@ -487,19 +487,19 @@ export const powerRoutes = [
path: "mpzy",
},
/* 合托入库*/
{
component: 'ccgl/rkgl/htrk/index',
hidden: false,
meta: {
"title": "合托入库",
"icon": "",
"noCache": false,
"link": null,
"mkid": 920031000,
},
name: 'htrk',
path: "htrk",
},
// {
// component: 'ccgl/rkgl/htrk/index',
// hidden: false,
// meta: {
// "title": "合托入库",
// "icon": "",
// "noCache": false,
// "link": null,
// "mkid": 920031000,
// },
// name: 'htrk',
// path: "htrk",
// },
{
component: 'ccgl/rkgl/slk/index',
hidden: false,
......
......@@ -33,7 +33,6 @@
mounted() {
this.$nextTick(()=>{
var infoBox = this.$refs.infoBox;
console.log(this.$refs.svgComponent)
$(this.$refs.svgComponent.$el).find("[TAGID]").attr("fill", 'red').each((index, element)=> {
element.addEventListener('mouseover', function(event) {
let content = ` 编码:${$(element).attr('TAGID')}
......
......@@ -107,6 +107,8 @@
<b class="data-title-right">]</b>
</div>
<div class="kwMain full ">
<component ref="dynamic" class="full" :is="dynamicComponent">
</component>
</div>
......@@ -118,8 +120,11 @@
</template>
<script>
/* svg集合*/
/* mx集合*/
import mx1 from './mx/mx1.vue';
import mx2 from './mx/mx2.vue';
import mx3 from './mx/mx3.vue';
import mx11 from './mx/mx11.vue';
/* 双击全屏*/
function fullScreen(element) {
const elem = element || document.documentElement;
......@@ -140,6 +145,7 @@
}
}
}
export default {
mounted() {
......@@ -166,6 +172,7 @@
},
data() {
return {
dynamicComponent:'mx1',
/* 排列*/
xdList1: [1, 2, 3, 4],
xdList2: [5, 6, 7, 8],
......@@ -177,6 +184,11 @@
timer: null
}
},
watch:{
selectIndex(val){
this.dynamicComponent=`mx${val}`
}
},
beforeDestroy() {
clearInterval(this.timer)
},
......@@ -184,13 +196,42 @@
},
components: {
mx1,mx2,mx3,mx11
}
}
</script>
<style lang="scss" scoped>
/* 穿透 状态 css*/
::v-deep .wh{
/* 无样式*/
}
::v-deep .yh{
background-size: 100% 100%;
background-image: url(./lkdp/xz.svg);
}
::v-deep .dj{
background-size: 100% 100%;
background-image: url(./lkdp/sd.svg);
}
::v-deep .sd{
background-size: 100% 100%;
background-image: url(./lkdp/sd.svg);
}
::v-deep .kccj{
background-size: 100% 100%;
background-image: url(./lkdp/jy.svg);
}
::v-deep .sdkccj{
background-size: 100% 100%;
background-image: url(./lkdp/sd.svg);
}
::v-deep .djkccj{
background-size: 100% 100%;
background-image: url(./lkdp/dj.svg);
}
.kwMain{
padding: 20px;
}
......
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715561306777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9615" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 508.099048m-170.666667 0a170.666667 170.666667 0 1 0 341.333334 0 170.666667 170.666667 0 1 0-341.333334 0Z" fill="#FFCD00" p-id="9616"></path><path d="M512 524.190476c-6.826667 0-12.190476-5.36381-12.190476-12.190476V78.506667c0-6.826667 5.36381-12.190476 12.190476-12.190477s12.190476 5.36381 12.190476 12.190477V512c0 6.826667-5.36381 12.190476-12.190476 12.190476z" p-id="9617"></path><path d="M512 241.859048a11.459048 11.459048 0 0 1-8.533333-3.657143c-4.87619-4.87619-4.87619-12.434286 0-17.310476l100.693333-100.693334c4.87619-4.87619 12.434286-4.87619 17.310476 0s4.87619 12.434286 0 17.310476l-100.693333 100.693334a11.459048 11.459048 0 0 1-8.777143 3.657143z" p-id="9618"></path><path d="M512 241.859048a11.459048 11.459048 0 0 1-8.533333-3.657143l-100.693334-100.693334c-4.87619-4.87619-4.87619-12.434286 0-17.310476s12.434286-4.87619 17.310477 0l100.693333 100.693334c4.87619 4.87619 4.87619 12.434286 0 17.310476a11.459048 11.459048 0 0 1-8.777143 3.657143zM512 368.39619a11.459048 11.459048 0 0 1-8.533333-3.657142c-4.87619-4.87619-4.87619-12.434286 0-17.310477l87.527619-87.527619c4.87619-4.87619 12.434286-4.87619 17.310476 0s4.87619 12.434286 0 17.310477l-87.527619 87.527619a11.459048 11.459048 0 0 1-8.777143 3.657142z" p-id="9619"></path><path d="M512 368.39619a11.459048 11.459048 0 0 1-8.533333-3.657142l-87.527619-87.527619c-4.87619-4.87619-4.87619-12.434286 0-17.310477s12.434286-4.87619 17.310476 0l87.527619 87.527619c4.87619 4.87619 4.87619 12.434286 0 17.310477a11.459048 11.459048 0 0 1-8.777143 3.657142z" p-id="9620"></path><path d="M512 957.68381c-6.826667 0-12.190476-5.36381-12.190476-12.190477V512c0-6.826667 5.36381-12.190476 12.190476-12.190476s12.190476 5.36381 12.190476 12.190476v433.493333c0 6.826667-5.36381 12.190476-12.190476 12.190477z" p-id="9621"></path><path d="M411.306667 906.971429a11.459048 11.459048 0 0 1-8.533334-3.657143c-4.87619-4.87619-4.87619-12.434286 0-17.310476l100.693334-100.693334c4.87619-4.87619 12.434286-4.87619 17.310476 0s4.87619 12.434286 0 17.310476l-100.693333 100.693334c-2.438095 2.438095-5.607619 3.657143-8.777143 3.657143z" p-id="9622"></path><path d="M612.693333 906.971429a11.459048 11.459048 0 0 1-8.533333-3.657143l-100.693333-100.693334c-4.87619-4.87619-4.87619-12.434286 0-17.310476s12.434286-4.87619 17.310476 0l100.693333 100.693334c4.87619 4.87619 4.87619 12.434286 0 17.310476-2.681905 2.438095-5.851429 3.657143-8.777143 3.657143zM424.472381 767.512381a11.459048 11.459048 0 0 1-8.533333-3.657143c-4.87619-4.87619-4.87619-12.434286 0-17.310476l87.527619-87.527619c4.87619-4.87619 12.434286-4.87619 17.310476 0s4.87619 12.434286 0 17.310476l-87.527619 87.527619c-2.681905 2.438095-5.607619 3.657143-8.777143 3.657143z" p-id="9623"></path><path d="M599.527619 767.512381a11.459048 11.459048 0 0 1-8.533333-3.657143l-87.527619-87.527619c-4.87619-4.87619-4.87619-12.434286 0-17.310476s12.434286-4.87619 17.310476 0l87.527619 87.527619c4.87619 4.87619 4.87619 12.434286 0 17.310476-2.438095 2.438095-5.607619 3.657143-8.777143 3.657143z" p-id="9624"></path><path d="M512 524.190476c-1.950476 0-4.144762-0.487619-6.095238-1.706666l-375.466667-216.746667c-5.851429-3.413333-7.801905-10.727619-4.388571-16.579048s10.727619-7.801905 16.579047-4.388571l375.466667 216.746666c5.851429 3.413333 7.801905 10.727619 4.388572 16.579048-2.194286 3.900952-6.339048 6.095238-10.48381 6.095238z" p-id="9625"></path><path d="M267.459048 383.024762c-5.36381 0-10.24-3.657143-11.702858-9.020952L218.940952 236.495238c-1.706667-6.339048 2.194286-13.165714 8.777143-14.872381 6.339048-1.706667 13.165714 2.194286 14.872381 8.777143l36.815238 137.508571a12.190476 12.190476 0 0 1-8.533333 14.872381c-1.219048 0.24381-2.194286 0.24381-3.413333 0.24381z" p-id="9626"></path><path d="M130.194286 419.84a12.190476 12.190476 0 0 1-3.169524-23.893333l137.508571-36.815238a12.190476 12.190476 0 0 1 14.872381 8.533333 12.190476 12.190476 0 0 1-8.533333 14.872381L133.36381 419.352381c-1.219048 0.487619-2.194286 0.487619-3.169524 0.487619zM377.173333 446.415238c-5.36381 0-10.24-3.657143-11.702857-9.020952l-31.939047-119.710476a12.190476 12.190476 0 0 1 8.533333-14.872381 12.190476 12.190476 0 0 1 14.872381 8.533333l31.939047 119.710476a12.190476 12.190476 0 0 1-11.702857 15.36z" p-id="9627"></path><path d="M257.462857 478.354286a12.190476 12.190476 0 0 1-3.169524-23.893334l119.710477-31.939047c6.582857-1.706667 13.165714 2.194286 14.87238 8.533333s-2.194286 13.165714-8.533333 14.872381l-119.710476 31.939048c-0.975238 0.487619-2.194286 0.487619-3.169524 0.487619z" p-id="9628"></path><path d="M887.466667 740.937143c-1.950476 0-4.144762-0.487619-6.095238-1.706667l-375.466667-216.746666a12.01981 12.01981 0 0 1-4.388572-16.579048c3.413333-5.851429 10.727619-7.801905 16.579048-4.388572l375.466667 216.746667c5.851429 3.413333 7.801905 10.727619 4.388571 16.579048-2.194286 3.900952-6.339048 6.095238-10.483809 6.095238z" p-id="9629"></path><path d="M793.112381 802.864762c-5.36381 0-10.24-3.657143-11.702857-9.020952l-36.815238-137.508572a12.190476 12.190476 0 0 1 8.533333-14.872381 12.190476 12.190476 0 0 1 14.872381 8.533333l36.815238 137.508572a12.190476 12.190476 0 0 1-8.533333 14.872381c-0.975238 0.24381-1.950476 0.487619-3.169524 0.487619z" p-id="9630"></path><path d="M756.297143 665.35619a12.190476 12.190476 0 0 1-3.169524-23.893333l137.508571-36.815238a12.190476 12.190476 0 0 1 14.872381 8.533333 12.190476 12.190476 0 0 1-8.533333 14.872381l-137.508571 36.815238c-0.975238 0.24381-1.950476 0.487619-3.169524 0.487619zM679.009524 721.67619c-5.36381 0-10.24-3.657143-11.702857-9.020952l-31.939048-119.710476a12.190476 12.190476 0 0 1 8.533333-14.872381 12.190476 12.190476 0 0 1 14.872381 8.533333l31.939048 119.710476a12.190476 12.190476 0 0 1-8.533333 14.872381c-1.219048 0.24381-2.194286 0.487619-3.169524 0.487619z" p-id="9631"></path><path d="M646.826667 601.965714a12.190476 12.190476 0 0 1-3.169524-23.893333l119.710476-31.939048c6.582857-1.462857 13.165714 2.194286 14.872381 8.533334a12.190476 12.190476 0 0 1-8.533333 14.872381l-119.710477 31.939047c-0.975238 0.487619-2.194286 0.487619-3.169523 0.487619z" p-id="9632"></path><path d="M136.533333 740.937143c-4.144762 0-8.289524-2.194286-10.483809-6.095238a12.01981 12.01981 0 0 1 4.388571-16.579048l375.466667-216.746667c5.851429-3.413333 13.165714-1.462857 16.579048 4.388572s1.462857 13.165714-4.388572 16.579048l-375.466667 216.746666c-1.950476 1.219048-3.900952 1.706667-6.095238 1.706667z" p-id="9633"></path><path d="M267.702857 665.35619c-0.975238 0-2.194286-0.24381-3.169524-0.487619l-137.508571-36.815238a12.092952 12.092952 0 1 1 6.339048-23.405714l137.508571 36.815238c6.582857 1.706667 10.24 8.533333 8.533333 14.872381-1.462857 5.36381-6.339048 9.020952-11.702857 9.020952z" p-id="9634"></path><path d="M230.887619 802.864762c-0.975238 0-2.194286-0.24381-3.169524-0.487619a12.092952 12.092952 0 0 1-8.533333-14.872381l36.815238-137.508572a12.092952 12.092952 0 1 1 23.405714 6.339048l-36.815238 137.508572c-1.462857 5.36381-6.339048 9.020952-11.702857 9.020952zM377.173333 601.965714c-0.975238 0-2.194286-0.24381-3.169523-0.487619l-119.710477-31.939047a12.092952 12.092952 0 1 1 6.339048-23.405715l119.710476 31.939048c6.582857 1.706667 10.24 8.533333 8.533333 14.872381a11.946667 11.946667 0 0 1-11.702857 9.020952z" p-id="9635"></path><path d="M344.990476 721.67619c-0.975238 0-2.194286-0.24381-3.169524-0.487619a12.092952 12.092952 0 0 1-8.533333-14.872381l31.939048-119.710476a12.092952 12.092952 0 1 1 23.405714 6.339048l-31.939048 119.710476c-1.219048 5.36381-6.095238 9.020952-11.702857 9.020952z" p-id="9636"></path><path d="M512 524.190476c-4.144762 0-8.289524-2.194286-10.48381-6.095238a12.01981 12.01981 0 0 1 4.388572-16.579048l375.466667-216.746666c5.851429-3.413333 13.165714-1.462857 16.579047 4.388571s1.462857 13.165714-4.388571 16.579048l-375.466667 216.746667c-1.950476 1.219048-3.900952 1.706667-6.095238 1.706666z" p-id="9637"></path><path d="M893.805714 419.84c-0.975238 0-2.194286-0.24381-3.169524-0.487619l-137.264761-36.571429a12.092952 12.092952 0 1 1 6.339047-23.405714l137.508572 36.815238c6.582857 1.706667 10.24 8.533333 8.533333 14.872381-1.462857 5.12-6.582857 8.777143-11.946667 8.777143z" p-id="9638"></path><path d="M756.540952 383.024762c-0.975238 0-2.194286-0.24381-3.169523-0.487619a12.092952 12.092952 0 0 1-8.533334-14.872381l36.815238-137.508572a12.092952 12.092952 0 1 1 23.405715 6.339048l-36.815238 137.508572a11.946667 11.946667 0 0 1-11.702858 9.020952zM766.537143 478.354286c-0.975238 0-2.194286-0.24381-3.169524-0.487619l-119.710476-31.939048a12.092952 12.092952 0 1 1 6.339047-23.405714l119.710477 31.939047c6.582857 1.706667 10.24 8.533333 8.533333 14.872381-1.462857 5.36381-6.339048 9.020952-11.702857 9.020953z" p-id="9639"></path><path d="M646.826667 446.415238c-0.975238 0-2.194286-0.24381-3.169524-0.487619a12.092952 12.092952 0 0 1-8.533333-14.872381l31.939047-119.710476a12.092952 12.092952 0 1 1 23.405714 6.339048l-31.939047 119.710476c-1.462857 5.36381-6.339048 9.020952-11.702857 9.020952z" p-id="9640"></path></svg>
\ No newline at end of file
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715562022162" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1701" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M510.656 1017.792c-5.696 0-11.328-0.576-17.024-1.472-16.96-3.008-414.976-78.272-414.976-652.16L78.656 217.344c0-26.688 11.52-52.416 31.616-70.592 19.84-17.664 45.952-26.688 72.768-25.216 2.944 0.256 11.264 0.576 23.936 0.576 24.192 0 71.168-1.472 114.112-11.776C355.968 102.144 401.088 73.024 448 28.416 454.528 22.336 456.96 21.056 457.984 20.48c29.312-18.88 75.008-19.584 106.688 0.832 5.44 3.456 14.08 10.24 25.024 18.944 26.432 21.312 75.84 60.992 114.176 70.08 43.008 10.24 89.408 11.776 113.344 11.776 12.288 0 20.608-0.32 22.592-0.448 3.584-0.128 5.504-0.192 7.488-0.192 24.768 0 48.448 8.96 66.496 25.344 20.096 18.176 31.68 43.904 31.68 70.592L945.472 364.16c0 573.632-400.576 649.152-417.6 652.16C522.112 1017.28 516.352 1017.792 510.656 1017.792L510.656 1017.792zM177.024 156.864c-15.936 0-31.232 5.824-43.008 16.32-12.608 11.392-19.84 27.456-19.84 44.16L114.176 364.16c0 544.32 369.792 614.4 385.536 617.152 7.36 1.344 14.784 1.344 22.016 0 15.936-2.752 388.16-73.088 388.16-617.152L909.888 217.344c0-16.64-7.232-32.768-19.968-44.16-11.648-10.496-26.752-16.192-42.752-16.192L842.24 157.056c-0.96 0.128-10.56 0.576-25.152 0.576-25.408 0-75.008-1.664-121.408-12.672-46.272-11.008-97.6-52.288-128.32-76.992C557.888 60.352 550.272 54.272 545.408 51.136c-20.224-12.992-49.28-12.992-69.568 0C475.584 51.328 474.304 52.544 472.384 54.272 421.056 103.04 370.176 135.232 329.216 144.96 282.752 155.968 232.64 157.632 206.912 157.632c-14.72 0-24.32-0.448-26.752-0.704L177.024 156.864 177.024 156.864zM177.024 156.864" fill="#d81e06" p-id="1702"></path><path d="M204.48 579.52C247.808 514.496 279.488 440.32 299.52 356.992L214.528 356.992 214.528 316.992l87.488 0L302.016 194.496l44.992 0 0 122.496 77.504 0 0 40L347.008 356.992l0 92.48L369.472 432c16.64 16.704 38.336 40 65.024 70.016L399.488 531.968C396.096 526.976 390.336 519.488 382.016 509.44 366.976 487.872 355.328 472.832 347.008 464.448l0 317.504L302.016 781.952l0-320c-18.368 60.032-42.496 114.176-72.512 162.56C222.784 611.136 214.528 596.096 204.48 579.52zM646.976 196.992c-4.992 9.984-9.984 18.368-14.976 25.024 51.648 83.392 112.512 140.864 182.528 172.48-11.712 13.376-21.696 27.52-30.016 42.496-71.68-43.328-130.88-101.632-177.472-174.976C568.64 323.648 512 385.344 436.992 446.976 427.008 430.336 416.128 416.96 404.48 406.976 489.472 352 553.6 278.656 596.992 186.944L646.976 196.992zM417.024 714.496l225.024 0c20.032-51.648 42.496-125.888 67.52-222.528l49.984 12.48c-21.696 71.68-45.888 141.632-72.512 210.048l110.016 0 0 42.496L417.024 756.992 417.024 714.496zM441.984 516.992l40-12.48c14.976 41.664 30.784 96.64 47.488 165.056L484.48 681.984C476.096 636.992 462.016 582.016 441.984 516.992zM481.984 414.464l249.984 0L731.968 456.96 481.984 456.96 481.984 414.464zM556.992 491.968l42.496-9.984c1.6 6.656 4.096 15.872 7.488 27.52 16.64 61.696 26.624 108.416 30.016 140.032L592 659.52C582.016 597.888 570.304 541.952 556.992 491.968z" fill="#d81e06" p-id="1703"></path></svg>
\ No newline at end of file
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715561147423" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8565" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M744 421h-9V273.1C735 171.59 652.41 89 550.9 89h-77.8C371.59 89 289 171.59 289 273.1V421h-9a84.25 84.25 0 0 0-84 84v340a84.25 84.25 0 0 0 84 84h464a84.25 84.25 0 0 0 84-84V505a84.25 84.25 0 0 0-84-84zM560 707.78L572 804H452l12-96.22a88 88 0 1 1 95.94 0zM655 421H369V273.1A104.22 104.22 0 0 1 473.1 169h77.8A104.22 104.22 0 0 1 655 273.1z" fill="#494848" p-id="8566"></path></svg>
\ No newline at end of file
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715505840252" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="53250" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M42.053388 42.053388h939.893224v939.893224H42.053388z" fill="#F5CB93" p-id="53251"></path><path d="M21.026694 42.053388v939.893224a21.026694 21.026694 0 0 0 21.026694 21.026694h939.893224a21.026694 21.026694 0 0 0 21.026694-21.026694V42.053388a21.026694 21.026694 0 0 0-21.026694-21.026694H42.053388a21.026694 21.026694 0 0 0-21.026694 21.026694z m939.893224 0v939.893224a21.026694 21.026694 0 0 1 21.026694-21.026694H42.053388a21.026694 21.026694 0 0 1 21.026694 21.026694V42.053388a21.026694 21.026694 0 0 1-21.026694 21.026694h939.893224a21.026694 21.026694 0 0 1-21.026694-21.026694z" fill="#6E6E96" p-id="53252"></path><path d="M194.49692 202.907598h503.034218L194.49692 705.941815zM814.784394 823.195072H319.223064L814.784394 327.633741z" fill="#DFAC67" p-id="53253"></path><path d="M272.295688 272.295688h364.258037l69.38809-69.38809H202.907598v503.034217l69.38809-69.38809z" fill="#6E6E96" opacity=".2" p-id="53254"></path><path d="M194.49692 223.934292h503.034218a21.018283 21.018283 0 0 1-14.865873-35.892567L179.626842 691.075943a21.018283 21.018283 0 0 1 35.892567 14.865872V202.907598a21.022489 21.022489 0 0 1-21.022489 21.026694z m14.870078 496.869191L712.392805 217.777676a21.005667 21.005667 0 0 0 4.558587-22.914892 21.009873 21.009873 0 0 0-19.420254-12.977675H194.49692a21.026694 21.026694 0 0 0-21.026694 21.026694v503.034218a21.026694 21.026694 0 0 0 35.896772 14.857462z" fill="#6E6E96" p-id="53255"></path><path d="M821.088197 447.473281V325.526867L325.526867 821.088197h121.946414z" fill="#6E6E96" opacity=".2" p-id="53256"></path><path d="M814.784394 802.168378H319.223064a21.026694 21.026694 0 1 1 14.870078 35.892567l495.557125-495.557126a21.018283 21.018283 0 0 1-35.892567-14.870078V823.195072a21.026694 21.026694 0 0 1 21.026694-21.026694z m-14.865872-489.400509L304.357191 808.329199a21.018283 21.018283 0 0 0 14.870078 35.892567h495.557125a21.026694 21.026694 0 0 0 21.026694-21.026694V327.633741a21.018283 21.018283 0 0 0-35.892566-14.865872z" fill="#6E6E96" p-id="53257"></path><path d="M910.455852 37.848049v876.813142H37.848049v63.080082h939.893224V37.848049z" fill="#6E6E96" opacity=".15" p-id="53258"></path><path d="M63.080082 63.080082h847.37577v51.515401H63.080082zM63.080082 114.595483h47.310062V914.661191H63.080082z" fill="#FFFFFF" opacity=".19" p-id="53259"></path></svg>
\ No newline at end of file
This diff is collapsed.
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Mon May 13 08:49:03 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 -1 764 764
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 -1 764 764
%%EndPageSetup
q 0 -1 764 765 rectclip q
0.0156863 0 0 rg
733.598 529.875 m 657.496 710.629 456.805 804.301 269.383 746.555 c 81.957
688.805 -31.215 498.43 7.605 306.192 c 46.426 113.953 224.602 -17.593 419.75
1.914 c 614.895 21.422 763.508 185.629 763.512 381.75 c 763.578 432.633
753.406 483.008 733.598 529.875 c h
382.949 49.254 m 199.598 49.254 50.398 198.399 50.398 381.75 c 50.398 565.102
199.598 714.27 382.949 714.27 c 566.301 714.27 715.477 565.102 715.477
381.75 c 715.477 198.399 566.309 49.254 382.949 49.254 c h
382.949 49.254 m f
0 g
212.965 368.286 m 188.215 303.926 153.598 231.852 129.902 188.399 c 176.66
163.094 l 202.52 214.293 232.223 281.918 254.781 341.875 c h
438.52 632.895 m 382.957 643.348 l 377.453 618.547 370.301 593.836 363.148
569.629 c 265.781 569.629 l 265.781 522.317 l 347.199 522.317 l 334.543
484.911 321.895 455.203 315.293 443.653 c 304.285 418.895 294.934 402.942
283.383 399.094 c 289.438 385.895 298.238 360.582 300.98 350.133 c 306.477
355.086 327.383 358.379 353.781 358.379 c 434.102 358.379 l 434.102 195.547
l 434.102 187.844 431.352 185.645 423.102 185.094 c 415.398 185.094 388.438
185.094 361.5 185.645 c 367.551 172.446 374.703 150.989 376.902 137.782
c 416.52 137.782 443.469 138.332 461.621 146.582 c 479.223 154.278 484.184
168.036 484.184 194.989 c 484.184 358.379 l 605.207 358.379 l 605.207 404.598
l 484.184 404.598 l 484.184 481.614 l 434.117 481.614 l 434.117 404.598
l 352.148 404.598 l 370.973 442.969 387.863 482.258 402.758 522.317 c 627.758
522.317 l 627.758 569.629 l 419.812 569.629 l 426.398 590.532 433.016 611.438
438.52 632.895 c h
438.52 632.895 m f
515.535 300.071 m 541.934 257.707 573.301 201.598 586.5 168.071 c 633.812
190.051 l 618.957 223.653 585.949 278.051 559.543 318.231 c h
327.941 317.676 m 313.637 277.516 284.484 225.805 253.68 193.348 c 264.68
186.196 283.383 172.989 293.285 163.094 c 326.848 199.399 359.301 255.508
380.207 303.895 c h
251.477 489.309 m 236.621 522.868 203.07 575.707 175.559 614.188 c 133.75
591.086 l 161.254 550.926 193.75 496.461 206.918 462.356 c h
251.477 489.309 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715561341044" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9786" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M972 324.22a477.16 477.16 0 1 0 37.39 185.16A474.07 474.07 0 0 0 972 324.22zM533.69 925C304.5 925 118 738.57 118 509.38S304.5 93.73 533.69 93.73s415.66 186.46 415.66 415.65S762.89 925 533.69 925z" fill="#040000" p-id="9787"></path><path d="M321.21 526.21C290.27 606.66 247 696.75 217.38 751.07l58.45 31.63c32.32-64 69.45-148.53 97.65-223.48zM603.15 195.45l-69.45-13.07c-6.88 31-15.82 61.89-24.76 92.15H387.23v59.14H489c-15.82 46.76-31.63 83.89-39.88 98.33-13.76 30.95-25.45 50.89-39.89 55.7 7.57 16.5 18.57 48.14 22 61.2 6.87-6.19 33-10.31 66-10.31h100.4v203.54c0 9.63-3.44 12.38-13.75 13.07-9.63 0-43.33 0-77-0.69 7.56 16.5 16.5 43.32 19.25 59.83 49.52 0 83.21-0.69 105.9-11 22-9.62 28.2-26.82 28.2-60.51V538.59h151.28v-57.77H660.23v-96.27h-62.58v96.27H495.19a1599.71 1599.71 0 0 0 63.26-147.15H839.7v-59.14H579.77c8.23-26.13 16.5-52.26 23.38-79.08z" p-id="9788"></path><path d="M699.42 611.48c33 52.95 72.21 123.09 88.71 165L847.27 749c-18.57-42-59.83-110-92.84-160.22zM464.93 589.47c-17.88 50.2-54.32 114.84-92.83 155.41 13.75 8.94 37.13 25.45 49.51 37.82 41.95-45.38 82.52-115.52 108.65-176zM369.35 374.93c-18.57-41.95-60.51-108-94.9-156.1l-52.26 28.88c34.38 50.2 75 118.28 91.46 160.91z" p-id="9789"></path></svg>
\ No newline at end of file
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Sun May 12 17:19:57 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 -1 820 705
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 -1 820 705
%%EndPageSetup
q 0 -1 820 706 rectclip q
0.819608 0.690196 0.509804 rg
624.641 320.512 m 194.559 320.512 l 183.297 320.512 174.078 329.727 174.078
340.992 c 174.078 586.75 l 174.078 598.016 183.297 607.231 194.559 607.231
c 624.641 607.231 l 635.902 607.231 645.121 598.016 645.121 586.75 c 645.121
340.992 l 645.121 329.727 635.902 320.512 624.641 320.512 c h
782.438 0 m 681.473 0 l 661.195 0 644.711 16.485 644.711 36.762 c 644.711
73.727 l 511.898 73.727 l 511.898 36.762 l 511.898 16.485 495.41 0 475.137
0 c 327.68 0 l 307.406 0 290.918 16.485 290.918 36.762 c 290.918 73.727
l 166.297 73.727 l 166.297 36.762 l 166.297 16.485 149.812 0 129.535 0
c 36.762 0 l 16.488 0 0 16.485 0 36.762 c 0 243.711 l 0 263.989 16.488 280.473
36.762 280.473 c 782.438 280.473 l 802.715 280.473 819.199 263.989 819.199
243.711 c 819.199 36.864 l 819.199 16.485 802.715 0 782.438 0 c h
701.848 57.141 m 762.062 57.141 l 762.062 223.336 l 57.141 223.336 l 57.141
57.242 l 109.16 57.242 l 109.16 94.207 l 109.16 114.485 125.645 130.969
145.922 130.969 c 311.297 130.969 l 331.57 130.969 348.059 114.485 348.059
94.207 c 348.059 57.242 l 454.758 57.242 l 454.758 94.207 l 454.758 114.485
471.246 130.969 491.52 130.969 c 664.984 130.969 l 685.262 130.969 701.746
114.485 701.746 94.207 c 701.746 57.141 l h
701.848 57.141 m f
731.137 223.336 m 88.062 223.336 l 88.062 656.895 l 88.121 683.172 109.406
704.457 135.68 704.512 c 683.418 704.512 l 709.691 704.457 730.977 683.172
731.035 656.895 c 731.035 223.336 l h
145.203 280.473 m 673.895 280.473 l 673.895 647.371 l 145.203 647.371 l
h
145.203 280.473 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715505583965" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10476" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M780.8 551.68H243.2c-14.08 0-25.6-11.52-25.6-25.6v-307.2c0-14.08 11.52-25.6 25.6-25.6h537.6c14.08 0 25.6 11.52 25.6 25.6v307.2c0 14.08-11.52 25.6-25.6 25.6zM978.048 952.32h-126.208c-25.344 0-45.952-20.608-45.952-45.952V860.16H639.872v46.208c0 25.344-20.608 45.952-45.952 45.952H409.6c-25.344 0-45.952-20.608-45.952-45.952V860.16H207.872v46.208c0 25.344-20.608 45.952-45.952 45.952H45.952C20.608 952.32 0 931.712 0 906.368V647.68c0-25.344 20.608-45.952 45.952-45.952h932.096c25.344 0 45.952 20.608 45.952 45.952v258.56c0 25.472-20.608 46.08-45.952 46.08z m-100.736-71.424h75.264V673.152H71.424v207.616h65.024V834.56c0-25.344 20.608-45.952 45.952-45.952H389.12c25.344 0 45.952 20.608 45.952 45.952v46.208h133.376V834.56c0-25.344 20.608-45.952 45.952-45.952h216.832c25.344 0 45.952 20.608 45.952 45.952v46.336z" fill="#D1B082" p-id="10477"></path><path d="M913.92 673.152H110.08V131.2a59.648 59.648 0 0 1 59.52-59.52h684.672a59.648 59.648 0 0 1 59.52 59.52v541.952z m-732.416-71.424h660.864V143.104H181.504v458.624z" fill="#D1B082" p-id="10478"></path></svg>
\ No newline at end of file
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Mon May 13 09:00:26 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 -1 694 810
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 -1 694 810
%%EndPageSetup
q 0 -1 694 811 rectclip q
0.847059 0.117647 0.0235294 rg
345.602 0.001 m 341.043 0.001 336.539 0.462 331.98 1.177 c 318.414 3.583
0 63.794 0 522.907 c 0 640.36 l 0 661.708 9.215 682.29 25.293 696.833 c
41.164 710.962 62.055 718.181 83.508 717.005 c 85.863 716.802 92.52 716.544
102.656 716.544 c 122.008 716.544 159.59 717.72 193.945 725.966 c 221.848
732.517 257.945 755.813 295.477 791.501 c 300.699 796.364 302.645 797.388
303.461 797.849 c 326.91 812.954 363.469 813.517 388.812 797.185 c 393.164
794.419 400.078 788.993 408.832 782.028 c 429.977 764.977 469.504 733.235
500.172 725.966 c 534.578 717.774 571.699 716.544 590.848 716.544 c 600.68
716.544 607.336 716.802 608.922 716.903 c 611.789 717.005 613.324 717.056
614.91 717.056 c 634.727 717.056 653.672 709.888 668.109 696.782 c 684.188
682.239 693.453 661.657 693.453 640.306 c 693.453 522.907 l 693.453 64.001
372.992 3.583 359.371 1.177 c 354.766 0.411 350.156 0.001 345.602 0.001
c h
78.695 688.743 m 65.945 688.743 53.707 684.083 44.289 675.685 c 34.203
666.571 28.414 653.72 28.414 640.36 c 28.414 522.907 l 28.414 87.45 324.25
31.384 336.844 29.185 c 342.734 28.11 348.672 28.11 354.457 29.185 c 367.207
31.384 664.984 87.653 664.984 522.907 c 664.984 640.36 l 664.984 653.669
659.199 666.571 649.012 675.685 c 639.691 684.083 627.609 688.642 614.809
688.642 c 610.867 688.587 l 610.098 688.485 602.418 688.13 590.746 688.13
c 570.418 688.13 530.738 689.458 493.621 698.267 c 456.602 707.071 415.539
740.095 390.965 759.86 c 383.387 765.95 377.293 770.817 373.402 773.325
c 357.223 783.72 333.977 783.72 317.746 773.325 c 317.543 773.173 316.52
772.2 314.98 770.817 c 273.922 731.802 233.215 706.048 200.449 698.267
c 163.277 689.458 123.188 688.13 102.605 688.13 c 90.828 688.13 83.148 688.485
81.203 688.692 c h
78.695 688.743 m f
100.66 350.618 m 135.32 402.638 160.664 461.977 176.691 528.642 c 108.699
528.642 l 108.699 560.642 l 178.688 560.642 l 178.688 658.638 l 214.68
658.638 l 214.68 560.642 l 276.684 560.642 l 276.684 528.642 l 214.68 528.642
l 214.68 454.657 l 232.652 468.634 l 245.965 455.27 263.32 436.634 284.672
412.622 c 256.664 388.661 l 253.953 392.653 249.344 398.642 242.688 406.681
c 230.656 423.935 221.336 435.97 214.68 442.677 c 214.68 188.673 l 178.688
188.673 l 178.688 444.673 l 163.992 396.645 144.691 353.333 120.68 314.626
c 115.301 325.325 108.699 337.356 100.66 350.618 c h
454.656 656.642 m 450.664 648.653 446.668 641.946 442.676 636.622 c 483.992
569.907 532.684 523.931 588.699 498.638 c 579.328 487.935 571.34 476.622
564.684 464.642 c 507.34 499.302 459.98 545.946 422.707 604.622 c 391.988
555.313 346.676 505.958 286.668 456.653 c 278.68 469.966 269.977 480.665
260.66 488.653 c 328.652 532.634 379.957 591.31 414.668 664.677 c h
270.695 242.638 m 450.715 242.638 l 466.738 283.954 484.711 343.349 504.73
420.661 c 544.719 410.677 l 527.359 353.333 508.008 297.368 486.707 242.638
c 574.719 242.638 l 574.719 208.642 l 270.695 208.642 l h
290.664 400.642 m 322.664 410.626 l 334.645 377.294 347.289 333.313 360.652
278.579 c 324.66 268.645 l 317.953 304.642 306.688 348.622 290.664 400.642
c h
322.664 482.661 m 522.648 482.661 l 522.648 448.665 l 322.664 448.665 l
h
382.668 420.661 m 416.664 428.645 l 417.945 423.321 419.941 415.95 422.656
406.63 c 435.969 357.274 443.957 319.899 446.668 294.606 c 410.676 286.618
l 402.688 335.923 393.32 380.673 382.668 420.661 c h
382.668 420.661 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Sun May 12 17:24:02 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 -1 786 786
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 -1 786 786
%%EndPageSetup
q 0 -1 786 787 rectclip q
0.960784 0.796078 0.576471 rg
16.82 768.737 751.914 -751.914 re f
0.431373 0.431373 0.588235 rg
0 768.737 m 0 16.823 l 0 12.362 1.773 8.081 4.926 4.928 c 8.082 1.772 12.359
-0.001 16.82 -0.001 c 768.734 -0.001 l 773.195 -0.001 777.477 1.772 780.629
4.928 c 783.785 8.081 785.559 12.362 785.559 16.823 c 785.559 768.737 l
785.559 773.198 783.785 777.475 780.629 780.632 c 777.477 783.784 773.195
785.557 768.734 785.557 c 16.82 785.557 l 7.531 785.557 0 778.026 0 768.737
c h
751.914 768.737 m 751.914 16.823 l 751.914 21.284 753.688 25.561 756.84
28.717 c 759.996 31.87 764.273 33.643 768.734 33.643 c 16.82 33.643 l 21.281
33.643 25.562 31.87 28.715 28.717 c 31.871 25.561 33.645 21.284 33.645
16.823 c 33.645 768.737 l 33.645 759.444 26.113 751.913 16.82 751.913 c
768.734 751.913 l 764.273 751.913 759.996 753.686 756.84 756.842 c 753.688
759.995 751.914 764.276 751.914 768.737 c h
751.914 768.737 m f
0.87451 0.67451 0.403922 rg
138.777 640.053 m 541.203 640.053 l 138.777 237.624 l h
635.008 143.823 m 238.559 143.823 l 635.008 540.272 l h
635.008 143.823 m f
0.431373 0.431373 0.588235 rg
201.016 584.542 m 492.422 584.542 l 547.934 640.053 l 145.504 640.053 l
145.504 237.624 l 201.016 293.135 l h
201.016 584.542 m f
138.777 623.233 m 541.203 623.233 l 534.398 623.225 528.262 627.323 525.656
633.612 c 523.051 639.901 524.496 647.135 529.312 651.944 c 126.879 249.518
l 131.688 254.335 138.926 255.776 145.215 253.174 c 151.5 250.569 155.598
244.432 155.594 237.624 c 155.594 640.053 l 155.594 635.592 153.824 631.311
150.668 628.159 c 147.516 625.003 143.238 623.233 138.777 623.233 c h
150.672 225.737 m 553.094 628.155 l 557.906 632.964 559.348 640.202 556.738
646.487 c 554.141 652.776 548.008 656.874 541.203 656.87 c 138.777 656.87
l 129.484 656.87 121.953 649.339 121.953 640.049 c 121.953 237.624 l 121.957
230.819 126.059 224.686 132.344 222.085 c 138.629 219.483 145.863 220.924
150.672 225.737 c h
150.672 225.737 m f
640.051 444.401 m 640.051 541.956 l 243.602 145.507 l 341.156 145.507 l
h
640.051 444.401 m f
635.008 160.643 m 238.559 160.643 l 243.941 166.03 252.27 167.128 258.863
163.319 c 265.457 159.514 268.672 151.753 266.703 144.397 c 264.73 137.046
258.066 131.928 250.453 131.928 c 646.898 528.374 l 642.09 523.557 634.852
522.116 628.562 524.721 c 622.277 527.327 618.18 533.464 618.184 540.272
c 618.184 143.823 l 618.184 148.284 619.957 152.561 623.113 155.717 c 626.266
158.87 630.543 160.643 635.008 160.643 c h
623.113 552.163 m 226.664 155.714 l 221.848 150.905 220.406 143.667 223.012
137.382 c 225.617 131.092 231.754 126.995 238.559 127.003 c 635.008 127.003
l 639.469 127.003 643.746 128.772 646.902 131.928 c 650.055 135.085 651.828
139.362 651.828 143.823 c 651.828 540.272 l 651.832 547.077 647.734 553.214
641.445 555.819 c 635.16 558.424 627.922 556.979 623.113 552.163 c h
623.113 552.163 m f
711.543 772.1 m 711.543 70.651 l 13.457 70.651 l 13.457 20.186 l 765.371
20.186 l 765.371 772.1 l h
711.543 772.1 m f
1 g
33.645 751.913 m 711.543 751.913 l 711.543 710.702 l 33.645 710.702 l h
33.645 710.702 m 71.492 710.702 l 71.492 70.651 l 33.645 70.651 l h
33.645 710.702 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Mon May 13 08:32:30 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 0 717 600
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 0 717 600
%%EndPageSetup
q 0 0 717 600 rectclip q
0.2 g
690.078 474.559 m 439.199 474.559 l 439.199 210.32 l 439.199 201.281 430.16
192.16 421.039 192.16 c 358.078 236.961 l 295.121 192.16 l 286.078 192.16
276.961 201.199 276.961 210.32 c 276.961 474.559 l 27.199 474.559 l 13.84
474.559 0.48 461.199 0.48 447.84 c 0.48 26.719 l 0.48 13.359 13.84 0 27.199
0 c 690.078 0 l 703.441 0 716.801 13.359 716.801 26.719 c 716.801 447.84
l 716.801 461.199 703.441 474.559 690.078 474.559 c h
161.68 367.281 m 85.359 367.281 l 72 367.281 58.641 380.641 58.641 394
c 58.641 407.359 72 420.719 85.359 420.719 c 161.68 420.719 l 175.039 420.719
188.398 407.359 188.398 394 c 188.398 380.641 175.039 367.281 161.68 367.281
c h
690.078 600 m 31.441 600 l 13.359 600 0 586.641 0 573.281 c 0 559.922 13.359
546.559 26.719 546.559 c 685.359 546.559 l 698.719 546.559 712.078 559.922
712.078 573.281 c 716.801 586.641 703.441 600 690.078 600 c h
690.078 600 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715560297908" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8133" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M926.6 293.8H613v330.3c0 11.3-11.3 22.7-22.7 22.7l-78.7-56-78.7 56c-11.3 0-22.7-11.3-22.7-22.7V293.8H98c-16.7 0-33.4 16.7-33.4 33.4v526.4c0 16.7 16.7 33.4 33.4 33.4h828.6c16.7 0 33.4-16.7 33.4-33.4V327.2c0-16.7-16.7-33.4-33.4-33.4zM266.1 427.9h-95.4c-16.7 0-33.4-16.7-33.4-33.4s16.7-33.4 33.4-33.4h95.4c16.7 0 33.4 16.7 33.4 33.4s-16.7 33.4-33.4 33.4zM926.6 137H103.3C80.7 137 64 153.7 64 170.4s16.7 33.4 33.4 33.4h823.3c16.7 0 33.4-16.7 33.4-33.4 5.9-16.7-10.8-33.4-27.5-33.4z" fill="#333333" p-id="8134"></path></svg>
\ No newline at end of file
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.14.2 (http://cairographics.org)
%%CreationDate: Mon May 13 08:45:51 2024
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 0 506 672
%%EndComments
%%BeginProlog
save
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/pdfmark where { pop globaldict /?pdfmark /exec load put }
{ globaldict begin /?pdfmark /pop load def /pdfmark
/cleartomark load def end } ifelse
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 0 506 672
%%EndPageSetup
q 0 0 506 672 rectclip q
0.286275 0.282353 0.282353 rg
438.398 406.398 m 431.199 406.398 l 431.199 524.719 l 431.199 605.93 365.129
672 283.922 672 c 221.68 672 l 140.473 672 74.398 605.93 74.398 524.719
c 74.398 406.398 l 67.199 406.398 l 30.133 406.289 0.109 376.27 0 339.199
c 0 67.199 l 0.109 30.133 30.133 0.109 67.199 0 c 438.398 0 l 475.469 0.109
505.488 30.133 505.602 67.199 c 505.602 339.199 l 505.488 376.27 475.469
406.289 438.398 406.398 c h
291.199 176.977 m 300.801 100 l 204.801 100 l 214.398 176.977 l 188.266
193.969 176.418 226.125 185.281 256.012 c 194.145 285.898 221.605 306.398
252.777 306.398 c 283.949 306.398 311.41 285.898 320.27 256.012 c 329.133
226.125 317.285 193.969 291.152 176.977 c h
367.199 406.398 m 138.398 406.398 l 138.398 524.719 l 138.453 570.691 175.707
607.945 221.68 608 c 283.922 608 l 329.891 607.945 367.148 570.691 367.199
524.719 c h
367.199 406.398 m f
Q Q
showpage
%%Trailer
end restore
%%EOF
<template>
<div class="full">
<div ref="infoBox" class="infoCar">
</div>
<div class="full container">
<div ref="mx1" v-for="(item,index) in boxList" :key="item.code" class="box dj">
<!-- {{item.code}} -->
</div>
</div>
</div>
</template>
<script>
export default{
mounted(){
this.getBoxList()
},
data(){
return{
boxList:[]
}
},
methods:{
getBoxList(){
this.$post('lxyl/cxfx/kw/query',{
hjCode :'HJ1',
kwx:'1'
}).then(res=>{
if(res.data.records){
this.boxList=res.data.records
/* 开始监听dom*/
this.$nextTick(()=>{
var infoBox = this.$refs.infoBox
$(this.$refs.mx1).each((index, element) => {
element.addEventListener('mouseover', (event)=>{
console.log(event)
let info= this.boxList[index]
let content =
`
<br />
名称:${info.code}
<br />
状态:正常
<br />
数量:100
<br />
物料:测试code
<br />`
$(infoBox).empty()
$(infoBox).append(content)
infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素
infoBox.style.left = (event.layerX +25) + 'px'; // 信息框距离左侧10像素
infoBox.style.display = 'block';
});
element.addEventListener('mouseout', function(event) {
// 隐藏信息框
infoBox.style.display = 'none';
});
});
})
}
})
}
}
}
</script>
<style scoped>
.container {
position: relative;
display: grid;
grid-template-columns: repeat(48, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow-y: hidden;
&::-webkit-scrollbar {
height: 10px;
/* background-color: #032d60; */
}
&::-webkit-scrollbar-thumb {
background: #032d60; /* 滚动条滑块颜色 */
}
}
.box {
width: 30px;
height: 30px;
background-color: #4CAF50;
}
.infoCar {
border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px;
-moz-box-shadow: #07417a 0px 0px 10px;
box-shadow: inset 0 0 30px #07417a;
display: none;
position: absolute;
z-index: 9999;
background-color: #01172a;
color: #009ae7;
font-size: 13px;
padding: 10px;
right: 10px;
top: 10px;
line-height: 16px;
height: 106px;
width: 130px
}
</style>
<template>
<div class="full">
<div ref="infoBox" class="infoCar">
</div>
<div class="full flex containerAll">
<div class="full flex1 container1">
<div ref="mx1" v-for="(item,index) in boxList1" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container2">
<div ref="mx2" v-for="(item,index) in boxList2" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container3">
<div ref="mx3" v-for="(item,index) in boxList3" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container4">
<div ref="mx4" v-for="(item,index) in boxList4" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container5">
<div ref="mx5" v-for="(item,index) in boxList5" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container6">
<div ref="mx6" v-for="(item,index) in boxList6" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container7">
<div ref="mx7" v-for="(item,index) in boxList7" :key="item.code" class="box">
</div>
</div>
<div class="full flex1 container8">
<div ref="mx8" v-for="(item,index) in boxList8" :key="item.code" class="box">
</div>
</div>
</div>
</div>
</template>
<script>
function padZero(num, length) {
return (Array(length).join('0') + num).slice(-length);
}
export default {
beforeDestroy() {
$(this.$refs.mx1).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx2).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx3).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx4).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx5).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx6).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx7).each((index,item)=>{
removeEventListener('mouseover');
})
$(this.$refs.mx8).each((index,item)=>{
removeEventListener('mouseover');
})
},
mounted() {
this.getBoxList1()
this.getBoxList2()
this.getBoxList3()
this.getBoxList4()
this.getBoxList5()
this.getBoxList6()
this.getBoxList7()
this.getBoxList8()
},
data() {
return {
boxList1: [],
boxList2: [],
boxList3: [],
boxList4: [],
boxList5: [],
boxList6: [],
boxList7: [],
boxList8: []
}
},
methods: {
getEvent(mx, list) {
this.$nextTick(() => {
var infoBox = this.$refs.infoBox
$(mx).each((index, element) => {
element.addEventListener('mouseover', (event) => {
console.log(event)
let info = list[index]
let content =
`
<br />
名称:${info}
<br />
状态:正常
<br />
数量:100
<br />
物料:测试code
<br />`
$(infoBox).empty()
$(infoBox).append(content)
infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素
infoBox.style.left = (event.screenX + 25) + 'px'; // 信息框距离左侧10像素
infoBox.style.display = 'block';
});
element.addEventListener('mouseout', function(event) {
// 隐藏信息框
infoBox.style.display = 'none';
});
});
})
},
getBoxList1() {
/* 开始造数据*/
let x = 4
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 1; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList1.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx1, this.boxList1)
})
},
getBoxList2() {
/* 开始造数据*/
let x = 8
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 5; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList2.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx2, this.boxList2)
})
},
getBoxList3() {
/* 开始造数据*/
let x = 11
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 9; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList3.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx3, this.boxList3)
})
},
getBoxList4() {
/* 开始造数据*/
let x = 16
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 12; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList4.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx4, this.boxList4)
})
},
getBoxList5() {
/* 开始造数据*/
let x = 20
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 17; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList5.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx5, this.boxList5)
})
},
getBoxList6() {
/* 开始造数据*/
let x = 24
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 21; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList6.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx6, this.boxList6)
})
},
getBoxList7() {
/* 开始造数据*/
let x = 28
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 25; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList7.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx7, this.boxList7)
})
},
getBoxList8() {
/* 开始造数据*/
let x = 31
let y = 9
for (let yi = 9; yi >= 1; yi--) {
for (let xi = 29; xi <= x; xi++) {
let code = `11-${padZero(xi,3)}-${padZero(yi,3)}`
this.boxList8.push(code)
}
}
this.$nextTick(() => {
this.getEvent(this.$refs.mx8, this.boxList8)
})
}
}
}
</script>
<style scoped>
.containerAll {}
.container1 {
position: relative;
display: grid;
grid-template-columns: repeat(4, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container2 {
position: relative;
display: grid;
grid-template-columns: repeat(4, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container3 {
position: relative;
display: grid;
grid-template-columns: repeat(3, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container4 {
position: relative;
display: grid;
grid-template-columns: repeat(5, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container5 {
position: relative;
display: grid;
grid-template-columns: repeat(4, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container6 {
position: relative;
display: grid;
grid-template-columns: repeat(4, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container7 {
position: relative;
display: grid;
grid-template-columns: repeat(4, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.container8 {
position: relative;
display: grid;
grid-template-columns: repeat(3, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow: hidden;
}
.box {
width: 30px;
height: 30px;
background-color: #4CAF50;
}
.infoCar {
border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px;
-moz-box-shadow: #07417a 0px 0px 10px;
box-shadow: inset 0 0 30px #07417a;
display: none;
position: absolute;
z-index: 9999;
background-color: #01172a;
color: #009ae7;
font-size: 13px;
padding: 10px;
right: 10px;
top: 10px;
line-height: 16px;
height: 106px;
width: 130px
}
</style>
<template>
<div class="full">
<div ref="infoBox" class="infoCar">
</div>
<div class="full container">
<div ref="mx1" v-for="(item,index) in boxList" :key="item.code" class="box">
<!-- {{item.code}} -->
</div>
</div>
</div>
</template>
<script>
export default{
mounted(){
this.getBoxList()
},
data(){
return{
boxList:[]
}
},
methods:{
getBoxList(){
this.$post('lxyl/cxfx/kw/query',{
hjCode :'HJ2',
kwx:'2'
}).then(res=>{
if(res.data.records){
this.boxList=res.data.records
/* 开始监听dom*/
this.$nextTick(()=>{
var infoBox = this.$refs.infoBox
$(this.$refs.mx1).each((index, element) => {
element.addEventListener('mouseover', (event)=>{
console.log(event)
let info= this.boxList[index]
let content =
`
<br />
名称:${info.code}
<br />
状态:正常
<br />
数量:100
<br />
物料:测试code
<br />`
$(infoBox).empty()
$(infoBox).append(content)
infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素
infoBox.style.left = (event.layerX +25) + 'px'; // 信息框距离左侧10像素
infoBox.style.display = 'block';
});
element.addEventListener('mouseout', function(event) {
// 隐藏信息框
infoBox.style.display = 'none';
});
});
})
}
})
}
}
}
</script>
<style scoped>
.container {
position: relative;
display: grid;
grid-template-columns: repeat(48, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow-y: hidden;
&::-webkit-scrollbar {
height: 10px;
/* background-color: #032d60; */
}
&::-webkit-scrollbar-thumb {
background: #032d60; /* 滚动条滑块颜色 */
}
}
.box {
width: 30px;
height: 30px;
background-color: #4CAF50;
}
.infoCar {
border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px;
-moz-box-shadow: #07417a 0px 0px 10px;
box-shadow: inset 0 0 30px #07417a;
display: none;
position: absolute;
z-index: 9999;
background-color: #01172a;
color: #009ae7;
font-size: 13px;
padding: 10px;
right: 10px;
top: 10px;
line-height: 16px;
height: 106px;
width: 130px
}
</style>
<template>
<div class="full">
<div ref="infoBox" class="infoCar">
</div>
<div class="full container">
<div ref="mx1" v-for="(item,index) in boxList" :key="item.code" class="box">
<!-- {{item.code}} -->
</div>
</div>
</div>
</template>
<script>
export default{
mounted(){
this.getBoxList()
},
data(){
return{
boxList:[]
}
},
methods:{
getBoxList(){
this.$post('lxyl/cxfx/kw/query',{
hjCode :'HJ3',
kwx:'3'
}).then(res=>{
if(res.data.records){
this.boxList=res.data.records
/* 开始监听dom*/
this.$nextTick(()=>{
var infoBox = this.$refs.infoBox
$(this.$refs.mx1).each((index, element) => {
element.addEventListener('mouseover', (event)=>{
console.log(event)
let info= this.boxList[index]
let content =
`
<br />
名称:${info.code}
<br />
状态:正常
<br />
数量:100
<br />
物料:测试code
<br />`
$(infoBox).empty()
$(infoBox).append(content)
infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素
infoBox.style.left = (event.layerX +25) + 'px'; // 信息框距离左侧10像素
infoBox.style.display = 'block';
});
element.addEventListener('mouseout', function(event) {
// 隐藏信息框
infoBox.style.display = 'none';
});
});
})
}
})
}
}
}
</script>
<style scoped>
.container {
position: relative;
display: grid;
grid-template-columns: repeat(48, 30px);
grid-template-rows: repeat(9, 8%);
gap: 6px;
overflow-y: hidden;
&::-webkit-scrollbar {
height: 10px;
/* background-color: #032d60; */
}
&::-webkit-scrollbar-thumb {
background: #032d60; /* 滚动条滑块颜色 */
}
}
.box {
width: 30px;
height: 30px;
background-color: #4CAF50;
}
.infoCar {
border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px;
-moz-box-shadow: #07417a 0px 0px 10px;
box-shadow: inset 0 0 30px #07417a;
display: none;
position: absolute;
z-index: 9999;
background-color: #01172a;
color: #009ae7;
font-size: 13px;
padding: 10px;
right: 10px;
top: 10px;
line-height: 16px;
height: 106px;
width: 130px
}
</style>
......@@ -46,23 +46,19 @@
{
title: "唯一码",
field: "packCode",
width: 240
width: 180
},
{
title: "物料编码",
field: "wlxxCode",
width: 140
width: 160
},
{
title: "物料名称",
field: "wlxxName",
width: 140
},
{
title: "数量",
field: "sl",
width: 120
width: 180
},
{
title: "物料规格",
field: "wlxxGg",
......@@ -78,18 +74,11 @@
field: "zlh",
width: 180
},
{
title: "维护人",
field: "whr"
},
{
title: "维护时间",
field: "whsj",
fieldType: "ftDateTime"
},
title: "数量",
field: "sl",
width: 120
}
],
queryParams: [],
......
<template>
<RelDialog @beforeCopyDetail='beforeCopyDetail' bigTitle detailTable='HTRKMX' @getForm='getForm'
<RelDialog ref="RelDialog" bigTitle @getForm='getForm'
@getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
<el-row :gutter="20" :app="this" class="editRow">
......@@ -10,7 +10,7 @@
</el-row>
<div class="editTab">
<editTableForEdit :expandTitle='false' :phsxTitle='false' :AuxButton="false" :indexApp='app' :type='type'
<editTableForEdit :expandTitle='true' :phsxTitle='true' :AuxButton="false" :indexApp='app' :type='type'
ref="editTableForEdit" :editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
:editTableData="formDetail">
<template v-if="type!='view'" #toolbar="ctx">
......@@ -24,8 +24,13 @@
:prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig' :rule="item.rule" />
</el-row>
</el-form>
<!-- editTab数据 -->
<div slot="reFooter" class="refooter">
<span slot="footer" class="dialog-footer">
<el-button @click="app.showDialog=false">取 消</el-button>
<el-button type="primary" @click="save()">保 存</el-button>
</span>
</div>
</RelDialog>
</template>
<script>
......@@ -44,14 +49,22 @@
export default {
mixins: [editMixin, editMixin_expand],
methods: {
beforeCopyDetail(list) {
// list.forEach(item => {
// item.jhsl = 0
// item.cksl = 0
// })
save() {
this.$refs['form'].validate((valid)=>{
if(valid){
this.$post('lxyl/rkgl/sjrw/lkrk/save',{
...this.form,
datas:this.formDetail
}).then(res=>{
if(res.data.success){
this.$success('操作成功')
this.$refs.RelDialog.closeAll()
this.app.refresh()
}
})
}
})
},
getForm(val) {
// val.djly = 'M'
......@@ -64,11 +77,18 @@
/* 选择库存回调 */
savewym(list) {
debugger
let packidList=this.formDetail.map(pitem=>pitem.packid)
list.forEach(item => {
// 转换并且push
item.lydjid = item.id
if(packidList.includes(item.packid)){
console.log('重复')
}else{
delete item.id
this.formDetail.push(_.cloneDeep(item))
}
// 转换并且push
// item.lydjid = item.id
})
}
......@@ -77,6 +97,7 @@
// this.form.llrName = this.username
// this.form.llrid = this.userid
},
data() {
return {
Wym: Wym,
......@@ -92,13 +113,30 @@
"value": "",
"required": true,
"typeConfig": {
"src": "lxyl/common/ck/queryCkid",
"src": "lxyl/jcsj/uck/ck/queryCjckid",
"match": {
"value": "id",
"label": "name"
}
}
},
{
"label": "库区",
"prop": "kqid",
"span": 8,
"type": "RelSelect",
"value": "",
// "required": true,
"typeConfig": {
"src": "wms/jcsj/kq/query",
"match": {
"value": "id",
"label": "name"
},
linkage: true,
linkParams: ['ckid']
}
},
{
label: '容器',
prop: 'rqid',
......@@ -107,11 +145,31 @@
type: 'AuxInput',
typeConfig: {
isRequest: false,
code: 'RQGL',
code: 'RQGLKMS',
label: 'rqCode',
transform: {
value: 'id',
label: 'code'
},
give:(item)=>{
this.$post('wms/common/queryRqmxByCode',{
code:item.code
}).then(res=>{
if(res.success){
let list =res.data.records||[]
let packidList=this.formDetail.map(pitem=>pitem.packid)
list.forEach(item=>{
item.sl=item.packmxSl
delete item.id
if(packidList.includes(item.packid)){
console.log('重复')
}else{
this.formDetail.push(item)
}
})
}
})
}
}
},
......@@ -119,7 +177,7 @@
label: '工位',
prop: 'gwid',
span: 8,
required: true,
required: false,
type: 'AuxInput',
typeConfig: {
isRequest: true,
......@@ -136,7 +194,7 @@
label: '入库单',
prop: 'lydjid',
span: 8,
required: true,
required: false,
type: 'AuxInput',
typeConfig: {
isRequest: false,
......@@ -173,17 +231,18 @@
field: "wlxxName",
width: 160
},
{
title: "数量",
field: "sl",
type: 'inputText',
width: 160
},
{
title: "规格",
field: "wlxxGg",
width: 140
},
{
title: "数量",
field: "sl",
// type: 'inputText',
width: 160
},
{
title: "物料批号",
field: "wlph",
......
<template>
<BasePage @getRow='getRow' :power='power' class="min_full" style="height: 100%;" :config="config">
<template #dialog="ctx" >
<template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template>
<template #toolbar="ctx" >
<template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
</template>
......@@ -15,12 +15,12 @@
<script>
import Edit from './edit.vue'
export default{
data(){
return{
export default {
data() {
return {
power: {
add: true,
copy: true,
copy: false,
/* 手动控制删除 */
delButton: true,
/* 手动控制编辑按钮权限 */
......@@ -33,39 +33,174 @@
showSelection: false,
saveSelected: false
},
config:{
config: {
/* 基本配置*/
url:'jcsj/gysfl',
tableTitle: [
{title: "仓库", field: "ckName", width: 140},
{title: "容器", field: "rqCode", width: 140},
{title: "工位", field: "gwName", width: 140},
{title: "来源单据", field: "lydjDjid", width: 140},
{title: "业务日期", field: "tyrq", fieldType:"ftDate"},
{title: "维护人", field: "whr"},
{title: "维护时间", field: "whsj", fieldType:"ftDateTime"},
url: 'lxyl/rkgl/sjrw/lkrk',
tableTitle: [{
title: "状态",
field: "zt",
"transform": {
"url": "wms/sjrw/init/zt",
"label": "name",
"value": "id"
},
width: 100
},
{
title: "入库单号",
field: "lydjDjid",
width: 140
},
{
title: "任务号",
field: "djid",
width: 140
},
{
title: "仓库",
field: "ckName",
width: 140
},
{
title: "库区",
field: "kqName",
width: 140
},
{
title: "起始位",
field: "gwName",
width: 140
},
{
title: "目标位",
field: "kwName",
width: 140
},
{
title: "容器",
field: "rqCode",
width: 140
},
{
title: "唯一码",
field: "packCode",
width: 140
},
{
title: "开始时间",
field: "kssj",
fieldType: "ftDate"
},
{
title: "结束时间",
field: "jssj",
fieldType: "ftDate"
},
{
title: "耗时",
field: "timespan",
formatter(a, b, duration) {
var milliseconds = parseInt((duration % 1000) / 100),
seconds = Math.floor((duration / 1000) % 60),
minutes = Math.floor((duration / (1000 * 60)) % 60),
hours = Math.floor((duration / (1000 * 60 * 60)) % 24);
hours = (hours < 10) ? "0" + hours : hours;
minutes = (minutes < 10) ? "0" + minutes : minutes;
seconds = (seconds < 10) ? "0" + seconds : seconds;
return hours + ":" + minutes + ":" + seconds + "." + milliseconds;
}
},
{
title: "创建人",
field: "cjr"
},
{
title: "创建时间",
field: "cjsj",
fieldType: "ftDateTime"
},
{
title: "维护人",
field: "whr"
},
{
title: "维护时间",
field: "whsj",
fieldType: "ftDateTime"
},
],
queryParams:[
// [
// {
// label: '编码',
// prop: 'code',
// span: 6,
// type: 'input',
// value:''
// },
// {
// label: '名称',
// prop: 'name',
// span: 6,
// type: 'input',
// value:''
// }
// ],
queryParams: [
[{
label: '日期',
startProp: "start",
endProp: "end",
span: 8,
type: 'RelDaterangeV2',
startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
endValue: new Date().getTime(),
},
{
"label": "仓库",
"prop": "ckid",
"span": 8,
"type": "RelSelect",
"value": "",
"typeConfig": {
"src": "jcsj/common/ck/queryCkid",
"match": {
"value": "id",
"label": "name"
}
}
},
{
label: '入库单号',
prop: 'lydjDjid',
span: 8,
type: 'input',
value: ''
}
],
[{
label: '容器',
prop: 'rqInfo',
span: 8,
type: 'input',
value: ''
},
{
label: '唯一码',
prop: 'packInfo',
span: 8,
type: 'input',
value: ''
},
{
"label": "状态",
"prop": "zt",
"span": 8,
"type": "RelSelect",
"value": "",
"typeConfig": {
"src": "wms/sjrw/init/zt ",
"match": {
"value": "id",
"label": "name"
}
}
},
]
],
/* 默认启停用 */
showqt:false,
showqt: false,
}
......@@ -75,12 +210,11 @@
methods: {
},
components:{
components: {
Edit
}
}
</script>
<style>
......
......@@ -46,23 +46,19 @@
{
title: "唯一码",
field: "packCode",
width: 240
width: 180
},
{
title: "物料编码",
field: "wlxxCode",
width: 140
width: 160
},
{
title: "物料名称",
field: "wlxxName",
width: 140
},
{
title: "数量",
field: "sl",
width: 120
width: 180
},
{
title: "物料规格",
field: "wlxxGg",
......@@ -78,18 +74,11 @@
field: "zlh",
width: 180
},
{
title: "维护人",
field: "whr"
},
{
title: "维护时间",
field: "whsj",
fieldType: "ftDateTime"
},
title: "数量",
field: "sl",
width: 120
}
],
queryParams: [],
......
<template>
<RelDialog @beforeCopyDetail='beforeCopyDetail' bigTitle detailTable='HTRKMX' @getForm='getForm'
<RelDialog ref="RelDialog" bigTitle @getForm='getForm'
@getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
<el-row :gutter="20" :app="this" class="editRow">
......@@ -10,7 +10,7 @@
</el-row>
<div class="editTab">
<editTableForEdit :expandTitle='false' :phsxTitle='false' :AuxButton="false" :indexApp='app' :type='type'
<editTableForEdit :expandTitle='true' :phsxTitle='true' :AuxButton="false" :indexApp='app' :type='type'
ref="editTableForEdit" :editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
:editTableData="formDetail">
<template v-if="type!='view'" #toolbar="ctx">
......@@ -24,8 +24,13 @@
:prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig' :rule="item.rule" />
</el-row>
</el-form>
<!-- editTab数据 -->
<div slot="reFooter" class="refooter">
<span slot="footer" class="dialog-footer">
<el-button @click="app.showDialog=false">取 消</el-button>
<el-button type="primary" @click="save()">保 存</el-button>
</span>
</div>
</RelDialog>
</template>
<script>
......@@ -41,18 +46,25 @@
editMixin_expand
} from 'common'
export default {
mixins: [editMixin, editMixin_expand],
methods: {
beforeCopyDetail(list) {
// list.forEach(item => {
// item.jhsl = 0
// item.cksl = 0
// })
save() {
this.$refs['form'].validate((valid)=>{
if(valid){
this.$post('lxyl/rkgl/sjrw/pkrk/save',{
...this.form,
datas:this.formDetail
}).then(res=>{
if(res.data.success){
this.$success('操作成功')
this.$refs.RelDialog.closeAll()
this.app.refresh()
}
})
}
})
},
getForm(val) {
// val.djly = 'M'
......@@ -65,11 +77,17 @@
/* 选择库存回调 */
savewym(list) {
let packidList=this.formDetail.map(pitem=>pitem.packid)
list.forEach(item => {
// 转换并且push
item.lydjid = item.id
if(packidList.includes(item.packid)){
console.log('重复')
}else{
delete item.id
this.formDetail.push(_.cloneDeep(item))
}
// 转换并且push
// item.lydjid = item.id
})
}
......@@ -78,12 +96,12 @@
// this.form.llrName = this.username
// this.form.llrid = this.userid
},
data() {
return {
Wym: Wym,
form: {
ckid:''
// djly:'M'
},
/* 常规edit数据 */
editColItemList: [{
......@@ -94,7 +112,7 @@
"value": "",
"required": true,
"typeConfig": {
"src": "lxyl/common/ck/queryCkid",
"src": "lxyl/jcsj/uck/ck/queryCjckid",
"match": {
"value": "id",
"label": "name"
......@@ -131,37 +149,39 @@
type: 'AuxInput',
typeConfig: {
isRequest: false,
code: 'RQGL',
code: 'RQGLKMS',
label: 'rqCode',
transform: {
value: 'id',
label: 'code'
}
}
},
{
label: '工位',
prop: 'gwid',
span: 8,
required: true,
type: 'AuxInput',
typeConfig: {
isRequest: true,
code: 'GWID',
label: 'gwName',
transform: {
value: 'id',
label: 'name'
give:(item)=>{
this.$post('wms/common/queryRqmxByCode',{
code:item.code
}).then(res=>{
if(res.success){
let list =res.data.records||[]
let packidList=this.formDetail.map(pitem=>pitem.packid)
list.forEach(item=>{
item.sl=item.packmxSl
delete item.id
if(packidList.includes(item.packid)){
console.log('重复')
}else{
this.formDetail.push(item)
}
})
}
})
}
}
},
},
{
label: '入库单',
prop: 'lydjid',
span: 8,
required: true,
required: false,
type: 'AuxInput',
typeConfig: {
isRequest: false,
......@@ -198,17 +218,18 @@
field: "wlxxName",
width: 160
},
{
title: "数量",
field: "sl",
type: 'inputText',
width: 160
},
{
title: "规格",
field: "wlxxGg",
width: 140
},
{
title: "数量",
field: "sl",
// type: 'inputText',
width: 160
},
{
title: "物料批号",
field: "wlph",
......
<template>
<BasePage @getRow='getRow' :power='power' class="min_full" style="height: 100%;" :config="config">
<template #dialog="ctx" >
<template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template>
<template #toolbar="ctx" >
<template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
</template>
......@@ -15,12 +15,12 @@
<script>
import Edit from './edit.vue'
export default{
data(){
return{
export default {
data() {
return {
power: {
add: true,
copy: true,
copy: false,
/* 手动控制删除 */
delButton: true,
/* 手动控制编辑按钮权限 */
......@@ -33,40 +33,123 @@
showSelection: false,
saveSelected: false
},
config:{
config: {
/* 基本配置*/
url:'jcsj/gysfl',
url: 'lxyl/rkgl/sjrw/pkrk',
tableTitle: [
{title: "仓库", field: "ckName", width: 140},
{title: "库位", field: "kwCode", width: 140},
{title: "容器", field: "rqCode", width: 140},
{title: "工位", field: "gwName", width: 140},
{title: "来源单据", field: "lydjDjid", width: 140},
{title: "业务日期", field: "tyrq", fieldType:"ftDate"},
{title: "维护人", field: "whr"},
{title: "维护时间", field: "whsj", fieldType:"ftDateTime"},
{
title: "入库单号",
field: "lydjDjid",
width: 140
},
{
title: "任务号",
field: "djid",
width: 140
},
{
title: "仓库",
field: "ckName",
width: 140
},
{
title: "库区",
field: "kqName",
width: 140
},
{
title: "起始位",
field: "gwName",
width: 140
},
{
title: "目标位",
field: "kwName",
width: 140
},
{
title: "容器",
field: "rqCode",
width: 140
},
{
title: "唯一码",
field: "packCode",
width: 140
},
{
title: "创建人",
field: "cjr"
},
{
title: "创建时间",
field: "cjsj",
fieldType: "ftDateTime"
},
{
title: "维护人",
field: "whr"
},
{
title: "维护时间",
field: "whsj",
fieldType: "ftDateTime"
},
],
queryParams: [
[{
label: '日期',
startProp: "start",
endProp: "end",
span: 8,
type: 'RelDaterangeV2',
startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
endValue: new Date().getTime(),
},
{
"label": "仓库",
"prop": "ckid",
"span": 8,
"type": "RelSelect",
"value": "",
"typeConfig": {
"src": "jcsj/common/ck/queryCkid",
"match": {
"value": "id",
"label": "name"
}
}
},
{
label: '入库单号',
prop: 'lydjDjid',
span: 8,
type: 'input',
value: ''
}
],
queryParams:[
// [
// {
// label: '编码',
// prop: 'code',
// span: 6,
// type: 'input',
// value:''
// },
// {
// label: '名称',
// prop: 'name',
// span: 6,
// type: 'input',
// value:''
// }
[{
label: '容器',
prop: 'rqInfo',
span: 8,
type: 'input',
value: ''
},
{
label: '唯一码',
prop: 'packInfo',
span: 8,
type: 'input',
value: ''
},
// ],
]
],
/* 默认启停用 */
showqt:false,
showqt: false,
}
......@@ -76,12 +159,11 @@
methods: {
},
components:{
components: {
Edit
}
}
</script>
<style>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment