jufubao-base 1.0.301-beta1 → 1.0.302-beta1
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 +1 -1
- package/src/components/JfbBaseInvoice/Api.js +58 -0
- package/src/components/JfbBaseInvoice/Attr.js +48 -0
- package/src/components/JfbBaseInvoice/JfbBaseInvoice.vue +111 -0
- package/src/components/JfbBaseInvoice/JfbBaseInvoiceLess.less +79 -0
- package/src/components/JfbBaseInvoice/JfbBaseInvoiceMixin.js +30 -0
- package/src/components/JfbBaseInvoice/Mock.js +13 -0
- package/src/components/JfbBaseInvoiceConfirm/Api.js +58 -0
- package/src/components/JfbBaseInvoiceConfirm/Attr.js +48 -0
- package/src/components/JfbBaseInvoiceConfirm/JfbBaseInvoiceConfirm.vue +111 -0
- package/src/components/JfbBaseInvoiceConfirm/JfbBaseInvoiceConfirmLess.less +79 -0
- package/src/components/JfbBaseInvoiceConfirm/JfbBaseInvoiceConfirmMixin.js +30 -0
- package/src/components/JfbBaseInvoiceConfirm/Mock.js +13 -0
- package/src/components/JfbBaseInvoiceDetail/Api.js +58 -0
- package/src/components/JfbBaseInvoiceDetail/Attr.js +48 -0
- package/src/components/JfbBaseInvoiceDetail/JfbBaseInvoiceDetail.vue +111 -0
- package/src/components/JfbBaseInvoiceDetail/JfbBaseInvoiceDetailLess.less +79 -0
- package/src/components/JfbBaseInvoiceDetail/JfbBaseInvoiceDetailMixin.js +30 -0
- package/src/components/JfbBaseInvoiceDetail/Mock.js +13 -0
package/package.json
CHANGED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
/**
|
|
3
|
+
* @description 接口配置，
|
|
4
|
+
* 在设置方法名字当时候，别忘记加上【模块名字】：Invoice
|
|
5
|
+
* @type {*[]}
|
|
6
|
+
*/
|
|
7
|
+
module.exports = [
|
|
8
|
+
{
|
|
9
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
10
|
+
mapFnName: 'getInvoiceByIdFilmSquate',
|
|
11
|
+
title: '获取电影广场列表',
|
|
12
|
+
path: '/api/account/film/list-film-square',
|
|
13
|
+
isRule: false,
|
|
14
|
+
params: {
|
|
15
|
+
last_key: ['当前页', 'Number', '必选'],
|
|
16
|
+
page_size: ['每页数量', 'Number', '必选'],
|
|
17
|
+
},
|
|
18
|
+
isConsole: true,
|
|
19
|
+
disabled: true,
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
23
|
+
mapFnName: 'updateInvoiceFilmPaiqiDate',
|
|
24
|
+
title: '更新排期',
|
|
25
|
+
path: '/api/account/film/paiqi-date',
|
|
26
|
+
isRule: false,
|
|
27
|
+
params: {
|
|
28
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
29
|
+
cinema_id: ['影院id', 'Number', '必选'],
|
|
30
|
+
},
|
|
31
|
+
isConsole: true,
|
|
32
|
+
disabled: true,
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
36
|
+
mapFnName: 'removeInvoiceFilmAddress',
|
|
37
|
+
title: '删除我的配送地址',
|
|
38
|
+
path: '/api/account/film/paiqi-date',
|
|
39
|
+
isRule: false,
|
|
40
|
+
params: {
|
|
41
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
42
|
+
},
|
|
43
|
+
isConsole: true,
|
|
44
|
+
disabled: true,
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
48
|
+
mapFnName: 'addInvoiceFilmcart',
|
|
49
|
+
title: '添加购物车',
|
|
50
|
+
path: '/api/account/film/paiqi-date',
|
|
51
|
+
isRule: false,
|
|
52
|
+
params: {
|
|
53
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
54
|
+
},
|
|
55
|
+
isConsole: true,
|
|
56
|
+
disabled: true,
|
|
57
|
+
},
|
|
58
|
+
];
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @description 当表单组件中有联动操作时候，使用方法进行返回
|
|
5
|
+
*/
|
|
6
|
+
export default {
|
|
7
|
+
style: [],
|
|
8
|
+
content: (data) => {
|
|
9
|
+
return [
|
|
10
|
+
{
|
|
11
|
+
label: '背景颜色:',
|
|
12
|
+
ele: 'xd-color',
|
|
13
|
+
valueKey: 'bgColor',
|
|
14
|
+
value: data.bgColor || '',
|
|
15
|
+
placeholder: '请输入占位框背景颜色',
|
|
16
|
+
groupKey:'content',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: '选中路径:',
|
|
20
|
+
groupKey:'advanced',
|
|
21
|
+
className: 'input100',
|
|
22
|
+
ele: 'xd-select-pages-path',
|
|
23
|
+
valueKey: 'select-pages-path',
|
|
24
|
+
value: data['select-pages-path'] || null,
|
|
25
|
+
setting: {
|
|
26
|
+
router: XdBus.getParentApi('getPagesTree')
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
data.bgColor && {
|
|
30
|
+
label: '高度:',
|
|
31
|
+
ele: 'el-input',
|
|
32
|
+
groupKey:'style',
|
|
33
|
+
type: 'number',
|
|
34
|
+
valueKey: 'height',
|
|
35
|
+
value: data.height || 100,
|
|
36
|
+
placeholder: '请输入占位框高度，单位像素，默认：10px',
|
|
37
|
+
className: 'input60',
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: '', //label
|
|
41
|
+
groupKey:'advanced',
|
|
42
|
+
ele: 'slot', //package 名称
|
|
43
|
+
slot: 'is_reference',
|
|
44
|
+
},
|
|
45
|
+
].filter(i=>i)
|
|
46
|
+
},
|
|
47
|
+
advanced: [],
|
|
48
|
+
};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<view
|
|
3
|
+
class="jfb-base-invoice"
|
|
4
|
+
@click="handleEditxSelect"
|
|
5
|
+
:class="{ editx : isEditx && active }"
|
|
6
|
+
>
|
|
7
|
+
<!--#ifdef H5-->
|
|
8
|
+
<view
|
|
9
|
+
class="jfb-base-invoice__edit"
|
|
10
|
+
:class="{ editx : isEditx && active }"
|
|
11
|
+
v-if="isEditx && active"
|
|
12
|
+
>
|
|
13
|
+
<view class="jfb-base-invoice__edit-icon" @click="delEdit">删除</view>
|
|
14
|
+
</view>
|
|
15
|
+
<!-- #endif -->
|
|
16
|
+
<view class="jfb-base-invoice__body">
|
|
17
|
+
<view>测试插件( {{containerId}} )</view>
|
|
18
|
+
</view>
|
|
19
|
+
</view>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
24
|
+
import { jfbRootExec } from "@/utils/xd.event";
|
|
25
|
+
import JfbBaseInvoiceMixin from "./JfbBaseInvoiceMixin";
|
|
26
|
+
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
27
|
+
import componentsMixins from "@/mixins/componentsMixins";
|
|
28
|
+
import extsMixins from "@/mixins/extsMixins";
|
|
29
|
+
export default {
|
|
30
|
+
name: "JfbBaseInvoice",
|
|
31
|
+
components: {
|
|
32
|
+
XdFontIcon
|
|
33
|
+
},
|
|
34
|
+
mixins: [
|
|
35
|
+
componentsMixins, extsMixins, JfbBaseInvoiceMixin
|
|
36
|
+
],
|
|
37
|
+
data() {
|
|
38
|
+
return {
|
|
39
|
+
|
|
40
|
+
//todo
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
watch: {
|
|
44
|
+
container(value, oldValue) {
|
|
45
|
+
if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
|
|
46
|
+
if (this.$configProject['isPreview']) this.init(value)
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
created() {
|
|
50
|
+
this.init(this.container);
|
|
51
|
+
|
|
52
|
+
//todo
|
|
53
|
+
},
|
|
54
|
+
methods: {
|
|
55
|
+
onJfbLoad(options) {
|
|
56
|
+
|
|
57
|
+
// jfbRootExec('baiduUserLogin', {
|
|
58
|
+
|
|
59
|
+
// vm: this,// data: {
|
|
60
|
+
|
|
61
|
+
// account: 'gaoshiyong',// password: '123456789',// type: 3,// ...options
|
|
62
|
+
|
|
63
|
+
// }
|
|
64
|
+
|
|
65
|
+
// }).then().catch()
|
|
66
|
+
},
|
|
67
|
+
/**
|
|
68
|
+
* @description 监听事件变化
|
|
69
|
+
* @param container {object} 业务组件对象自己
|
|
70
|
+
*/
|
|
71
|
+
init(container) {
|
|
72
|
+
|
|
73
|
+
//this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
|
|
74
|
+
|
|
75
|
+
//this.height = getContainerPropsValue(container, 'content.height', 10);
|
|
76
|
+
},
|
|
77
|
+
onJfbScroll(options) {
|
|
78
|
+
console.log('event.onJfbScroll', options)
|
|
79
|
+
},
|
|
80
|
+
onJfbReachBottom(options) {
|
|
81
|
+
console.log('event.onJfbReachBottom', options)
|
|
82
|
+
},
|
|
83
|
+
onJfbShow(options) {
|
|
84
|
+
console.log('event.onJfbShow', options)
|
|
85
|
+
},
|
|
86
|
+
onJfbHide(options) {
|
|
87
|
+
console.log('event.onJfbHide', options)
|
|
88
|
+
},
|
|
89
|
+
onJfbBack(options) {
|
|
90
|
+
console.log('event.onJfbBack', options)
|
|
91
|
+
},
|
|
92
|
+
onJfbUpdate(...data) {
|
|
93
|
+
console.log('event.onJfbUpdate', data)
|
|
94
|
+
},
|
|
95
|
+
onJfbCustomEvent(options) {
|
|
96
|
+
console.log('event.onJfbReachBottom', options)
|
|
97
|
+
},
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
</script>
|
|
102
|
+
|
|
103
|
+
<style scoped lang="less">
|
|
104
|
+
@import "./JfbBaseInvoiceLess.less";
|
|
105
|
+
|
|
106
|
+
.jfb-base-invoice {
|
|
107
|
+
&__body{
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
</style>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @desc 获取绝对路径完整地址
|
|
3
|
+
* @param @path
|
|
4
|
+
**/
|
|
5
|
+
//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
|
|
6
|
+
@basePath: 'business/';
|
|
7
|
+
@doMain: '//sandbox-img.jufubao.cn/';
|
|
8
|
+
|
|
9
|
+
.getBusinessImageUrl(@path, @size: 'size8') {
|
|
10
|
+
@url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
|
|
11
|
+
background-image: url(@url);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
//start
|
|
15
|
+
.jfb-base-invoice {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
|
|
18
|
+
&__body{
|
|
19
|
+
position: relative;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
z-index: 2
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.editx,&.editx:hover {
|
|
25
|
+
position: relative;
|
|
26
|
+
min-height: unit(100, rpx);
|
|
27
|
+
z-index: 3;
|
|
28
|
+
&::after {
|
|
29
|
+
border: 2rpx dashed blue;
|
|
30
|
+
content: " ";
|
|
31
|
+
position: absolute;
|
|
32
|
+
top:0;
|
|
33
|
+
left:0;
|
|
34
|
+
bottom:0;
|
|
35
|
+
right:0;
|
|
36
|
+
z-index: 4;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
&__edit {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
position: absolute;
|
|
46
|
+
right: unit(0, rpx);
|
|
47
|
+
top: unit(-52, rpx);
|
|
48
|
+
height: unit(50, rpx);
|
|
49
|
+
line-height: unit(50, rpx);
|
|
50
|
+
display: flex;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
background: rgba(0, 0, 0, .6);
|
|
54
|
+
border-radius: unit(10, rpx);
|
|
55
|
+
box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
|
|
56
|
+
color: #fff;
|
|
57
|
+
font-size: unit(22, rpx);
|
|
58
|
+
|
|
59
|
+
&-icon{
|
|
60
|
+
padding: 0 unit(20, rpx);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.editx {
|
|
64
|
+
box-sizing: border-box;
|
|
65
|
+
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//end
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
/**notPreview**/
|
|
73
|
+
.jfb-base-invoice {
|
|
74
|
+
//&:before {
|
|
75
|
+
//content: " ";
|
|
76
|
+
//display: table;
|
|
77
|
+
//}
|
|
78
|
+
}
|
|
79
|
+
/**endNotPreview**/
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
//@AttrImport
|
|
5
|
+
import Attr from "./Attr";
|
|
6
|
+
//@EndAttrImport
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
data() {
|
|
11
|
+
return {
|
|
12
|
+
//#ifdef H5
|
|
13
|
+
|
|
14
|
+
//@AttrData
|
|
15
|
+
Attr:{}, //对外开发编辑属性
|
|
16
|
+
//@EndAttrData
|
|
17
|
+
|
|
18
|
+
// #endif
|
|
19
|
+
cssRoot: 'jfb-base-invoice'
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
created() {
|
|
23
|
+
|
|
24
|
+
//@AttrDataCreated
|
|
25
|
+
this.Attr = this.$xdUniHelper.customClone(Attr);
|
|
26
|
+
//@EndAttrDataCreated
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
},
|
|
30
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
/**
|
|
3
|
+
* @description 接口配置，
|
|
4
|
+
* 在设置方法名字当时候，别忘记加上【模块名字】：Invoice
|
|
5
|
+
* @type {*[]}
|
|
6
|
+
*/
|
|
7
|
+
module.exports = [
|
|
8
|
+
{
|
|
9
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
10
|
+
mapFnName: 'getInvoiceByIdFilmSquate',
|
|
11
|
+
title: '获取电影广场列表',
|
|
12
|
+
path: '/api/account/film/list-film-square',
|
|
13
|
+
isRule: false,
|
|
14
|
+
params: {
|
|
15
|
+
last_key: ['当前页', 'Number', '必选'],
|
|
16
|
+
page_size: ['每页数量', 'Number', '必选'],
|
|
17
|
+
},
|
|
18
|
+
isConsole: true,
|
|
19
|
+
disabled: true,
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
23
|
+
mapFnName: 'updateInvoiceFilmPaiqiDate',
|
|
24
|
+
title: '更新排期',
|
|
25
|
+
path: '/api/account/film/paiqi-date',
|
|
26
|
+
isRule: false,
|
|
27
|
+
params: {
|
|
28
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
29
|
+
cinema_id: ['影院id', 'Number', '必选'],
|
|
30
|
+
},
|
|
31
|
+
isConsole: true,
|
|
32
|
+
disabled: true,
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
36
|
+
mapFnName: 'removeInvoiceFilmAddress',
|
|
37
|
+
title: '删除我的配送地址',
|
|
38
|
+
path: '/api/account/film/paiqi-date',
|
|
39
|
+
isRule: false,
|
|
40
|
+
params: {
|
|
41
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
42
|
+
},
|
|
43
|
+
isConsole: true,
|
|
44
|
+
disabled: true,
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
48
|
+
mapFnName: 'addInvoiceFilmcart',
|
|
49
|
+
title: '添加购物车',
|
|
50
|
+
path: '/api/account/film/paiqi-date',
|
|
51
|
+
isRule: false,
|
|
52
|
+
params: {
|
|
53
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
54
|
+
},
|
|
55
|
+
isConsole: true,
|
|
56
|
+
disabled: true,
|
|
57
|
+
},
|
|
58
|
+
];
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @description 当表单组件中有联动操作时候，使用方法进行返回
|
|
5
|
+
*/
|
|
6
|
+
export default {
|
|
7
|
+
style: [],
|
|
8
|
+
content: (data) => {
|
|
9
|
+
return [
|
|
10
|
+
{
|
|
11
|
+
label: '背景颜色:',
|
|
12
|
+
ele: 'xd-color',
|
|
13
|
+
valueKey: 'bgColor',
|
|
14
|
+
value: data.bgColor || '',
|
|
15
|
+
placeholder: '请输入占位框背景颜色',
|
|
16
|
+
groupKey:'content',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: '选中路径:',
|
|
20
|
+
groupKey:'advanced',
|
|
21
|
+
className: 'input100',
|
|
22
|
+
ele: 'xd-select-pages-path',
|
|
23
|
+
valueKey: 'select-pages-path',
|
|
24
|
+
value: data['select-pages-path'] || null,
|
|
25
|
+
setting: {
|
|
26
|
+
router: XdBus.getParentApi('getPagesTree')
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
data.bgColor && {
|
|
30
|
+
label: '高度:',
|
|
31
|
+
ele: 'el-input',
|
|
32
|
+
groupKey:'style',
|
|
33
|
+
type: 'number',
|
|
34
|
+
valueKey: 'height',
|
|
35
|
+
value: data.height || 100,
|
|
36
|
+
placeholder: '请输入占位框高度，单位像素，默认：10px',
|
|
37
|
+
className: 'input60',
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: '', //label
|
|
41
|
+
groupKey:'advanced',
|
|
42
|
+
ele: 'slot', //package 名称
|
|
43
|
+
slot: 'is_reference',
|
|
44
|
+
},
|
|
45
|
+
].filter(i=>i)
|
|
46
|
+
},
|
|
47
|
+
advanced: [],
|
|
48
|
+
};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<view
|
|
3
|
+
class="jfb-base-invoice-confirm"
|
|
4
|
+
@click="handleEditxSelect"
|
|
5
|
+
:class="{ editx : isEditx && active }"
|
|
6
|
+
>
|
|
7
|
+
<!--#ifdef H5-->
|
|
8
|
+
<view
|
|
9
|
+
class="jfb-base-invoice-confirm__edit"
|
|
10
|
+
:class="{ editx : isEditx && active }"
|
|
11
|
+
v-if="isEditx && active"
|
|
12
|
+
>
|
|
13
|
+
<view class="jfb-base-invoice-confirm__edit-icon" @click="delEdit">删除</view>
|
|
14
|
+
</view>
|
|
15
|
+
<!-- #endif -->
|
|
16
|
+
<view class="jfb-base-invoice-confirm__body">
|
|
17
|
+
<view>测试插件( {{containerId}} )</view>
|
|
18
|
+
</view>
|
|
19
|
+
</view>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
24
|
+
import { jfbRootExec } from "@/utils/xd.event";
|
|
25
|
+
import JfbBaseInvoiceConfirmMixin from "./JfbBaseInvoiceConfirmMixin";
|
|
26
|
+
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
27
|
+
import componentsMixins from "@/mixins/componentsMixins";
|
|
28
|
+
import extsMixins from "@/mixins/extsMixins";
|
|
29
|
+
export default {
|
|
30
|
+
name: "JfbBaseInvoiceConfirm",
|
|
31
|
+
components: {
|
|
32
|
+
XdFontIcon
|
|
33
|
+
},
|
|
34
|
+
mixins: [
|
|
35
|
+
componentsMixins, extsMixins, JfbBaseInvoiceConfirmMixin
|
|
36
|
+
],
|
|
37
|
+
data() {
|
|
38
|
+
return {
|
|
39
|
+
|
|
40
|
+
//todo
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
watch: {
|
|
44
|
+
container(value, oldValue) {
|
|
45
|
+
if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
|
|
46
|
+
if (this.$configProject['isPreview']) this.init(value)
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
created() {
|
|
50
|
+
this.init(this.container);
|
|
51
|
+
|
|
52
|
+
//todo
|
|
53
|
+
},
|
|
54
|
+
methods: {
|
|
55
|
+
onJfbLoad(options) {
|
|
56
|
+
|
|
57
|
+
// jfbRootExec('baiduUserLogin', {
|
|
58
|
+
|
|
59
|
+
// vm: this,// data: {
|
|
60
|
+
|
|
61
|
+
// account: 'gaoshiyong',// password: '123456789',// type: 3,// ...options
|
|
62
|
+
|
|
63
|
+
// }
|
|
64
|
+
|
|
65
|
+
// }).then().catch()
|
|
66
|
+
},
|
|
67
|
+
/**
|
|
68
|
+
* @description 监听事件变化
|
|
69
|
+
* @param container {object} 业务组件对象自己
|
|
70
|
+
*/
|
|
71
|
+
init(container) {
|
|
72
|
+
|
|
73
|
+
//this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
|
|
74
|
+
|
|
75
|
+
//this.height = getContainerPropsValue(container, 'content.height', 10);
|
|
76
|
+
},
|
|
77
|
+
onJfbScroll(options) {
|
|
78
|
+
console.log('event.onJfbScroll', options)
|
|
79
|
+
},
|
|
80
|
+
onJfbReachBottom(options) {
|
|
81
|
+
console.log('event.onJfbReachBottom', options)
|
|
82
|
+
},
|
|
83
|
+
onJfbShow(options) {
|
|
84
|
+
console.log('event.onJfbShow', options)
|
|
85
|
+
},
|
|
86
|
+
onJfbHide(options) {
|
|
87
|
+
console.log('event.onJfbHide', options)
|
|
88
|
+
},
|
|
89
|
+
onJfbBack(options) {
|
|
90
|
+
console.log('event.onJfbBack', options)
|
|
91
|
+
},
|
|
92
|
+
onJfbUpdate(...data) {
|
|
93
|
+
console.log('event.onJfbUpdate', data)
|
|
94
|
+
},
|
|
95
|
+
onJfbCustomEvent(options) {
|
|
96
|
+
console.log('event.onJfbReachBottom', options)
|
|
97
|
+
},
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
</script>
|
|
102
|
+
|
|
103
|
+
<style scoped lang="less">
|
|
104
|
+
@import "./JfbBaseInvoiceConfirmLess.less";
|
|
105
|
+
|
|
106
|
+
.jfb-base-invoice-confirm {
|
|
107
|
+
&__body{
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
</style>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @desc 获取绝对路径完整地址
|
|
3
|
+
* @param @path
|
|
4
|
+
**/
|
|
5
|
+
//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
|
|
6
|
+
@basePath: 'business/';
|
|
7
|
+
@doMain: '//sandbox-img.jufubao.cn/';
|
|
8
|
+
|
|
9
|
+
.getBusinessImageUrl(@path, @size: 'size8') {
|
|
10
|
+
@url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
|
|
11
|
+
background-image: url(@url);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
//start
|
|
15
|
+
.jfb-base-invoice-confirm {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
|
|
18
|
+
&__body{
|
|
19
|
+
position: relative;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
z-index: 2
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.editx,&.editx:hover {
|
|
25
|
+
position: relative;
|
|
26
|
+
min-height: unit(100, rpx);
|
|
27
|
+
z-index: 3;
|
|
28
|
+
&::after {
|
|
29
|
+
border: 2rpx dashed blue;
|
|
30
|
+
content: " ";
|
|
31
|
+
position: absolute;
|
|
32
|
+
top:0;
|
|
33
|
+
left:0;
|
|
34
|
+
bottom:0;
|
|
35
|
+
right:0;
|
|
36
|
+
z-index: 4;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
&__edit {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
position: absolute;
|
|
46
|
+
right: unit(0, rpx);
|
|
47
|
+
top: unit(-52, rpx);
|
|
48
|
+
height: unit(50, rpx);
|
|
49
|
+
line-height: unit(50, rpx);
|
|
50
|
+
display: flex;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
background: rgba(0, 0, 0, .6);
|
|
54
|
+
border-radius: unit(10, rpx);
|
|
55
|
+
box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
|
|
56
|
+
color: #fff;
|
|
57
|
+
font-size: unit(22, rpx);
|
|
58
|
+
|
|
59
|
+
&-icon{
|
|
60
|
+
padding: 0 unit(20, rpx);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.editx {
|
|
64
|
+
box-sizing: border-box;
|
|
65
|
+
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//end
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
/**notPreview**/
|
|
73
|
+
.jfb-base-invoice-confirm {
|
|
74
|
+
//&:before {
|
|
75
|
+
//content: " ";
|
|
76
|
+
//display: table;
|
|
77
|
+
//}
|
|
78
|
+
}
|
|
79
|
+
/**endNotPreview**/
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
//@AttrImport
|
|
5
|
+
import Attr from "./Attr";
|
|
6
|
+
//@EndAttrImport
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
data() {
|
|
11
|
+
return {
|
|
12
|
+
//#ifdef H5
|
|
13
|
+
|
|
14
|
+
//@AttrData
|
|
15
|
+
Attr:{}, //对外开发编辑属性
|
|
16
|
+
//@EndAttrData
|
|
17
|
+
|
|
18
|
+
// #endif
|
|
19
|
+
cssRoot: 'jfb-base-invoice-confirm'
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
created() {
|
|
23
|
+
|
|
24
|
+
//@AttrDataCreated
|
|
25
|
+
this.Attr = this.$xdUniHelper.customClone(Attr);
|
|
26
|
+
//@EndAttrDataCreated
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
},
|
|
30
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
/**
|
|
3
|
+
* @description 接口配置，
|
|
4
|
+
* 在设置方法名字当时候，别忘记加上【模块名字】：Invoice
|
|
5
|
+
* @type {*[]}
|
|
6
|
+
*/
|
|
7
|
+
module.exports = [
|
|
8
|
+
{
|
|
9
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
10
|
+
mapFnName: 'getInvoiceByIdFilmSquate',
|
|
11
|
+
title: '获取电影广场列表',
|
|
12
|
+
path: '/api/account/film/list-film-square',
|
|
13
|
+
isRule: false,
|
|
14
|
+
params: {
|
|
15
|
+
last_key: ['当前页', 'Number', '必选'],
|
|
16
|
+
page_size: ['每页数量', 'Number', '必选'],
|
|
17
|
+
},
|
|
18
|
+
isConsole: true,
|
|
19
|
+
disabled: true,
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
23
|
+
mapFnName: 'updateInvoiceFilmPaiqiDate',
|
|
24
|
+
title: '更新排期',
|
|
25
|
+
path: '/api/account/film/paiqi-date',
|
|
26
|
+
isRule: false,
|
|
27
|
+
params: {
|
|
28
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
29
|
+
cinema_id: ['影院id', 'Number', '必选'],
|
|
30
|
+
},
|
|
31
|
+
isConsole: true,
|
|
32
|
+
disabled: true,
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
36
|
+
mapFnName: 'removeInvoiceFilmAddress',
|
|
37
|
+
title: '删除我的配送地址',
|
|
38
|
+
path: '/api/account/film/paiqi-date',
|
|
39
|
+
isRule: false,
|
|
40
|
+
params: {
|
|
41
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
42
|
+
},
|
|
43
|
+
isConsole: true,
|
|
44
|
+
disabled: true,
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
//设置方法名字当别忘记加上【模块名字】：Invoice
|
|
48
|
+
mapFnName: 'addInvoiceFilmcart',
|
|
49
|
+
title: '添加购物车',
|
|
50
|
+
path: '/api/account/film/paiqi-date',
|
|
51
|
+
isRule: false,
|
|
52
|
+
params: {
|
|
53
|
+
film_id: ['电影id', 'Number', '必选'],
|
|
54
|
+
},
|
|
55
|
+
isConsole: true,
|
|
56
|
+
disabled: true,
|
|
57
|
+
},
|
|
58
|
+
];
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @description 当表单组件中有联动操作时候，使用方法进行返回
|
|
5
|
+
*/
|
|
6
|
+
export default {
|
|
7
|
+
style: [],
|
|
8
|
+
content: (data) => {
|
|
9
|
+
return [
|
|
10
|
+
{
|
|
11
|
+
label: '背景颜色:',
|
|
12
|
+
ele: 'xd-color',
|
|
13
|
+
valueKey: 'bgColor',
|
|
14
|
+
value: data.bgColor || '',
|
|
15
|
+
placeholder: '请输入占位框背景颜色',
|
|
16
|
+
groupKey:'content',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: '选中路径:',
|
|
20
|
+
groupKey:'advanced',
|
|
21
|
+
className: 'input100',
|
|
22
|
+
ele: 'xd-select-pages-path',
|
|
23
|
+
valueKey: 'select-pages-path',
|
|
24
|
+
value: data['select-pages-path'] || null,
|
|
25
|
+
setting: {
|
|
26
|
+
router: XdBus.getParentApi('getPagesTree')
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
data.bgColor && {
|
|
30
|
+
label: '高度:',
|
|
31
|
+
ele: 'el-input',
|
|
32
|
+
groupKey:'style',
|
|
33
|
+
type: 'number',
|
|
34
|
+
valueKey: 'height',
|
|
35
|
+
value: data.height || 100,
|
|
36
|
+
placeholder: '请输入占位框高度，单位像素，默认：10px',
|
|
37
|
+
className: 'input60',
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: '', //label
|
|
41
|
+
groupKey:'advanced',
|
|
42
|
+
ele: 'slot', //package 名称
|
|
43
|
+
slot: 'is_reference',
|
|
44
|
+
},
|
|
45
|
+
].filter(i=>i)
|
|
46
|
+
},
|
|
47
|
+
advanced: [],
|
|
48
|
+
};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<view
|
|
3
|
+
class="jfb-base-invoice-detail"
|
|
4
|
+
@click="handleEditxSelect"
|
|
5
|
+
:class="{ editx : isEditx && active }"
|
|
6
|
+
>
|
|
7
|
+
<!--#ifdef H5-->
|
|
8
|
+
<view
|
|
9
|
+
class="jfb-base-invoice-detail__edit"
|
|
10
|
+
:class="{ editx : isEditx && active }"
|
|
11
|
+
v-if="isEditx && active"
|
|
12
|
+
>
|
|
13
|
+
<view class="jfb-base-invoice-detail__edit-icon" @click="delEdit">删除</view>
|
|
14
|
+
</view>
|
|
15
|
+
<!-- #endif -->
|
|
16
|
+
<view class="jfb-base-invoice-detail__body">
|
|
17
|
+
<view>测试插件( {{containerId}} )</view>
|
|
18
|
+
</view>
|
|
19
|
+
</view>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
24
|
+
import { jfbRootExec } from "@/utils/xd.event";
|
|
25
|
+
import JfbBaseInvoiceDetailMixin from "./JfbBaseInvoiceDetailMixin";
|
|
26
|
+
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
27
|
+
import componentsMixins from "@/mixins/componentsMixins";
|
|
28
|
+
import extsMixins from "@/mixins/extsMixins";
|
|
29
|
+
export default {
|
|
30
|
+
name: "JfbBaseInvoiceDetail",
|
|
31
|
+
components: {
|
|
32
|
+
XdFontIcon
|
|
33
|
+
},
|
|
34
|
+
mixins: [
|
|
35
|
+
componentsMixins, extsMixins, JfbBaseInvoiceDetailMixin
|
|
36
|
+
],
|
|
37
|
+
data() {
|
|
38
|
+
return {
|
|
39
|
+
|
|
40
|
+
//todo
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
watch: {
|
|
44
|
+
container(value, oldValue) {
|
|
45
|
+
if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
|
|
46
|
+
if (this.$configProject['isPreview']) this.init(value)
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
created() {
|
|
50
|
+
this.init(this.container);
|
|
51
|
+
|
|
52
|
+
//todo
|
|
53
|
+
},
|
|
54
|
+
methods: {
|
|
55
|
+
onJfbLoad(options) {
|
|
56
|
+
|
|
57
|
+
// jfbRootExec('baiduUserLogin', {
|
|
58
|
+
|
|
59
|
+
// vm: this,// data: {
|
|
60
|
+
|
|
61
|
+
// account: 'gaoshiyong',// password: '123456789',// type: 3,// ...options
|
|
62
|
+
|
|
63
|
+
// }
|
|
64
|
+
|
|
65
|
+
// }).then().catch()
|
|
66
|
+
},
|
|
67
|
+
/**
|
|
68
|
+
* @description 监听事件变化
|
|
69
|
+
* @param container {object} 业务组件对象自己
|
|
70
|
+
*/
|
|
71
|
+
init(container) {
|
|
72
|
+
|
|
73
|
+
//this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
|
|
74
|
+
|
|
75
|
+
//this.height = getContainerPropsValue(container, 'content.height', 10);
|
|
76
|
+
},
|
|
77
|
+
onJfbScroll(options) {
|
|
78
|
+
console.log('event.onJfbScroll', options)
|
|
79
|
+
},
|
|
80
|
+
onJfbReachBottom(options) {
|
|
81
|
+
console.log('event.onJfbReachBottom', options)
|
|
82
|
+
},
|
|
83
|
+
onJfbShow(options) {
|
|
84
|
+
console.log('event.onJfbShow', options)
|
|
85
|
+
},
|
|
86
|
+
onJfbHide(options) {
|
|
87
|
+
console.log('event.onJfbHide', options)
|
|
88
|
+
},
|
|
89
|
+
onJfbBack(options) {
|
|
90
|
+
console.log('event.onJfbBack', options)
|
|
91
|
+
},
|
|
92
|
+
onJfbUpdate(...data) {
|
|
93
|
+
console.log('event.onJfbUpdate', data)
|
|
94
|
+
},
|
|
95
|
+
onJfbCustomEvent(options) {
|
|
96
|
+
console.log('event.onJfbReachBottom', options)
|
|
97
|
+
},
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
</script>
|
|
102
|
+
|
|
103
|
+
<style scoped lang="less">
|
|
104
|
+
@import "./JfbBaseInvoiceDetailLess.less";
|
|
105
|
+
|
|
106
|
+
.jfb-base-invoice-detail {
|
|
107
|
+
&__body{
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
</style>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @desc 获取绝对路径完整地址
|
|
3
|
+
* @param @path
|
|
4
|
+
**/
|
|
5
|
+
//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
|
|
6
|
+
@basePath: 'business/';
|
|
7
|
+
@doMain: '//sandbox-img.jufubao.cn/';
|
|
8
|
+
|
|
9
|
+
.getBusinessImageUrl(@path, @size: 'size8') {
|
|
10
|
+
@url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
|
|
11
|
+
background-image: url(@url);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
//start
|
|
15
|
+
.jfb-base-invoice-detail {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
|
|
18
|
+
&__body{
|
|
19
|
+
position: relative;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
z-index: 2
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.editx,&.editx:hover {
|
|
25
|
+
position: relative;
|
|
26
|
+
min-height: unit(100, rpx);
|
|
27
|
+
z-index: 3;
|
|
28
|
+
&::after {
|
|
29
|
+
border: 2rpx dashed blue;
|
|
30
|
+
content: " ";
|
|
31
|
+
position: absolute;
|
|
32
|
+
top:0;
|
|
33
|
+
left:0;
|
|
34
|
+
bottom:0;
|
|
35
|
+
right:0;
|
|
36
|
+
z-index: 4;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
&__edit {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
position: absolute;
|
|
46
|
+
right: unit(0, rpx);
|
|
47
|
+
top: unit(-52, rpx);
|
|
48
|
+
height: unit(50, rpx);
|
|
49
|
+
line-height: unit(50, rpx);
|
|
50
|
+
display: flex;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
background: rgba(0, 0, 0, .6);
|
|
54
|
+
border-radius: unit(10, rpx);
|
|
55
|
+
box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
|
|
56
|
+
color: #fff;
|
|
57
|
+
font-size: unit(22, rpx);
|
|
58
|
+
|
|
59
|
+
&-icon{
|
|
60
|
+
padding: 0 unit(20, rpx);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.editx {
|
|
64
|
+
box-sizing: border-box;
|
|
65
|
+
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//end
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
/**notPreview**/
|
|
73
|
+
.jfb-base-invoice-detail {
|
|
74
|
+
//&:before {
|
|
75
|
+
//content: " ";
|
|
76
|
+
//display: table;
|
|
77
|
+
//}
|
|
78
|
+
}
|
|
79
|
+
/**endNotPreview**/
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
//@AttrImport
|
|
5
|
+
import Attr from "./Attr";
|
|
6
|
+
//@EndAttrImport
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
data() {
|
|
11
|
+
return {
|
|
12
|
+
//#ifdef H5
|
|
13
|
+
|
|
14
|
+
//@AttrData
|
|
15
|
+
Attr:{}, //对外开发编辑属性
|
|
16
|
+
//@EndAttrData
|
|
17
|
+
|
|
18
|
+
// #endif
|
|
19
|
+
cssRoot: 'jfb-base-invoice-detail'
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
created() {
|
|
23
|
+
|
|
24
|
+
//@AttrDataCreated
|
|
25
|
+
this.Attr = this.$xdUniHelper.customClone(Attr);
|
|
26
|
+
//@EndAttrDataCreated
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
},
|
|
30
|
+
}
|