自动化立库仓库-WCS系统
parent: 46755eb8 | 补丁 | 提交 | ignore whitespace
#
Junjie
6 天以前 1e2dbdea04cd6ac9ccd8daa7fefd2165df732286 
#
2个文件已修改
34 ■■■■■ 已修改文件
src/main/webapp/static/css/console_vue.css 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/console.html 25 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 src/main/webapp/static/css/console_vue.css


@@ -415,7 +415,7 @@


    background-color: hsl(228, 8%, 54%);


}




.sxcar{


.sxcar {


    width: 35px;


    height: 35px;


    background-image: url(../images/sxcar.png);


@@ -428,6 +428,9 @@


    align-items: center;


    text-shadow: 2px 2px 4px #000000;


    font-size: 18px;


    transition: all 0.8s;


    user-select: none;


}




    /* 关键修改部分 */


    transform: translate(var(--x-pos), var(--y-pos));


    transition: transform 0.5s ease-in-out;


}




 src/main/webapp/views/console.html


@@ -13,6 +13,9 @@


        <script type="text/javascript" src="../static/js/common.js"></script>


        <script type="text/javascript" src="../static/vue/js/vue.min.js"></script>


        <script type="text/javascript" src="../static/vue/element/element.js"></script>


        <style>




        </style>


    </head>


    <body>


        <div id="app">


@@ -57,15 +60,17 @@


                        </div>


                    </div>




                    <!--输出小车-->


                    <div v-for="(car,idx) in currentLevShuttleList"


                         :style="{


                         left: getCarPosition(car.point.x,car.point.y)[1]


                         ,top: getCarPosition(car.point.x,car.point.y)[0]


                         ,color: shuttleColorList[car.shuttleNo]


                         }"


                         class="sxcar" :id="'sxcar-' + car.shuttleNo">


                        {{car.shuttleNo}}


                    <div


                            v-for="(car, idx) in currentLevShuttleList"


                            :style="{


                                '--x-pos': getCarPosition(car.point.x, car.point.y)[1],


                                '--y-pos': getCarPosition(car.point.x, car.point.y)[0],


                                color: shuttleColorList[car.shuttleNo]


                              }"


                            class="sxcar"


                            :id="'sxcar-' + car.shuttleNo"


                    >


                        {{ car.shuttleNo }}


                    </div>




                </div>


@@ -77,7 +82,7 @@


                    </div>


                    <div>


<!--                        <el-button @click="testMove()">测试移动车</el-button>-->


                        <el-button @click="resetMap()">重置地图</el-button>


<!--                        <el-button @click="resetMap()">重置地图</el-button>-->


<!--                        <el-button @click="initLoc()">初始化库位</el-button>-->


                    </div>


                </div>