76 lines
4.2 KiB
Vue
76 lines
4.2 KiB
Vue
|
<script setup>
|
||
|
|
import ControlCard from "../ControlCard/index.vue"
|
||
|
|
|
||
|
|
const data = reactive({
|
||
|
|
form: {},
|
||
|
|
rules: {}
|
||
|
|
})
|
||
|
|
|
||
|
|
const {form, rules} = toRefs(data)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="motor">
|
||
|
|
<el-row :gutter="16">
|
||
|
|
<el-col :span="12">
|
||
|
|
<ControlCard title="电机">
|
||
|
|
<div class="pic">
|
||
|
|
电机pic
|
||
|
|
<svg t="1747108210294" class="arrow" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23587" width="32" height="32"><path d="M481.940645 156.242581C209.094194 383.504516 254.018065 660.645161 313.806452 778.570323l117.925161 234.859354 152.609032-76.634838-117.925161-234.859355c-4.624516-8.91871-100.748387-224.619355 132.129032-418.188387l33.032258 70.028387c8.91871 18.167742 19.489032 27.747097 39.969032 23.122581a36.996129 36.996129 0 0 0 27.086452-33.032259l66.064516-340.56258L423.803871 51.530323a39.308387 39.308387 0 0 0-36.005161 25.765161 37.987097 37.987097 0 0 0 19.489032 39.308387l74.652903 39.63871" fill="#409eff" p-id="23588"></path></svg>
|
||
|
|
<svg t="1747108469463" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28512" width="32" height="32"><path d="M533.312 1015.104l-3.968 3.392a30.144 30.144 0 0 1-47.488-24.64v-210.816H70.272A70.272 70.272 0 0 1 0 712.768V311.232l0.384-7.68c3.84-35.2 33.664-62.592 69.888-62.592h411.584V30.144c0-26.816 32.448-40.256 51.456-21.248l481.92 481.792a30.08 30.08 0 0 1 0 42.624l-481.92 481.792z" fill="#409eff" p-id="28513"></path></svg>
|
||
|
|
<svg t="1747126605366" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1461" width="32" height="32"><path d="M311.432533 448.170667H163.84L510.293333 3.413333 856.746667 448.170667h-147.592534L760.832 1006.933333H259.754667z" fill="#0F62FE" p-id="1462"></path></svg>
|
||
|
|
<svg t="1747126646064" class="icon" viewBox="0 0 2105 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1623" width="32" height="32"><path d="M1368.744385 1015.123641l-5.916434 3.413328a64.853225 64.853225 0 0 1-46.819478 2.047997c-14.961753-5.119991-24.405293-15.473752-24.405292-26.737734v-210.772982H105.414935c-27.989287 0-54.783909-7.395543-74.52432-20.593743C11.093315 749.225418 0 731.419225 0 712.759701V311.238592l0.568888-7.679987c5.745768-35.214164 50.517249-62.577673 104.846047-62.577673h1186.188246V30.151061c0-26.794622 48.696808-40.277266 77.198093-21.21952l722.829018 481.791197c8.47643 5.631991 13.255089 13.311978 13.255089 21.276409 0 7.964431-4.778659 15.701307-13.255089 21.333297L1368.744385 1015.123641z" fill="#D6E4FE" p-id="1624"></path></svg>
|
||
|
|
|
||
|
|
<svg t="1747126605366" class="turn-up" viewBox="0 0 1024 1024" version="1.1"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" p-id="1461" width="32" height="32">
|
||
|
|
<path
|
||
|
|
d="M311.432533 448.170667H263.84L510.293333 3.413333 856.746667 448.170667h-247.592534L760.832 1006.933333H159.754667z"
|
||
|
|
fill="#0F62FE" p-id="1462"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</ControlCard>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<ControlCard title="操作">
|
||
|
|
<div class="control">
|
||
|
|
<el-form :model="form" :rules="rules" label-width="100px">
|
||
|
|
<el-form-item label="速度">
|
||
|
|
<el-input v-model="form.speed" placeholder="请输入速度"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="位置">
|
||
|
|
<el-input v-model="form.position" placeholder="请输入位置"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="状态">
|
||
|
|
<el-input v-model="form.status" placeholder="请输入状态"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="运行模式">
|
||
|
|
<el-input v-model="form.mode" placeholder="请输入运行模式"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</ControlCard>
|
||
|
|
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.motor {
|
||
|
|
padding: 10px;
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
.arrow{
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
.el-row {
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
.control-card {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|