zydx-plus 1.11.40 → 1.11.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,100 +1,111 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
</div>
|
|
8
|
-
<div class="tip-boxContent">
|
|
9
|
-
<div class="tap-p">
|
|
10
|
-
<div class="tip-title2" v-if="type === 'text'" :style="{'text-align': (middle)? 'center': 'left' }" v-html="promptContent"></div>
|
|
11
|
-
<div class="tip-img" v-if="type === 'img'">
|
|
12
|
-
<img :src="url" />
|
|
13
|
-
</div>
|
|
14
|
-
<div class="tip-img" v-if="type === 'input'">
|
|
15
|
-
<div class="tip-input" v-for="(item,index) in inputArr" :key="index">
|
|
16
|
-
<span>{{ item.name }}</span>
|
|
17
|
-
<input v-if="item.type === 'input'" type="text" :placeholder="item.placeholder" v-model="item.value" :disabled="item.disabled" />
|
|
18
|
-
<div style="display: inline-block;">
|
|
19
|
-
<Select v-if="item.type === 'select'" :options="item.option" v-model:value="item.selectValue"></Select>
|
|
2
|
+
<div class="hello">
|
|
3
|
+
<div class="tip-popupWindowSearch">
|
|
4
|
+
<div class="tip-box">
|
|
5
|
+
<div>
|
|
6
|
+
<div class="tip-title">{{ title }}</div>
|
|
20
7
|
</div>
|
|
21
|
-
<div class="
|
|
22
|
-
|
|
23
|
-
|
|
8
|
+
<div class="tip-boxContent">
|
|
9
|
+
<div class="tap-p">
|
|
10
|
+
<div class="tip-title2" v-if="type === 'text'"
|
|
11
|
+
:style="{'text-align': (middle)? 'center': 'left' }" v-html="promptContent"></div>
|
|
12
|
+
<div class="tip-img" v-if="type === 'img'">
|
|
13
|
+
<img :src="url"/>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="tip-img" v-if="type === 'input'">
|
|
16
|
+
<div class="tip-input" v-for="(item,index) in inputArr" :key="index">
|
|
17
|
+
<span>{{ item.name }}</span>
|
|
18
|
+
<input v-if="item.type === 'input'" type="text" :placeholder="item.placeholder"
|
|
19
|
+
v-model="item.value" :disabled="item.disabled"/>
|
|
20
|
+
<div style="display: inline-block;">
|
|
21
|
+
<Select v-if="item.type === 'select'" :options="item.option"
|
|
22
|
+
v-model:value="item.selectValue"></Select>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="cal" v-if="item.type === 'calender'">
|
|
25
|
+
<input type="text" :placeholder="item.placeholder" @focus="focus"
|
|
26
|
+
v-model="item.value" :disabled="item.disabled"/>
|
|
27
|
+
<Calendar v-if="tip" style="top: 35px;" @confirm="confirm($event,item)"></Calendar>
|
|
28
|
+
</div>
|
|
29
|
+
<div v-if="item.type === 'text'" class="text">{{ item.value }}</div>
|
|
30
|
+
<div v-if="item.type === 'code'" class="ph-code">
|
|
31
|
+
<input type="text" :placeholder="item.placeholder" />
|
|
32
|
+
<button @click="item.codeTap()">{{ item.butVal }}</button>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="tip-btnBox">
|
|
39
|
+
<div @click="submit">确认</div>
|
|
40
|
+
<div v-if="cancelShow" @click="cancel">取消</div>
|
|
24
41
|
</div>
|
|
25
|
-
<div v-if="item.type === 'text'" class="text">{{ item.value }}</div>
|
|
26
|
-
</div>
|
|
27
42
|
</div>
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
<div class="tip-btnBox">
|
|
31
|
-
<div @click="submit">确认</div>
|
|
32
|
-
<div v-if="cancelShow" @click="cancel">取消</div>
|
|
33
43
|
</div>
|
|
34
|
-
</div>
|
|
35
44
|
</div>
|
|
36
|
-
</div>
|
|
37
45
|
</template>
|
|
38
46
|
|
|
39
47
|
<script>
|
|
40
48
|
import Select from '../../select/src/select.vue'
|
|
41
49
|
import Calendar from '../../calendar/src/Calendar'
|
|
50
|
+
|
|
42
51
|
export default {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
props: {
|
|
51
|
-
type: { // 弹窗的提示标题
|
|
52
|
-
type: String,
|
|
53
|
-
default: 'text'
|
|
54
|
-
},
|
|
55
|
-
url: { // 弹窗的提示标题
|
|
56
|
-
type: String,
|
|
57
|
-
default: ''
|
|
52
|
+
name: 'zydx-tip-box',
|
|
53
|
+
components: {Select, Calendar},
|
|
54
|
+
data() {
|
|
55
|
+
return {
|
|
56
|
+
tip: false
|
|
57
|
+
}
|
|
58
58
|
},
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
props: {
|
|
60
|
+
type: { // 弹窗的提示标题
|
|
61
|
+
type: String,
|
|
62
|
+
default: 'text'
|
|
63
|
+
},
|
|
64
|
+
url: { // 弹窗的提示标题
|
|
65
|
+
type: String,
|
|
66
|
+
default: ''
|
|
67
|
+
},
|
|
68
|
+
title: { // 弹窗的提示标题
|
|
69
|
+
type: String,
|
|
70
|
+
default: '提示'
|
|
71
|
+
},
|
|
72
|
+
promptContent: { // 弹窗中间的文字内容
|
|
73
|
+
type: String,
|
|
74
|
+
default: '默认文字'
|
|
75
|
+
},
|
|
76
|
+
middle: { // 弹窗中间的文字内容是居中 还是居左 默认居中
|
|
77
|
+
type: Boolean,
|
|
78
|
+
default: true
|
|
79
|
+
},
|
|
80
|
+
cancelShow: { //是否显示取消按钮
|
|
81
|
+
type: Boolean,
|
|
82
|
+
default: true
|
|
83
|
+
},
|
|
84
|
+
inputArr: { // 弹窗的提示标题
|
|
85
|
+
type: Array,
|
|
86
|
+
default: []
|
|
87
|
+
},
|
|
88
|
+
// 确认按钮
|
|
89
|
+
submit: {
|
|
90
|
+
type: Function,
|
|
91
|
+
default: () => {
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
cancel: {
|
|
95
|
+
type: Function,
|
|
96
|
+
default: () => {
|
|
97
|
+
}
|
|
98
|
+
}
|
|
62
99
|
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
cancelShow: { //是否显示取消按钮
|
|
72
|
-
type: Boolean,
|
|
73
|
-
default: true
|
|
74
|
-
},
|
|
75
|
-
inputArr: { // 弹窗的提示标题
|
|
76
|
-
type: Array,
|
|
77
|
-
default: []
|
|
78
|
-
},
|
|
79
|
-
// 确认按钮
|
|
80
|
-
submit: {
|
|
81
|
-
type: Function,
|
|
82
|
-
default: () => {}
|
|
83
|
-
},
|
|
84
|
-
cancel: {
|
|
85
|
-
type: Function,
|
|
86
|
-
default: () => {}
|
|
100
|
+
methods: {
|
|
101
|
+
focus() {
|
|
102
|
+
this.tip = true
|
|
103
|
+
},
|
|
104
|
+
confirm(e, data) {
|
|
105
|
+
data.value = e.start
|
|
106
|
+
this.tip = false
|
|
107
|
+
}
|
|
87
108
|
}
|
|
88
|
-
},
|
|
89
|
-
methods: {
|
|
90
|
-
focus() {
|
|
91
|
-
this.tip = true
|
|
92
|
-
},
|
|
93
|
-
confirm(e,data) {
|
|
94
|
-
data.value = e.start
|
|
95
|
-
this.tip = false
|
|
96
|
-
},
|
|
97
|
-
}
|
|
98
109
|
}
|
|
99
110
|
</script>
|
|
100
111
|
|
|
@@ -99,6 +99,8 @@ font-size: 12px;
|
|
|
99
99
|
display: inline-block;
|
|
100
100
|
line-height: 30px;
|
|
101
101
|
padding-right: 10px;
|
|
102
|
+
min-width: 80px;
|
|
103
|
+
text-align: right;
|
|
102
104
|
}
|
|
103
105
|
.tip-input input{
|
|
104
106
|
width: 211px;
|
|
@@ -130,3 +132,23 @@ font-size: 12px;
|
|
|
130
132
|
display: inline-block;
|
|
131
133
|
position: relative;
|
|
132
134
|
}
|
|
135
|
+
.ph-code{
|
|
136
|
+
position: relative;
|
|
137
|
+
display: inline-block;
|
|
138
|
+
}
|
|
139
|
+
.ph-code>button{
|
|
140
|
+
position: absolute;
|
|
141
|
+
top: 0;
|
|
142
|
+
right: 0;
|
|
143
|
+
z-index: 1;
|
|
144
|
+
margin-left: 5px;
|
|
145
|
+
font-size: 12px;
|
|
146
|
+
background-color: transparent;
|
|
147
|
+
padding: 2px 5px;
|
|
148
|
+
cursor: pointer;
|
|
149
|
+
width: 75px;
|
|
150
|
+
height: 32px;
|
|
151
|
+
line-height: 30px;
|
|
152
|
+
border: 0;
|
|
153
|
+
border-left: 1px solid #ccc;
|
|
154
|
+
}
|