|
@@ -1,38 +1,39 @@
|
1
|
1
|
<template>
|
|
2
|
+ <div>
|
2
|
3
|
<div
|
3
|
4
|
v-loading="loading"
|
4
|
5
|
element-loading-text="服务器处理数据中,请稍候......."
|
5
|
6
|
element-loading-spinner="el-icon-loading"
|
6
|
7
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
7
|
8
|
>
|
8
|
|
- <p style="margin-top: 10px;margin-bottom: 30px">
|
9
|
|
- 请选择你需要打印的排班打印单样式
|
10
|
|
- </p>
|
11
|
|
- <el-row :gutter="20" type="flex" justify="center">
|
|
9
|
+ <p style="margin-top: 10px;margin-bottom: 30px">
|
|
10
|
+ 请选择你需要打印的排班打印单样式
|
|
11
|
+ </p>
|
|
12
|
+ <el-row :gutter="20" type="flex" justify="center">
|
12
|
13
|
<el-col :span="6" style="text-align: center">
|
13
|
|
- <div
|
14
|
|
- @click="imgClick('https://kuyi.shengws.com/tempSchedule1.jpg')"
|
15
|
|
- >
|
16
|
|
- <el-tooltip
|
17
|
|
- class="item"
|
18
|
|
- effect="dark"
|
19
|
|
- :hide-after="2000"
|
20
|
|
- content="点击查看大图"
|
21
|
|
- placement="top-start"
|
22
|
|
- >
|
23
|
|
-
|
24
|
|
- <el-image
|
25
|
|
- style="width: 200px; height: 200px"
|
26
|
|
- :src="require('@/assets/home/111.jpg')"
|
27
|
|
- ></el-image>
|
|
14
|
+ <div
|
|
15
|
+ @click="imgClick('https://kuyi.shengws.com/tempSchedule1.jpg')"
|
|
16
|
+ >
|
|
17
|
+ <el-tooltip
|
|
18
|
+ class="item"
|
|
19
|
+ effect="dark"
|
|
20
|
+ :hide-after="2000"
|
|
21
|
+ content="点击查看大图"
|
|
22
|
+ placement="top-start"
|
|
23
|
+ >
|
|
24
|
+
|
|
25
|
+ <el-image
|
|
26
|
+ style="width: 200px; height: 200px"
|
|
27
|
+ :src="require('@/assets/home/111.jpg')"
|
|
28
|
+ ></el-image>
|
28
|
29
|
|
29
|
|
- </el-tooltip>
|
30
|
|
- </div>
|
|
30
|
+ </el-tooltip>
|
|
31
|
+ </div>
|
31
|
32
|
<el-radio v-model="radio" label="1" @change="change">模版一</el-radio>
|
32
|
33
|
</el-col>
|
33
|
34
|
<el-col
|
34
|
35
|
:span="6"
|
35
|
|
- style="margin-left: 100px;margin-right: 100px;text-align: center"
|
|
36
|
+ style="margin-left: 50px;margin-right: 50px;text-align: center"
|
36
|
37
|
>
|
37
|
38
|
<div
|
38
|
39
|
@click="imgClick('https://kuyi.shengws.com/tempSchedule2.jpg')"
|
|
@@ -57,9 +58,9 @@
|
57
|
58
|
>
|
58
|
59
|
</el-col>
|
59
|
60
|
|
60
|
|
- <el-col
|
|
61
|
+ <el-col
|
61
|
62
|
:span="6"
|
62
|
|
- style="margin-left: 100px;margin-right: 100px;text-align: center"
|
|
63
|
+ style="margin-right: 50px;text-align: center"
|
63
|
64
|
>
|
64
|
65
|
<div
|
65
|
66
|
@click="imgClick('https://kuyi.shengws.com/tempSchedule2.jpg')"
|
|
@@ -81,31 +82,54 @@
|
81
|
82
|
>
|
82
|
83
|
</el-col>
|
83
|
84
|
|
84
|
|
-
|
85
|
|
-
|
86
|
|
- <el-col
|
87
|
|
- :span="6"
|
88
|
|
- style="margin-left: 100px;margin-right: 100px;text-align: center"
|
89
|
|
- >
|
90
|
|
- <div
|
91
|
|
- @click="imgClick('https://kuyi.shengws.com/tempSchedule2.jpg')"
|
92
|
|
- >
|
93
|
|
- <el-tooltip
|
94
|
|
- class="item"
|
95
|
|
- effect="dark"
|
96
|
|
- content="点击查看大图"
|
97
|
|
- placement="top-start"
|
98
|
|
- :hide-after="2000"
|
99
|
|
- >
|
100
|
|
- <el-image
|
101
|
|
- style="width: 200px; height: 200px"
|
102
|
|
- :src="require('@/assets/home/222.jpg')"
|
103
|
|
- ></el-image>
|
104
|
|
- </el-tooltip>
|
105
|
|
- </div>
|
106
|
|
- <el-radio v-model="radio" label="4" @change="change">模版四</el-radio>
|
|
85
|
+ <el-col
|
|
86
|
+ :span="6"
|
|
87
|
+ style="text-align: center"
|
|
88
|
+ >
|
|
89
|
+ <!-- margin-left: 100px;margin-right: 100px; -->
|
|
90
|
+ <div
|
|
91
|
+ @click="imgClick('https://kuyi.shengws.com/tempSchedule2.jpg')"
|
|
92
|
+ >
|
|
93
|
+ <el-tooltip
|
|
94
|
+ class="item"
|
|
95
|
+ effect="dark"
|
|
96
|
+ content="点击查看大图"
|
|
97
|
+ placement="top-start"
|
|
98
|
+ :hide-after="2000"
|
|
99
|
+ >
|
|
100
|
+ <el-image
|
|
101
|
+ style="width: 200px; height: 200px"
|
|
102
|
+ :src="require('@/assets/home/222.jpg')"
|
|
103
|
+ ></el-image>
|
|
104
|
+ </el-tooltip>
|
|
105
|
+ </div>
|
|
106
|
+ <el-radio v-model="radio" label="4" @change="change">模版四</el-radio>
|
|
107
|
+ </el-col>
|
|
108
|
+ </el-row>
|
|
109
|
+ <el-row>
|
|
110
|
+ <el-col
|
|
111
|
+ :span="6"
|
|
112
|
+ style="text-align: center"
|
|
113
|
+ >
|
|
114
|
+ <div
|
|
115
|
+ @click="imgClick('https://kuyi.shengws.com/tempSchedule2.jpg')"
|
|
116
|
+ >
|
|
117
|
+ <el-tooltip
|
|
118
|
+ class="item"
|
|
119
|
+ effect="dark"
|
|
120
|
+ content="点击查看大图"
|
|
121
|
+ placement="top-start"
|
|
122
|
+ :hide-after="2000"
|
|
123
|
+ >
|
|
124
|
+ <el-image
|
|
125
|
+ style="width: 200px; height: 200px"
|
|
126
|
+ :src="require('@/assets/home/222.jpg')"
|
|
127
|
+ ></el-image>
|
|
128
|
+ </el-tooltip>
|
|
129
|
+ </div>
|
|
130
|
+ <el-radio v-model="radio" label="5" @change="change">模版五</el-radio>
|
107
|
131
|
</el-col>
|
108
|
|
- </el-row>
|
|
132
|
+ </el-row>
|
109
|
133
|
|
110
|
134
|
<el-image-viewer
|
111
|
135
|
v-if="showViewer"
|