1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
| <script setup>
| import {Search} from "@element-plus/icons-vue";
| import {reactive} from "vue";
| import {useRouter} from "vue-router"
|
| import { ref } from 'vue'
|
| const dialogFormVisible = ref(true)
| const dialogFormVisiblea = ref(false)
|
| 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: [
| {
| }
| ],
| })
| </script>
|
| <template>
| <div style="margin-top: 10px;">
| <div>
| <el-card style="margin-left: 10px;margin-top: 10px;margin-right: 10px;" v-loading="loading">
| <div style="display: flex;margin-top: 20px;">
| <div style="margin-left: 400px;font-size: 20px;">工程号：P20240305001 </div>
| <div style="margin-left: 150px;font-size: 20px;">版图编号：1</div>
| </div>
| <div>
| <div id="boxa" style="width: 700px;height: 220px;margin-left: 260px;">
| <div style="margin-top: 85px;"> NG202405060798A01-1</div>
| <div> 500×1500</div>
| </div>
| </div>
| </el-card>
| </div>
| </div>
|
| </template>
|
| <style scoped>
| #boxa{
| border: 1px solid rgb(119, 116, 116);
| background-color: #529b2e;
| text-align: center;
| display: inline-block;
| margin-left: 20px;
| margin-top: 70px;
| margin-bottom: 50px;
| }
| </style>
|
|
