<script lang="ts" setup>
|
import {reactive, ref} from 'vue'
|
import {useRouter} from 'vue-router'
|
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
const router = useRouter()
|
|
const dialogFormVisible = ref(false)
|
const dialogFormVisiblea = ref(false)
|
const dialogFormVisibleb = ref(false)
|
|
const carposition1 = ref(40)
|
const carposition2 = ref(200)
|
const timers1 = ref(true)
|
const timers2 = ref(true)
|
const cellshow = ref(false)
|
const cellshow1 = ref(true)
|
const cellshow2 = ref(true)
|
const million = ref(0)
|
const million1 = ref(0)
|
|
const loading = null
|
const handleSelectionChange = null
|
|
const currentPage4 = ref(4)
|
const pageSize4 = ref(100)
|
const tableData = [
|
{
|
id: '1',
|
a: '1',
|
b: '1',
|
c: '123456789',
|
d: '1568251',
|
e: '1',
|
f: '100*100',
|
g: '',
|
},
|
]
|
const tableDatab = [
|
{
|
id: '2',
|
a: '2',
|
b: '2',
|
c: '123456789',
|
d: '1568251',
|
e: '1',
|
f: '100*100',
|
g: '',
|
},
|
]
|
const dialogForm = () => {
|
ElMessageBox.confirm('确定要急停吗?', '提示', {
|
confirmButtonText: '是',
|
cancelButtonText: '否',
|
type: 'warning',
|
})
|
.then(() => {
|
ElMessage({
|
type: 'success',
|
message: '急停成功！',
|
})
|
})
|
.catch(() => {
|
ElMessage({
|
type: 'info',
|
message: '急停失败',
|
})
|
})
|
}
|
|
var timer = setInterval(() => {
|
console.log(million.value, million1.value)
|
million.value += 1
|
if (million.value - million1.value !== 12) {
|
if (million.value - million1.value >= 2) {
|
if (carposition1.value == 200) {
|
timers1.value = false
|
} else if (carposition1.value == 40) {
|
timers1.value = true
|
}
|
if (timers1.value == true) {
|
carposition1.value = carposition1.value + 16
|
} else {
|
carposition1.value = carposition1.value - 16
|
}
|
|
if (carposition2.value == 200) {
|
timers2.value = false
|
} else if (carposition2.value == 40) {
|
timers2.value = true
|
}
|
if (timers2.value == true) {
|
carposition2.value += 16
|
} else {
|
carposition2.value -= 16
|
}
|
} else {
|
}
|
} else {
|
million1.value = million.value
|
if (cellshow.value == true) {
|
cellshow.value = false
|
} else {
|
cellshow.value = true
|
}
|
if (cellshow1.value == true) {
|
cellshow1.value = false
|
} else {
|
cellshow1.value = true
|
}
|
if (cellshow2.value == true) {
|
cellshow2.value = false
|
} else {
|
cellshow2.value = true
|
}
|
}
|
}, 100000)
|
|
const getTableRow = (row, type) => {
|
switch (type) {
|
case 'edit': {
|
//alert('我接收到子组件传送的编辑信息')
|
router.push({
|
path: '/main/returns/createReturns',
|
query: {ReturnID: 'TH24010101'},
|
})
|
break
|
}
|
case 'delete': {
|
alert('我接收到子组件传送的删除信息')
|
break
|
}
|
}
|
}
|
|
const gridOptions = reactive({
|
border: 'full', //表格加边框
|
keepSource: true, //保持源数据
|
align: 'center', //文字居中
|
stripe: true, //斑马纹
|
rowConfig: {isCurrent: true, isHover: true, height: 50}, //鼠标移动或选择高亮
|
id: 'OrderList',
|
showFooter: true, //显示脚
|
printConfig: {},
|
importConfig: {},
|
exportConfig: {},
|
scrollY: {enabled: true}, //开启虚拟滚动
|
showOverflow: true,
|
columnConfig: {
|
resizable: true,
|
useKey: true,
|
},
|
filterConfig: {
|
//筛选配置项
|
remote: true,
|
},
|
customConfig: {
|
storage: true,
|
},
|
editConfig: {
|
trigger: 'click',
|
mode: 'row',
|
showStatus: true,
|
},
|
data: [
|
{
|
id: '1',
|
long: '5',
|
wide: '1005',
|
thick: '183.6',
|
},
|
],
|
})
|
</script>
|
|
<template>
|
<div style="height: 700px;">
|
<!-- <el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="primary" @click="dialogFormVisible = true">手动进片</el-button> -->
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="primary"
|
@click="dialogFormVisiblea = true">订单信息
|
</el-button>
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="success"
|
@click="dialogFormVisibleb = true">出片队列
|
</el-button>
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="danger">终止进片
|
</el-button>
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="danger">终止出片
|
</el-button>
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="danger"
|
@click="dialogForm">软急停
|
</el-button>
|
|
<el-card style="flex: 1;margin-left: 10px;margin-top: 5px;"
|
v-loading="loading">
|
<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 100px;">
|
<el-table height="100%"
|
ref="table"
|
@selection-change="handleSelectionChange"
|
:data="tableData"
|
:header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
|
<el-table-column prop="id"
|
align="center"
|
label="出片玻璃ID"
|
min-width="80"/>
|
<el-table-column prop="a"
|
align="center"
|
label="笼子"
|
min-width="120"/>
|
<el-table-column prop="b"
|
align="center"
|
label="格子"
|
min-width="120"/>
|
<el-table-column prop="c"
|
align="center"
|
label="工程号"
|
min-width="120"/>
|
<el-table-column prop="d"
|
align="center"
|
label="流程卡号"
|
min-width="120"/>
|
<el-table-column prop="e"
|
align="center"
|
label="钢化版图号"
|
min-width="157"/>
|
<el-table-column prop="f"
|
align="center"
|
label="尺寸"
|
min-width="120"/>
|
<el-table-column prop="g"
|
align="center"
|
label="结束任务"
|
min-width="120">
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="text">完成任务
|
</el-button>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-card>
|
<el-card style="flex: 1;margin-left: 10px;margin-top: 3px;"
|
v-loading="loading">
|
<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 100px;">
|
<el-table height="100%"
|
ref="table"
|
@selection-change="handleSelectionChange"
|
:data="tableDatab"
|
:header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
|
<el-table-column prop="id"
|
align="center"
|
label="进片玻璃ID"
|
min-width="80"/>
|
<el-table-column prop="a"
|
align="center"
|
label="笼子"
|
min-width="120"/>
|
<el-table-column prop="b"
|
align="center"
|
label="格子"
|
min-width="120"/>
|
<el-table-column prop="c"
|
align="center"
|
label="工程号"
|
min-width="120"/>
|
<el-table-column prop="d"
|
align="center"
|
label="流程卡号"
|
min-width="120"/>
|
<el-table-column prop="e"
|
align="center"
|
label="钢化版图号"
|
min-width="157"/>
|
<el-table-column prop="f"
|
align="center"
|
label="尺寸"
|
min-width="120"/>
|
<el-table-column prop="g"
|
align="center"
|
label="结束任务"
|
min-width="120">
|
<el-button style="margin-top: 5px;margin-left: 10px;"
|
id="searchButton"
|
type="text">完成任务
|
</el-button>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-card>
|
<div style="padding: 10px;display: flex;height:110px;">
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#1</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#2</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#3</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#4</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#5</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#6</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#7</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<div id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#8</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;"/>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div>
|
<!-- <div v-for="n in 8" :key="n" id="occupy">
|
<el-col style="text-align:left;font-weight: bold;">#1</el-col>
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">使用率</span><span id="zhi">35%</span>
|
</el-col>
|
<hr style="width:80%;margin: 0 auto;" />
|
<el-col style="text-align:left;display:flex;justify-content: space-between;align-items: center;">
|
<span id="biao">空闲（格子数）</span><span id="zhi">555</span>
|
</el-col>
|
</div> -->
|
</div>
|
<!-- <div id="awatch">
|
<img src="../../assets/cp.png" alt="" style="width: 70%;height: 70%;margin-left: 160px;">
|
</div> -->
|
<!-- // 父级框 -->
|
<div class="img-dlpl">
|
<div class="img-car1"
|
:style="'z-index:999;left:247px;top:' + carposition1 + 'px;position:absolute;'">
|
<div v-show="cellshow1"
|
style="margin-top:10px;width:200px;height:5px;background-color:red;"></div>
|
</div>
|
|
<div class="img-car2"
|
:style="'z-index:999;left:704px;top:' + carposition2 + 'px;position:absolute;'">
|
<div v-show="cellshow2"
|
style="margin-top:10px;width:200px;height:5px;background-color:red;"></div>
|
</div>
|
<div v-show="cellshow"
|
style="width: 200px;height: 5px;position: absolute;top:60px;left: 490px;background-color: red;">
|
|
</div>
|
</div>
|
|
</div>
|
<el-dialog v-model="dialogFormVisible"
|
top="12vh"
|
width="85%"
|
title="请确认玻璃信息">
|
<div style="margin-left: 50px;margin-bottom: 10px;">
|
<div style="display: flex;">
|
<p style="margin-top: 4px;">确认状态:</p>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="success">允许
|
</el-button>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="danger">不允许
|
</el-button>
|
<p style="margin-left: 60px;margin-top: 4px;">当前状态:</p>
|
<div style="margin-top: 4px; margin-left: 10px;">手动</div>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="primary">切换
|
</el-button>
|
<el-input placeholder="请输入玻璃id"
|
style="width: 180px;size: mini;margin-left: 60px;"></el-input>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="primary">添加
|
</el-button>
|
<p style="margin-left: 60px;margin-top: 4px;">玻璃id:</p>
|
<el-input style="width: 180px;size: mini;margin-left: 30px;"></el-input>
|
</div>
|
<div style="display: flex;">
|
<p style="margin-left: 290px;margin-top: 20px;font-weight: bold;">上片位</p>
|
<p style="margin-left: 630px;margin-top: 20px;font-weight: bold;">扫码位</p>
|
</div>
|
<div style="display: flex;">
|
<div style="margin-top: 20px;">
|
<p style="margin-top: 10px;margin-left: 100px;margin-bottom: 20px;">当前信息</p>
|
<el-form label-position="right"
|
label-width="90px">
|
<el-form-item style="width: 20vw"
|
label="玻璃id：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入玻璃id"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="订单编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入订单编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="列表编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入列表编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="箱子编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入箱子编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="长：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入长"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="宽：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入宽"></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div style="margin-top: 20px;">
|
<p style="margin-top: 10px;margin-left: 100px;margin-bottom: 20px;">修改信息</p>
|
<el-form label-position="right"
|
label-width="90px">
|
<el-form-item style="width: 20vw"
|
label="玻璃id：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入玻璃id"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="订单编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入订单编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="列表编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入列表编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="箱子编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入箱子编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="长：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入长"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="宽：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入宽"></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div style="margin-top: 20px;">
|
<p style="margin-top: 10px;margin-left: 100px;margin-bottom: 20px;">修改信息</p>
|
<el-form label-position="right"
|
label-width="90px">
|
<el-form-item style="width: 20vw"
|
label="玻璃id：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入玻璃id"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="订单编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入订单编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="列表编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入列表编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="箱子编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入箱子编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="长：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入长"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="宽：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入宽"></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div style="margin-top: 20px;">
|
<p style="margin-top: 10px;margin-left: 100px;margin-bottom: 20px;">当前信息</p>
|
<el-form label-position="right"
|
label-width="90px">
|
<el-form-item style="width: 20vw"
|
label="玻璃id：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入玻璃id"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="订单编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入订单编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="列表编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入列表编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="箱子编号：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入箱子编号"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="长：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入长"></el-input>
|
</el-form-item>
|
<el-form-item style="width: 20vw"
|
label="宽：">
|
<el-input style="width: 180px"
|
size="mini"
|
placeholder="请输入宽"></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
<template #footer>
|
<div id="dialog-footer">
|
<el-button type="primary"
|
@click="dialogFormVisible = false">
|
确认
|
</el-button>
|
<el-button @click="dialogFormVisible = false">取消</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
<el-dialog v-model="dialogFormVisiblea"
|
top="10vh"
|
width="85%"
|
title="订单信息">
|
<el-input placeholder="请输入工程号"
|
style="width: 180px;size: mini;"></el-input>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="primary">查询
|
</el-button>
|
<el-table ref="table"
|
style="margin-top: 20px;height: 500px;"
|
@selection-change="handleSelectionChange"
|
:data="tableDataa"
|
:header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
|
<el-table-column prop="ida"
|
align="center"
|
label="玻璃id"
|
min-width="80"/>
|
<el-table-column prop="typea"
|
align="center"
|
label="工程号"
|
min-width="120"/>
|
<el-table-column prop="typea"
|
align="center"
|
label="长"
|
min-width="120"/>
|
<el-table-column prop="typea"
|
align="center"
|
label="宽"
|
min-width="120"/>
|
<el-table-column prop="typea"
|
align="center"
|
label="厚"
|
min-width="120"/>
|
</el-table>
|
<div id="demo-pagination-block">
|
<el-pagination style="margin-left: 850px;"
|
v-model:current-page="currentPage4"
|
v-model:page-size="pageSize4"
|
:page-sizes="[100, 200, 300, 400]"
|
:small="small"
|
:disabled="disabled"
|
:background="background"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="400"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"/>
|
</div>
|
</el-dialog>
|
<el-dialog v-model="dialogFormVisibleb"
|
top="10vh"
|
width="85%"
|
title="出片队列">
|
<div style="display: flex;">
|
<p style="margin-top: 4px;">队列状态：</p>
|
<p style="margin-top: 4px;">开始</p>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="danger">停止
|
</el-button>
|
<el-button style="margin-left: 10px;size: mini;"
|
type="primary">添加
|
</el-button>
|
</div>
|
<el-table ref="table"
|
style="margin-top: 20px;height: 500px;"
|
@selection-change="handleSelectionChange"
|
:data="tableDatab"
|
:header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
|
<el-table-column prop="id"
|
align="center"
|
label="铝框id"
|
min-width="80"/>
|
<el-table-column prop="type"
|
align="center"
|
label="玻璃id"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="订单编号"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="列表编号"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="箱子编号"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="长"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="宽"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="玻璃状态"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="顺序"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="完成"
|
min-width="120"/>
|
<el-table-column prop="type"
|
align="center"
|
label="操作"
|
min-width="120"/>
|
</el-table>
|
</el-dialog>
|
|
</template>
|
<style scoped>
|
#dt {
|
display: block;
|
float: left;
|
line-height: 20px;
|
margin-left: 100px;
|
}
|
|
#dta {
|
display: block;
|
float: left;
|
line-height: 20px;
|
margin-left: 80%;
|
}
|
|
#dialog-footer {
|
text-align: center;
|
margin-top: -15px;
|
}
|
|
#message {
|
text-align: center;
|
align-items: center;
|
color: black;
|
width: 200px;
|
height: 100px;
|
background-color: #337ecc;
|
margin-left: 28%;
|
}
|
|
#awatch {
|
height: 450px;
|
}
|
|
#occupy {
|
height: 100%;
|
width: 15%;
|
background-color: white;
|
margin: 0px 8px 0px 8px;
|
border: 1px #ebeef5 solid;
|
text-align: center;
|
padding: 5px;
|
}
|
#biao {
|
font-size: 12px;
|
}
|
#zhi {
|
font-size: 18px;
|
font-weight: bold;
|
}
|
|
#demo-pagination-block + #demo-pagination-block {
|
margin-top: 10px;
|
}
|
|
#demo-pagination-block #demonstration {
|
margin-bottom: 16px;
|
}
|
|
::-webkit-scrollbar {
|
width: 0 !important;
|
}
|
|
::-webkit-scrollbar {
|
width: 0 !important;
|
height: 0;
|
}
|
|
.img-list {
|
position: relative;
|
}
|
|
.data-img {
|
@apply float-none;
|
|
width: 100%;
|
height: 16rem;
|
background: rgba(0, 0, 0, 0);
|
opacity: 1;
|
border-radius: 0.5rem 0.5rem 0px 0px;
|
}
|
|
.check-img {
|
position: absolute;
|
width: 3.3125rem;
|
height: 2.9375rem;
|
top: 20rem;
|
right: 57rem;
|
z-index: 10;
|
}
|
|
.check-imga {
|
position: absolute;
|
width: 3.3125rem;
|
height: 2.9375rem;
|
top: 15rem;
|
right: 28.5rem;
|
z-index: 10;
|
}
|
|
.vertical {
|
width: 45px;
|
height: 25px;
|
background-color: #409eff;
|
top: 485px; /* 初始位置 */
|
left: 899px; /* 水平居中 */
|
transform: translateX(-50%);
|
animation: move-vertical 6s infinite; /* 从上到下动画，持续6秒，无限循环 */
|
}
|
|
@keyframes move-vertical {
|
0% {
|
top: 485px; /* 起始位置 */
|
}
|
100% {
|
top: calc(100% - 210px); /* 从上到下结束位置 */
|
}
|
}
|
|
.img-dlpl {
|
margin-left: 200px;
|
background-image: url('../../assets/dlpl.png');
|
background-repeat: no-repeat;
|
background-attachment: local;
|
min-height: 400px;
|
width: 1200px;
|
max-width: 100%;
|
background-size: 1200px 400px;
|
overflow: hidden;
|
position: relative;
|
}
|
|
.img-car1 {
|
background-image: url('../../assets/lpl.jpg');
|
position: absolute;
|
background-repeat: no-repeat;
|
background-attachment: local;
|
min-height: 200px;
|
width: 200px;
|
max-width: 100%;
|
background-size: 200px 70px;
|
overflow: hidden;
|
position: relative;
|
}
|
|
.img-car2 {
|
background-image: url('../../assets/lpla.jpg');
|
position: absolute;
|
background-repeat: no-repeat;
|
background-attachment: local;
|
min-height: 200px;
|
width: 200px;
|
max-width: 100%;
|
background-size: 200px 70px;
|
overflow: hidden;
|
position: relative;
|
}
|
</style>
|
