正在显示
13 个修改的文件
包含
1144 行增加
和
17 行删除
components/textareaAlert.vue
0 → 100644
1 | +<template> | ||
2 | + <view class="alertWrap"> | ||
3 | + <view class="alert"> | ||
4 | + <view class="closeBtn"> | ||
5 | + <image @click="$emit('close')" src="../static/image/ic_94@2x.png" mode=""></image> | ||
6 | + </view> | ||
7 | + <view class="alertTitle"> | ||
8 | + 失败原因 | ||
9 | + </view> | ||
10 | + <view class="alertContent"> | ||
11 | + <textarea maxlength="100" v-model="reason" placeholder="请输入失败原因" /> | ||
12 | + <view class="textLength"> | ||
13 | + {{reason.length}}/100 | ||
14 | + </view> | ||
15 | + </view> | ||
16 | + <view class="bottomBtnAlt"> | ||
17 | + <view class="bottomBtn"> | ||
18 | + 发送 | ||
19 | + </view> | ||
20 | + </view> | ||
21 | + </view> | ||
22 | + </view> | ||
23 | +</template> | ||
24 | + | ||
25 | +<script> | ||
26 | + export default{ | ||
27 | + data(){ | ||
28 | + return{ | ||
29 | + reason:'' | ||
30 | + } | ||
31 | + } | ||
32 | + } | ||
33 | +</script> | ||
34 | + | ||
35 | +<style lang="scss" scoped> | ||
36 | + .alertWrap{ | ||
37 | + position: fixed; | ||
38 | + top: 0; | ||
39 | + bottom: 0; | ||
40 | + left: 0; | ||
41 | + right: 0; | ||
42 | + background: $uni-bg-color-mask; | ||
43 | + display: flex; | ||
44 | + justify-content: center; | ||
45 | + align-items: center; | ||
46 | + z-index: 2; | ||
47 | + .alert{ | ||
48 | + width: 638rpx; | ||
49 | + background: #ffffff; | ||
50 | + border-radius: 44rpx; | ||
51 | + padding: 32rpx; | ||
52 | + .closeBtn{ | ||
53 | + display: flex; | ||
54 | + justify-content: flex-end; | ||
55 | + image{width: $uni-img-size-40;height: $uni-img-size-40;} | ||
56 | + } | ||
57 | + .alertTitle{ | ||
58 | + font-size: $uni-font-size-40; | ||
59 | + text-align: center; | ||
60 | + height: 90rpx; | ||
61 | + line-height: 90rpx; | ||
62 | + font-weight: 600; | ||
63 | + } | ||
64 | + .alertContent{ | ||
65 | + padding: 20rpx; | ||
66 | + border-radius: 20rpx; | ||
67 | + font-size: $uni-font-size-26; | ||
68 | + line-height: $uni-font-lh-40; | ||
69 | + background: $uni-bg-color-hui; | ||
70 | + color: $uni-text-color-hui; | ||
71 | + textarea{ | ||
72 | + width: 100%; | ||
73 | + } | ||
74 | + .textLength{ | ||
75 | + text-align: right; | ||
76 | + } | ||
77 | + } | ||
78 | + .bottomBtnAlt{ | ||
79 | + padding-top: 38rpx; | ||
80 | + display: flex; | ||
81 | + justify-content: center; | ||
82 | + .bottomBtn{ | ||
83 | + flex: 1; | ||
84 | + height: 84rpx; | ||
85 | + background: #2e7ff9; | ||
86 | + border-radius: 68rpx; | ||
87 | + font-size: $uni-font-size-32; | ||
88 | + color: $uni-text-color-bai; | ||
89 | + line-height: 84rpx; | ||
90 | + text-align: center; | ||
91 | + } | ||
92 | + } | ||
93 | + } | ||
94 | + } | ||
95 | +</style> |
@@ -4,29 +4,39 @@ | @@ -4,29 +4,39 @@ | ||
4 | }, | 4 | }, |
5 | "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages | 5 | "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages |
6 | { | 6 | { |
7 | - "path": "pages/index/employ/chooseCompanyEmploy", | 7 | + "path": "pages/index/employ/companyCheckDetail", |
8 | "style": { | 8 | "style": { |
9 | - "navigationBarTitleText": "信息发布" | 9 | + "navigationBarTitleText": "企业审核", |
10 | + "navigationBarBackgroundColor":"#2e7ff9", | ||
11 | + "navigationBarTextStyle":"white" | ||
10 | } | 12 | } |
11 | }, | 13 | }, |
12 | { | 14 | { |
13 | - "path": "pages/index/employ/infoPublish", | 15 | + "path": "pages/index/employ/productCheck", |
14 | "style": { | 16 | "style": { |
15 | - "navigationBarTitleText": "信息发布" | 17 | + "navigationBarTitleText": "物品审核", |
18 | + "navigationBarBackgroundColor":"#2e7ff9", | ||
19 | + "navigationBarTextStyle":"white" | ||
16 | } | 20 | } |
17 | }, | 21 | }, |
18 | { | 22 | { |
19 | - "path": "pages/index/indexEmploy", | 23 | + "path": "pages/index/employ/companyCheck", |
20 | "style": { | 24 | "style": { |
21 | - "navigationBarTitleText": "市场监管", | 25 | + "navigationBarTitleText": "企业审核" |
26 | + } | ||
27 | + }, | ||
28 | + { | ||
29 | + "path": "pages/index/employ/plantManage", | ||
30 | + "style": { | ||
31 | + "navigationBarTitleText": "厂房管理", | ||
22 | "navigationBarBackgroundColor":"#2e7ff9", | 32 | "navigationBarBackgroundColor":"#2e7ff9", |
23 | "navigationBarTextStyle":"white" | 33 | "navigationBarTextStyle":"white" |
24 | } | 34 | } |
25 | }, | 35 | }, |
26 | { | 36 | { |
27 | - "path": "pages/index/article", | 37 | + "path": "pages/my/plantManage", |
28 | "style": { | 38 | "style": { |
29 | - "navigationBarTitleText": "操作指南", | 39 | + "navigationBarTitleText": "厂房管理", |
30 | "navigationBarBackgroundColor":"#2e7ff9", | 40 | "navigationBarBackgroundColor":"#2e7ff9", |
31 | "navigationBarTextStyle":"white" | 41 | "navigationBarTextStyle":"white" |
32 | } | 42 | } |
@@ -40,6 +50,34 @@ | @@ -40,6 +50,34 @@ | ||
40 | } | 50 | } |
41 | }, | 51 | }, |
42 | { | 52 | { |
53 | + "path": "pages/index/employ/chooseCompanyEmploy", | ||
54 | + "style": { | ||
55 | + "navigationBarTitleText": "信息发布" | ||
56 | + } | ||
57 | + }, | ||
58 | + { | ||
59 | + "path": "pages/index/employ/infoPublish", | ||
60 | + "style": { | ||
61 | + "navigationBarTitleText": "信息发布" | ||
62 | + } | ||
63 | + }, | ||
64 | + { | ||
65 | + "path": "pages/index/indexEmploy", | ||
66 | + "style": { | ||
67 | + "navigationBarTitleText": "市场监管", | ||
68 | + "navigationBarBackgroundColor":"#2e7ff9", | ||
69 | + "navigationBarTextStyle":"white" | ||
70 | + } | ||
71 | + }, | ||
72 | + { | ||
73 | + "path": "pages/index/article", | ||
74 | + "style": { | ||
75 | + "navigationBarTitleText": "操作指南", | ||
76 | + "navigationBarBackgroundColor":"#2e7ff9", | ||
77 | + "navigationBarTextStyle":"white" | ||
78 | + } | ||
79 | + }, | ||
80 | + { | ||
43 | "path": "pages/my/plantManage", | 81 | "path": "pages/my/plantManage", |
44 | "style": { | 82 | "style": { |
45 | "navigationBarTitleText": "厂房管理", | 83 | "navigationBarTitleText": "厂房管理", |
@@ -238,8 +276,8 @@ | @@ -238,8 +276,8 @@ | ||
238 | "navigationBarTitleText": "uni-app", | 276 | "navigationBarTitleText": "uni-app", |
239 | "navigationBarBackgroundColor": "#fff", | 277 | "navigationBarBackgroundColor": "#fff", |
240 | "backgroundColor": "#F8F8F8" | 278 | "backgroundColor": "#F8F8F8" |
241 | - }, | ||
242 | - "tabBar": { | 279 | + } |
280 | + /* "tabBar": { | ||
243 | "color": "#7A7E83", | 281 | "color": "#7A7E83", |
244 | "selectedColor": "#2e7ff9", | 282 | "selectedColor": "#2e7ff9", |
245 | "borderStyle": "black", | 283 | "borderStyle": "black", |
@@ -260,5 +298,5 @@ | @@ -260,5 +298,5 @@ | ||
260 | "selectedIconPath": "static/image/ic_10_select@2x.png", | 298 | "selectedIconPath": "static/image/ic_10_select@2x.png", |
261 | "text": "我的" | 299 | "text": "我的" |
262 | }] | 300 | }] |
263 | - } | 301 | + } */ |
264 | } | 302 | } |
@@ -41,6 +41,16 @@ | @@ -41,6 +41,16 @@ | ||
41 | </view> | 41 | </view> |
42 | </view> | 42 | </view> |
43 | </form> | 43 | </form> |
44 | + <u-tabbar | ||
45 | + v-model="tabBarCurrent" | ||
46 | + :show="show" | ||
47 | + :bg-color="bgColor" | ||
48 | + :border-top="borderTop" | ||
49 | + :list="tabBarList" | ||
50 | + :mid-button="midButton" | ||
51 | + :inactive-color="inactiveColor" | ||
52 | + :activeColor="activeColor" | ||
53 | + ></u-tabbar> | ||
44 | </view> | 54 | </view> |
45 | </template> | 55 | </template> |
46 | 56 | ||
@@ -48,6 +58,34 @@ | @@ -48,6 +58,34 @@ | ||
48 | export default { | 58 | export default { |
49 | data() { | 59 | data() { |
50 | return { | 60 | return { |
61 | + //底部导航栏区域 开始 | ||
62 | + tabBarCurrent: 0, | ||
63 | + show: true, | ||
64 | + bgColor: '#ffffff', | ||
65 | + borderTop: true, | ||
66 | + tabBarList: [{ | ||
67 | + iconPath: "/static/image/ic_8@2x.png", | ||
68 | + selectedIconPath: "/static/image/ic_8_select@2x.png", | ||
69 | + text: '首页', | ||
70 | + customIcon: false, | ||
71 | + }, | ||
72 | + { | ||
73 | + iconPath: "/static/image/ic_9@2x.png", | ||
74 | + selectedIconPath: "/static/image/ic_9_select@2x.png", | ||
75 | + text: '需求', | ||
76 | + customIcon: false, | ||
77 | + }, | ||
78 | + { | ||
79 | + iconPath: "/static/image/ic_10@2x.png", | ||
80 | + selectedIconPath: "/static/image/ic_10_select@2x.png", | ||
81 | + text: '我的', | ||
82 | + customIcon: false, | ||
83 | + }, | ||
84 | + ], | ||
85 | + midButton: false, | ||
86 | + inactiveColor: '#909399', | ||
87 | + activeColor: '#5098FF', | ||
88 | + //底部导航栏区域 结束 | ||
51 | index: -1, | 89 | index: -1, |
52 | picker: ['科室1', '科室2', '科室3'], | 90 | picker: ['科室1', '科室2', '科室3'], |
53 | multiIndex: [0, 0, 0], | 91 | multiIndex: [0, 0, 0], |
pages/index/employ/companyCheck.vue
0 → 100644
1 | +<template> | ||
2 | + <view class="checkList"> | ||
3 | + <view class="checkItem"> | ||
4 | + <view class="companyItem"> | ||
5 | + <view class="itemLeft"> | ||
6 | + <text>企业类型:</text>金融服务 | ||
7 | + </view> | ||
8 | + <view class="itemRight"> | ||
9 | + 待办理 | ||
10 | + </view> | ||
11 | + </view> | ||
12 | + <view class="companyItem"> | ||
13 | + <view class="itemLeft"> | ||
14 | + <text>企业名称:</text>环球金融公司 | ||
15 | + </view> | ||
16 | + </view> | ||
17 | + <view class="companyItem"> | ||
18 | + <text>需求说明:</text> | ||
19 | + </view> | ||
20 | + <view class="demandDesc"> | ||
21 | + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容 | ||
22 | + </view> | ||
23 | + <view class="createTime"> | ||
24 | + 2020.12.23 | ||
25 | + </view> | ||
26 | + </view> | ||
27 | + <view class="checkItem"> | ||
28 | + <view class="companyItem"> | ||
29 | + <view class="itemLeft"> | ||
30 | + <text>企业名称:</text>环球金融公司 | ||
31 | + </view> | ||
32 | + <view class="itemRight active"> | ||
33 | + 已办理 | ||
34 | + </view> | ||
35 | + </view> | ||
36 | + <view class="companyItem"> | ||
37 | + <view class="itemLeft"> | ||
38 | + <text>企业名称:</text>环球金融公司 | ||
39 | + </view> | ||
40 | + </view> | ||
41 | + <view class="companyItem"> | ||
42 | + <text>需求说明:</text> | ||
43 | + </view> | ||
44 | + <view class="demandDesc"> | ||
45 | + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容 | ||
46 | + </view> | ||
47 | + <view class="createTime"> | ||
48 | + 2020.12.23 | ||
49 | + </view> | ||
50 | + </view> | ||
51 | + </view> | ||
52 | +</template> | ||
53 | + | ||
54 | +<script> | ||
55 | +</script> | ||
56 | + | ||
57 | +<style lang="scss"> | ||
58 | + page{ | ||
59 | + background-color: $uni-bg-color-hui; | ||
60 | + } | ||
61 | + .checkList{ | ||
62 | + padding: 1rpx 32rpx 32rpx 32rpx; | ||
63 | + .checkItem{ | ||
64 | + border-radius: 20rpx; | ||
65 | + margin-top: 32rpx; | ||
66 | + padding: 10rpx 32rpx; | ||
67 | + background: $uni-bg-bai-color; | ||
68 | + .companyItem{ | ||
69 | + height: 70rpx; | ||
70 | + font-size: $uni-font-size-30; | ||
71 | + text{font-weight: 600;} | ||
72 | + display: flex; | ||
73 | + justify-content: space-between; | ||
74 | + align-items: center; | ||
75 | + .itemRight{ | ||
76 | + width: 100rpx; | ||
77 | + height: 40rpx; | ||
78 | + background: #fffbe8; | ||
79 | + border-radius: 20rpx; | ||
80 | + color: #fa700c; | ||
81 | + font-size: $uni-font-size-24; | ||
82 | + text-align: center; | ||
83 | + line-height: $uni-font-lh-40; | ||
84 | + } | ||
85 | + .itemRight.active{ | ||
86 | + background: #f7f8fa; | ||
87 | + color: #323233; | ||
88 | + } | ||
89 | + } | ||
90 | + .demandDesc{ | ||
91 | + font-size: $uni-font-size-30; | ||
92 | + padding-left: 60rpx; | ||
93 | + overflow: hidden; | ||
94 | + text-overflow: ellipsis; | ||
95 | + display: -webkit-box; | ||
96 | + -webkit-line-clamp:3; | ||
97 | + -webkit-box-orient:vertical; | ||
98 | + } | ||
99 | + .createTime{ | ||
100 | + text-align: right; | ||
101 | + font-size: $uni-font-size-28; | ||
102 | + color: $uni-text-color-hui; | ||
103 | + line-height: 80rpx; | ||
104 | + } | ||
105 | + } | ||
106 | + } | ||
107 | +</style> |
pages/index/employ/companyCheckDetail.vue
0 → 100644
1 | +<template> | ||
2 | + <view> | ||
3 | + <!-- 操作区域 --> | ||
4 | + <view class="handleWrap"> | ||
5 | + <view class="handleItem"> | ||
6 | + <view class="itemLeft"> | ||
7 | + 企业类型 | ||
8 | + </view> | ||
9 | + <view class="itemRight"> | ||
10 | + 金融服务 | ||
11 | + </view> | ||
12 | + </view> | ||
13 | + <view class="handleItem"> | ||
14 | + <view class="itemLeft"> | ||
15 | + 企业名称 | ||
16 | + </view> | ||
17 | + <view class="itemRight"> | ||
18 | + 环球金融公司 | ||
19 | + </view> | ||
20 | + </view> | ||
21 | + <view class="handleItem"> | ||
22 | + <view class="itemLeft"> | ||
23 | + 法人姓名 | ||
24 | + </view> | ||
25 | + <view class="itemRight"> | ||
26 | + 王某人 | ||
27 | + </view> | ||
28 | + </view> | ||
29 | + <view class="handleItem"> | ||
30 | + <view class="itemLeft"> | ||
31 | + 法人电话 | ||
32 | + </view> | ||
33 | + <view class="itemRight"> | ||
34 | + 13962568952 | ||
35 | + </view> | ||
36 | + </view> | ||
37 | + <view class="handleItem"> | ||
38 | + <view class="itemLeft"> | ||
39 | + 联系人姓名 | ||
40 | + </view> | ||
41 | + <view class="itemRight"> | ||
42 | + 张某人 | ||
43 | + </view> | ||
44 | + </view> | ||
45 | + <view class="handleItem" style="border-bottom: none;"> | ||
46 | + <view class="itemLeft"> | ||
47 | + 联系人电话 | ||
48 | + </view> | ||
49 | + <view class="itemRight"> | ||
50 | + 13962568562 | ||
51 | + </view> | ||
52 | + </view> | ||
53 | + </view> | ||
54 | + <view class="demandDesc"> | ||
55 | + <view class="descTitle"> | ||
56 | + 需求说明 | ||
57 | + </view> | ||
58 | + <view class="descContent"> | ||
59 | + 需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明 | ||
60 | + </view> | ||
61 | + </view> | ||
62 | + <view class="imgWrap"> | ||
63 | + <view class="imgTop"> | ||
64 | + <view class="descTitle"> | ||
65 | + 营业执照 | ||
66 | + </view> | ||
67 | + <view> | ||
68 | + <image src="../../../static/image/del/ic_90@2x.png" style="width: 300rpx;height: 400rpx;margin-top: 32rpx;" mode=""></image> | ||
69 | + </view> | ||
70 | + </view> | ||
71 | + <view class="imgBottom" style="margin-top: 0;"> | ||
72 | + <view class="descTitle"> | ||
73 | + 法人身份证 | ||
74 | + </view> | ||
75 | + <view class="cardList"> | ||
76 | + <image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image> | ||
77 | + <image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image> | ||
78 | + </view> | ||
79 | + </view> | ||
80 | + </view> | ||
81 | + <!-- 底部按钮区域 --> | ||
82 | + <view style="height: 120rpx;"></view> | ||
83 | + <view class="bottomBtnWrap"> | ||
84 | + <view class="btnItem"> | ||
85 | + 审核失败 | ||
86 | + </view> | ||
87 | + <view class="btnItem active"> | ||
88 | + 审核通过 | ||
89 | + </view> | ||
90 | + </view> | ||
91 | + <view class="companyNature" v-if="showNature"> | ||
92 | + <view class="alert"> | ||
93 | + <view class="closeBtn"> | ||
94 | + <image @click="showNature = false" src="../../../static/image/ic_94@2x.png" mode=""></image> | ||
95 | + </view> | ||
96 | + <view class="alertTitle"> | ||
97 | + 企业入驻性质 | ||
98 | + </view> | ||
99 | + <view class="alertContent"> | ||
100 | + <view class="natureItem"> | ||
101 | + 实有企业 | ||
102 | + </view> | ||
103 | + <view class="natureItem"> | ||
104 | + 实有企业 | ||
105 | + </view> | ||
106 | + <view class="natureItem"> | ||
107 | + 实有企业 | ||
108 | + </view> | ||
109 | + <view class="natureItem"> | ||
110 | + 实有企业 | ||
111 | + </view> | ||
112 | + </view> | ||
113 | + <view class="bottomBtnAlt"> | ||
114 | + <view class="bottomBtn"> | ||
115 | + 确认 | ||
116 | + </view> | ||
117 | + </view> | ||
118 | + </view> | ||
119 | + </view> | ||
120 | + <simple-confirm :alertTxt="'是否确认发送'" v-if="showConfirmSend" @close="showConfirmSend = false"></simple-confirm> | ||
121 | + <simple-confirm :alertTxt="'是否确认该企业入驻成功'" v-if="showCompanyReply" @close="showCompanyReply = false"></simple-confirm> | ||
122 | + <textarea-alert v-if="showReason" @close="showReason = false"></textarea-alert> | ||
123 | + </view> | ||
124 | +</template> | ||
125 | + | ||
126 | +<script> | ||
127 | + import simpleConfirm from '@/components/simpleConfirm.vue' | ||
128 | + import textareaAlert from '@/components/textareaAlert.vue' | ||
129 | + export default{ | ||
130 | + data(){ | ||
131 | + return{ | ||
132 | + showConfirmSend: false, | ||
133 | + showCompanyReply: false, | ||
134 | + switchB: true, | ||
135 | + showReason: false, | ||
136 | + showNature: false | ||
137 | + } | ||
138 | + }, | ||
139 | + components:{ | ||
140 | + simpleConfirm, | ||
141 | + textareaAlert | ||
142 | + }, | ||
143 | + methods:{ | ||
144 | + SwitchB(e) { | ||
145 | + this.switchB = e.detail.value | ||
146 | + }, | ||
147 | + } | ||
148 | + } | ||
149 | +</script> | ||
150 | + | ||
151 | +<style lang="scss"> | ||
152 | + page{ | ||
153 | + background-color: $uni-bg-color-hui; | ||
154 | + } | ||
155 | + /* 操作区域 */ | ||
156 | + .handleWrap{ | ||
157 | + padding: 0 32rpx; | ||
158 | + background: $uni-bg-bai-color; | ||
159 | + .handleItem{ | ||
160 | + height: 104rpx; | ||
161 | + display: flex; | ||
162 | + align-items: center; | ||
163 | + justify-content: space-between; | ||
164 | + border-bottom: 2rpx solid #ebedf0; | ||
165 | + .itemLeft{ | ||
166 | + display: flex; | ||
167 | + align-items: center; | ||
168 | + font-size: $uni-font-size-28; | ||
169 | + width: 202rpx; | ||
170 | + font-weight: 600; | ||
171 | + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 24rpx;} | ||
172 | + } | ||
173 | + .itemRight{ | ||
174 | + flex: 1; | ||
175 | + display: flex; | ||
176 | + align-items: center; | ||
177 | + font-size: $uni-font-size-28; | ||
178 | + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 10rpx;} | ||
179 | + } | ||
180 | + .infoNum{ | ||
181 | + width: 32rpx; | ||
182 | + height: 32rpx; | ||
183 | + background: #ff2f2f; | ||
184 | + border-radius: 50%; | ||
185 | + text-align: center; | ||
186 | + line-height: 32rpx; | ||
187 | + font-size: $uni-font-size-26; | ||
188 | + color: $uni-text-color-bai; | ||
189 | + } | ||
190 | + image{width: $uni-img-size-32;height: $uni-img-size-32;} | ||
191 | + } | ||
192 | + } | ||
193 | + .demandDesc{ | ||
194 | + background: $uni-bg-bai-color; | ||
195 | + padding: 32rpx; | ||
196 | + margin-top: 32rpx; | ||
197 | + .descTitle{ | ||
198 | + font-size: $uni-font-size-28; | ||
199 | + font-weight: 600; | ||
200 | + } | ||
201 | + .descContent{ | ||
202 | + margin-top: 32rpx; | ||
203 | + border-radius: 20rpx; | ||
204 | + background: $uni-bg-color-hui; | ||
205 | + padding: 32rpx; | ||
206 | + color: $uni-text-color-hui; | ||
207 | + font-size: $uni-font-size-28; | ||
208 | + line-height: $uni-font-lh-40; | ||
209 | + } | ||
210 | + } | ||
211 | + .imgWrap{ | ||
212 | + background: $uni-bg-bai-color; | ||
213 | + padding: 32rpx; | ||
214 | + margin-top: 32rpx; | ||
215 | + .imgTop{ | ||
216 | + border-bottom: 2rpx solid #f7f8fa; | ||
217 | + padding-bottom: 32rpx; | ||
218 | + .descTitle{ | ||
219 | + font-size: $uni-font-size-28; | ||
220 | + font-weight: 600; | ||
221 | + } | ||
222 | + .descContent{ | ||
223 | + margin-top: 32rpx; | ||
224 | + border-radius: 20rpx; | ||
225 | + background: $uni-bg-color-hui; | ||
226 | + padding: 32rpx; | ||
227 | + color: $uni-text-color-hui; | ||
228 | + font-size: $uni-font-size-28; | ||
229 | + line-height: $uni-font-lh-40; | ||
230 | + } | ||
231 | + } | ||
232 | + .imgBottom{ | ||
233 | + padding-top: 32rpx; | ||
234 | + .descTitle{ | ||
235 | + font-size: $uni-font-size-28; | ||
236 | + font-weight: 600; | ||
237 | + } | ||
238 | + .cardList{ | ||
239 | + display: flex; | ||
240 | + justify-content: space-between; | ||
241 | + } | ||
242 | + } | ||
243 | + } | ||
244 | + /* 底部按钮区域 */ | ||
245 | + .bottomBtnWrap{ | ||
246 | + position: fixed; | ||
247 | + bottom: 0; | ||
248 | + width: 750rpx; | ||
249 | + height: 120rpx; | ||
250 | + display: flex; | ||
251 | + align-items: center; | ||
252 | + justify-content: space-between; | ||
253 | + padding: 0 32rpx; | ||
254 | + background: $uni-bg-color-hui; | ||
255 | + .btnItem{ | ||
256 | + width: 332rpx; | ||
257 | + height: 88rpx; | ||
258 | + background: #72d0f9; | ||
259 | + border-radius: 96rpx; | ||
260 | + text-align: center; | ||
261 | + color: $uni-text-color-bai; | ||
262 | + line-height: 88rpx; | ||
263 | + font-size: $uni-font-size-32; | ||
264 | + } | ||
265 | + .btnItem.active{ | ||
266 | + background: $uni-bg-main-color; | ||
267 | + } | ||
268 | + } | ||
269 | + .companyNature{ | ||
270 | + position: fixed; | ||
271 | + top: 0; | ||
272 | + bottom: 0; | ||
273 | + left: 0; | ||
274 | + right: 0; | ||
275 | + background: $uni-bg-color-mask; | ||
276 | + display: flex; | ||
277 | + justify-content: center; | ||
278 | + align-items: center; | ||
279 | + z-index: 2; | ||
280 | + .alert{ | ||
281 | + width: 638rpx; | ||
282 | + background: #ffffff; | ||
283 | + border-radius: 44rpx; | ||
284 | + padding: 32rpx; | ||
285 | + .closeBtn{ | ||
286 | + display: flex; | ||
287 | + justify-content: flex-end; | ||
288 | + image{width: $uni-img-size-40;height: $uni-img-size-40;} | ||
289 | + } | ||
290 | + .alertTitle{ | ||
291 | + font-size: $uni-font-size-40; | ||
292 | + text-align: center; | ||
293 | + height: 90rpx; | ||
294 | + line-height: 90rpx; | ||
295 | + font-weight: 600; | ||
296 | + } | ||
297 | + .alertContent{ | ||
298 | + font-size: $uni-font-size-26; | ||
299 | + display: flex; | ||
300 | + flex-wrap: wrap; | ||
301 | + .natureItem{ | ||
302 | + margin-top: 32rpx; | ||
303 | + padding: 6rpx 12rpx; | ||
304 | + background: #f7f8fa; | ||
305 | + margin-right: 15rpx; | ||
306 | + border-radius: 20rpx; | ||
307 | + } | ||
308 | + } | ||
309 | + .bottomBtnAlt{ | ||
310 | + padding-top: 38rpx; | ||
311 | + display: flex; | ||
312 | + justify-content: center; | ||
313 | + .bottomBtn{ | ||
314 | + flex: 1; | ||
315 | + height: 84rpx; | ||
316 | + background: #2e7ff9; | ||
317 | + border-radius: 68rpx; | ||
318 | + font-size: $uni-font-size-32; | ||
319 | + color: $uni-text-color-bai; | ||
320 | + line-height: 84rpx; | ||
321 | + text-align: center; | ||
322 | + } | ||
323 | + } | ||
324 | + } | ||
325 | + } | ||
326 | +</style> |
pages/index/employ/plantManage.vue
0 → 100644
1 | +<template> | ||
2 | + <view> | ||
3 | + <!-- 搜索区域 --> | ||
4 | + <view class="searchWrap"> | ||
5 | + <view class="searchBg"> | ||
6 | + <image src="../../../static/image/index/search@2x.png" mode=""></image> | ||
7 | + 搜索 | ||
8 | + </view> | ||
9 | + </view> | ||
10 | + <view class="u-m-p-50" style="background: #fff;"> | ||
11 | + <view class="u-demo-area u-flex u-row-left"> | ||
12 | + <u-dropdown :close-on-click-mask="mask" ref="uDropdown" :activeColor="activeColor" :borderBottom="borderBottom"> | ||
13 | + <u-dropdown-item @change="changeDrop" v-model="value1" title="企业类型" :options="options1"></u-dropdown-item> | ||
14 | + <u-dropdown-item @change="changeDrop" v-model="value3" title="厂房状态" :options="options3"></u-dropdown-item> | ||
15 | + <u-dropdown-item @change="changeDrop" v-model="value2" title="位置" :options="options2"></u-dropdown-item> | ||
16 | + </u-dropdown> | ||
17 | + </view> | ||
18 | + </view> | ||
19 | + <view class="productList"> | ||
20 | + <view class="productItem"> | ||
21 | + <view class="plantInfo"> | ||
22 | + <view class="productRight"> | ||
23 | + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image> | ||
24 | + </view> | ||
25 | + <view class="productLeft"> | ||
26 | + <view class="productName"> | ||
27 | + 华鑫产业园B座3层102号华鑫产业园B座3层102号 | ||
28 | + </view> | ||
29 | + <view class="plantStatus active"> | ||
30 | + 状态:已租 | ||
31 | + </view> | ||
32 | + <view class="productDesc"> | ||
33 | + 公司名称:朗鑫7智能科技有限公司朗鑫7智能科技有限公司 | ||
34 | + </view> | ||
35 | + </view> | ||
36 | + </view> | ||
37 | + <view class="plantAddress"> | ||
38 | + 区域位置:辽宁省辖市,别称滨城,是副省级城市、计划单是副省级城市、计划单 | ||
39 | + </view> | ||
40 | + </view> | ||
41 | + <view class="productItem"> | ||
42 | + <view class="plantInfo"> | ||
43 | + <view class="productRight"> | ||
44 | + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image> | ||
45 | + </view> | ||
46 | + <view class="productLeft"> | ||
47 | + <view class="productName"> | ||
48 | + 华鑫产业园B座3层102号华鑫产业园B座3层102号 | ||
49 | + </view> | ||
50 | + <view class="plantStatus"> | ||
51 | + 状态:未租 | ||
52 | + </view> | ||
53 | + <view class="productDesc"> | ||
54 | + 公司名称:朗鑫7智能科技有限公司朗鑫7智能科技有限公司 | ||
55 | + </view> | ||
56 | + </view> | ||
57 | + </view> | ||
58 | + <view class="plantAddress"> | ||
59 | + 区域位置:辽宁省辖市,别称滨城,是副省级城市、计划单是副省级城市、计划单 | ||
60 | + </view> | ||
61 | + </view> | ||
62 | + </view> | ||
63 | + </view> | ||
64 | +</template> | ||
65 | + | ||
66 | +<script> | ||
67 | + export default{ | ||
68 | + data(){ | ||
69 | + return{ | ||
70 | + // ================================================下拉选项 开始================================================ | ||
71 | + current: 0, | ||
72 | + value1: '', | ||
73 | + value2: '2', | ||
74 | + value3: '', | ||
75 | + mask: true, | ||
76 | + options1: [{ | ||
77 | + label: '企业类型1', | ||
78 | + value: 1, | ||
79 | + }, | ||
80 | + { | ||
81 | + label: '企业类型2', | ||
82 | + value: 2, | ||
83 | + }, | ||
84 | + { | ||
85 | + label: '企业类型3', | ||
86 | + value: 3, | ||
87 | + } | ||
88 | + ], | ||
89 | + options2: [{ | ||
90 | + label: '位置1', | ||
91 | + value: 1, | ||
92 | + }, | ||
93 | + { | ||
94 | + label: '位置2', | ||
95 | + value: 2, | ||
96 | + }, | ||
97 | + { | ||
98 | + label: '位置3', | ||
99 | + value: 3, | ||
100 | + } | ||
101 | + ], | ||
102 | + options3: [{ | ||
103 | + label: '状态1', | ||
104 | + value: 1, | ||
105 | + }, | ||
106 | + { | ||
107 | + label: '状态2', | ||
108 | + value: 2, | ||
109 | + }, | ||
110 | + { | ||
111 | + label: '状态3', | ||
112 | + value: 3, | ||
113 | + } | ||
114 | + ], | ||
115 | + borderBottom: false, | ||
116 | + activeColor: '#2979ff', | ||
117 | + // ================================================下拉选项 结束================================================ | ||
118 | + } | ||
119 | + }, | ||
120 | + methods:{ | ||
121 | + changeDrop(index) { | ||
122 | + this.$u.toast(`点击了第${index}项`); | ||
123 | + }, | ||
124 | + } | ||
125 | + } | ||
126 | +</script> | ||
127 | + | ||
128 | +<style lang="scss"> | ||
129 | + page{ | ||
130 | + background-color: $uni-bg-color-hui; | ||
131 | + } | ||
132 | + .searchWrap{ | ||
133 | + background: $uni-bg-bai-color; | ||
134 | + height: 108rpx; | ||
135 | + padding: 0 32rpx; | ||
136 | + display: flex; | ||
137 | + align-items: center; | ||
138 | + border-bottom: 2rpx solid $uni-bg-color-hui; | ||
139 | + .searchBg{ | ||
140 | + flex: 1; | ||
141 | + height: 80rpx; | ||
142 | + background: $uni-bg-color-hui; | ||
143 | + display: flex; | ||
144 | + align-items: center; | ||
145 | + justify-content: center; | ||
146 | + border-radius: 20rpx; | ||
147 | + color: $uni-text-color-hui; | ||
148 | + font-size: $uni-font-size-28; | ||
149 | + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 10rpx;} | ||
150 | + } | ||
151 | + } | ||
152 | + .productList{ | ||
153 | + margin-top:32rpx; | ||
154 | + .productItem{ | ||
155 | + padding: 32rpx; | ||
156 | + background: $uni-bg-bai-color; | ||
157 | + border-bottom: 1rpx solid #ebedf0; | ||
158 | + .plantInfo{ | ||
159 | + display: flex; | ||
160 | + .productLeft{ | ||
161 | + flex: 1; | ||
162 | + .productName{ | ||
163 | + overflow: hidden; | ||
164 | + text-overflow: ellipsis; | ||
165 | + display: -webkit-box; | ||
166 | + -webkit-line-clamp:1; | ||
167 | + -webkit-box-orient:vertical; | ||
168 | + font-size: $uni-font-size-36; | ||
169 | + } | ||
170 | + .plantStatus{ | ||
171 | + color: #fa700c; | ||
172 | + } | ||
173 | + .plantStatus.active{ | ||
174 | + color: $uni-bg-main-color; | ||
175 | + } | ||
176 | + .productDesc{ | ||
177 | + overflow: hidden; | ||
178 | + text-overflow: ellipsis; | ||
179 | + display: -webkit-box; | ||
180 | + -webkit-line-clamp:1; | ||
181 | + -webkit-box-orient:vertical; | ||
182 | + padding-top: 28rpx; | ||
183 | + color: $uni-text-color-hui; | ||
184 | + font-size: $uni-font-size-28; | ||
185 | + } | ||
186 | + } | ||
187 | + .productRight{ | ||
188 | + width: 244rpx; | ||
189 | + display: flex; | ||
190 | + justify-content: flex-start; | ||
191 | + image{width: 224rpx;height: 180rpx;border-radius: 20rpx;} | ||
192 | + } | ||
193 | + } | ||
194 | + .plantAddress{ | ||
195 | + margin-top: 24rpx; | ||
196 | + background: $uni-bg-color-hui; | ||
197 | + padding: 0 14rpx; | ||
198 | + line-height: 60rpx; | ||
199 | + font-size: $uni-font-size-24; | ||
200 | + color: $uni-text-color-hui; | ||
201 | + border-radius: 8rpx; | ||
202 | + overflow: hidden; | ||
203 | + text-overflow: ellipsis; | ||
204 | + display: -webkit-box; | ||
205 | + -webkit-line-clamp:1; | ||
206 | + -webkit-box-orient:vertical; | ||
207 | + } | ||
208 | + } | ||
209 | + } | ||
210 | +</style> |
pages/index/employ/productCheck.vue
0 → 100644
1 | +<template> | ||
2 | + <view> | ||
3 | + <view class="productList"> | ||
4 | + <view class="productItem"> | ||
5 | + <view class="productRight"> | ||
6 | + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image> | ||
7 | + </view> | ||
8 | + <view class="productLeft"> | ||
9 | + <view class="productName"> | ||
10 | + 物品名称1 | ||
11 | + </view> | ||
12 | + <view class="productDesc"> | ||
13 | + x1 | ||
14 | + </view> | ||
15 | + </view> | ||
16 | + </view> | ||
17 | + </view> | ||
18 | + <view class="checkList"> | ||
19 | + <view class="checkItem"> | ||
20 | + <view class="companyItem"> | ||
21 | + <view class="itemLeft"> | ||
22 | + 科室 | ||
23 | + </view> | ||
24 | + <view class="itemRight"> | ||
25 | + 财务科 | ||
26 | + </view> | ||
27 | + </view> | ||
28 | + <view class="companyItem"> | ||
29 | + <view class="itemLeft"> | ||
30 | + 职位 | ||
31 | + </view> | ||
32 | + <view class="itemRight"> | ||
33 | + 财务职员1 | ||
34 | + </view> | ||
35 | + </view> | ||
36 | + <view class="companyItem"> | ||
37 | + <view class="itemLeft"> | ||
38 | + 申请人姓名 | ||
39 | + </view> | ||
40 | + <view class="itemRight"> | ||
41 | + 岳岳 | ||
42 | + </view> | ||
43 | + </view> | ||
44 | + <!-- 条件判断控制显示申请时间、开始时间结束时间 --> | ||
45 | + <view class="companyItem"> | ||
46 | + <view class="itemLeft"> | ||
47 | + 申请时间 | ||
48 | + </view> | ||
49 | + <view class="itemRight"> | ||
50 | + 2020-10-31 | ||
51 | + </view> | ||
52 | + </view> | ||
53 | + <!-- <view class="companyItem"> | ||
54 | + <view class="itemLeft"> | ||
55 | + 开始时间 | ||
56 | + </view> | ||
57 | + <view class="itemRight"> | ||
58 | + 2020-10-31 | ||
59 | + </view> | ||
60 | + </view> | ||
61 | + <view class="companyItem"> | ||
62 | + <view class="itemLeft"> | ||
63 | + 结束时间 | ||
64 | + </view> | ||
65 | + <view class="itemRight"> | ||
66 | + 2020-10-31 | ||
67 | + </view> | ||
68 | + </view> --> | ||
69 | + </view> | ||
70 | + </view> | ||
71 | + <view class="checkList"> | ||
72 | + <view class="checkItem"> | ||
73 | + <view class="companyItem" style="font-weight: 600;"> | ||
74 | + 申请原因 | ||
75 | + </view> | ||
76 | + <view class="demandDesc"> | ||
77 | + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容 | ||
78 | + </view> | ||
79 | + </view> | ||
80 | + </view> | ||
81 | + <!-- 底部按钮区域 --> | ||
82 | + <view style="height: 120rpx;"></view> | ||
83 | + <view class="bottomBtnWrap"> | ||
84 | + <view class="btnItem"> | ||
85 | + 审核失败 | ||
86 | + </view> | ||
87 | + <view class="btnItem active"> | ||
88 | + 审核通过 | ||
89 | + </view> | ||
90 | + </view> | ||
91 | + <textarea-alert v-if="showReason" @close="showReason = false"></textarea-alert> | ||
92 | + </view> | ||
93 | +</template> | ||
94 | + | ||
95 | +<script> | ||
96 | + import textareaAlert from '@/components/textareaAlert.vue' | ||
97 | + export default{ | ||
98 | + data(){ | ||
99 | + return{ | ||
100 | + showReason:true | ||
101 | + } | ||
102 | + }, | ||
103 | + components:{ | ||
104 | + textareaAlert | ||
105 | + } | ||
106 | + } | ||
107 | +</script> | ||
108 | + | ||
109 | +<style lang="scss"> | ||
110 | + page{ | ||
111 | + background-color: $uni-bg-color-hui; | ||
112 | + } | ||
113 | + .productList{ | ||
114 | + padding: 32rpx; | ||
115 | + border-bottom: 2rpx solid #ebedf0; | ||
116 | + background: $uni-bg-bai-color; | ||
117 | + .productItem{ | ||
118 | + padding: 32rpx; | ||
119 | + display: flex; | ||
120 | + background: $uni-bg-color-hui; | ||
121 | + border-radius: 8rpx; | ||
122 | + .productLeft{ | ||
123 | + flex: 1; | ||
124 | + .productName{ | ||
125 | + padding-top: 26rpx; | ||
126 | + overflow: hidden; | ||
127 | + text-overflow: ellipsis; | ||
128 | + display: -webkit-box; | ||
129 | + -webkit-line-clamp:1; | ||
130 | + -webkit-box-orient:vertical; | ||
131 | + font-size: $uni-font-size-36; | ||
132 | + } | ||
133 | + .productDesc{ | ||
134 | + overflow: hidden; | ||
135 | + text-overflow: ellipsis; | ||
136 | + display: -webkit-box; | ||
137 | + -webkit-line-clamp:2; | ||
138 | + -webkit-box-orient:vertical; | ||
139 | + padding-top: 26rpx; | ||
140 | + text-align: right; | ||
141 | + color: $uni-text-color-hui; | ||
142 | + font-size: $uni-font-size-28; | ||
143 | + } | ||
144 | + } | ||
145 | + .productRight{ | ||
146 | + width: 232rpx; | ||
147 | + display: flex; | ||
148 | + justify-content: flex-start; | ||
149 | + image{width: 212rpx;height: 148rpx;border-radius: 20rpx;} | ||
150 | + } | ||
151 | + } | ||
152 | + } | ||
153 | + .checkList{ | ||
154 | + padding: 32rpx; | ||
155 | + background: $uni-bg-bai-color; | ||
156 | + border-bottom: 2rpx solid #ebedf0; | ||
157 | + .checkItem{ | ||
158 | + border-radius: 20rpx; | ||
159 | + background: $uni-bg-bai-color; | ||
160 | + .companyItem{ | ||
161 | + height: 70rpx; | ||
162 | + font-size: $uni-font-size-30; | ||
163 | + text{font-weight: 600;} | ||
164 | + display: flex; | ||
165 | + justify-content: space-between; | ||
166 | + align-items: center; | ||
167 | + .itemRight{ | ||
168 | + flex: 1; | ||
169 | + height: 40rpx; | ||
170 | + border-radius: 20rpx; | ||
171 | + color: $uni-text-color-hui; | ||
172 | + line-height: $uni-font-lh-40; | ||
173 | + } | ||
174 | + .itemLeft{ | ||
175 | + font-weight: 600; | ||
176 | + width: 200rpx; | ||
177 | + } | ||
178 | + } | ||
179 | + .demandDesc{ | ||
180 | + font-size: $uni-font-size-30; | ||
181 | + padding-left: 60rpx; | ||
182 | + overflow: hidden; | ||
183 | + text-overflow: ellipsis; | ||
184 | + display: -webkit-box; | ||
185 | + -webkit-line-clamp:3; | ||
186 | + -webkit-box-orient:vertical; | ||
187 | + } | ||
188 | + } | ||
189 | + } | ||
190 | + /* 底部按钮区域 */ | ||
191 | + .bottomBtnWrap{ | ||
192 | + position: fixed; | ||
193 | + bottom: 0; | ||
194 | + width: 750rpx; | ||
195 | + height: 120rpx; | ||
196 | + display: flex; | ||
197 | + align-items: center; | ||
198 | + justify-content: space-between; | ||
199 | + padding: 0 32rpx; | ||
200 | + background: $uni-bg-color-hui; | ||
201 | + .btnItem{ | ||
202 | + width: 332rpx; | ||
203 | + height: 88rpx; | ||
204 | + background: #72d0f9; | ||
205 | + border-radius: 96rpx; | ||
206 | + text-align: center; | ||
207 | + color: $uni-text-color-bai; | ||
208 | + line-height: 88rpx; | ||
209 | + font-size: $uni-font-size-32; | ||
210 | + } | ||
211 | + .btnItem.active{ | ||
212 | + background: $uni-bg-main-color; | ||
213 | + } | ||
214 | + } | ||
215 | + | ||
216 | +</style> |
@@ -71,9 +71,16 @@ | @@ -71,9 +71,16 @@ | ||
71 | </view> | 71 | </view> |
72 | </view> | 72 | </view> |
73 | </view> | 73 | </view> |
74 | - | ||
75 | - </view> | ||
76 | - | 74 | + <u-tabbar |
75 | + v-model="tabBarCurrent" | ||
76 | + :show="show" | ||
77 | + :bg-color="bgColor" | ||
78 | + :border-top="borderTop" | ||
79 | + :list="tabBarList" | ||
80 | + :mid-button="midButton" | ||
81 | + :inactive-color="inactiveColor" | ||
82 | + :activeColor="activeColor" | ||
83 | + ></u-tabbar> | ||
77 | </view> | 84 | </view> |
78 | </template> | 85 | </template> |
79 | 86 | ||
@@ -82,6 +89,35 @@ | @@ -82,6 +89,35 @@ | ||
82 | export default { | 89 | export default { |
83 | data() { | 90 | data() { |
84 | return { | 91 | return { |
92 | + //底部导航栏区域 开始 | ||
93 | + tabBarCurrent: 0, | ||
94 | + show: true, | ||
95 | + bgColor: '#ffffff', | ||
96 | + borderTop: true, | ||
97 | + tabBarList: [{ | ||
98 | + iconPath: "/static/image/ic_8@2x.png", | ||
99 | + selectedIconPath: "/static/image/ic_8_select@2x.png", | ||
100 | + text: '首页', | ||
101 | + customIcon: false, | ||
102 | + }, | ||
103 | + { | ||
104 | + iconPath: "/static/image/ic_9@2x.png", | ||
105 | + selectedIconPath: "/static/image/ic_9_select@2x.png", | ||
106 | + text: '需求', | ||
107 | + customIcon: false, | ||
108 | + }, | ||
109 | + { | ||
110 | + iconPath: "/static/image/ic_10@2x.png", | ||
111 | + selectedIconPath: "/static/image/ic_10_select@2x.png", | ||
112 | + text: '我的', | ||
113 | + customIcon: false, | ||
114 | + }, | ||
115 | + ], | ||
116 | + midButton: false, | ||
117 | + inactiveColor: '#909399', | ||
118 | + activeColor: '#5098FF', | ||
119 | + //底部导航栏区域 结束 | ||
120 | + | ||
85 | list: [{ | 121 | list: [{ |
86 | image: 'https://cdn.uviewui.com/uview/swiper/1.jpg', | 122 | image: 'https://cdn.uviewui.com/uview/swiper/1.jpg', |
87 | title: '昨夜星辰昨夜风,画楼西畔桂堂东' | 123 | title: '昨夜星辰昨夜风,画楼西畔桂堂东' |
@@ -68,10 +68,57 @@ | @@ -68,10 +68,57 @@ | ||
68 | 退出登录 | 68 | 退出登录 |
69 | </view> | 69 | </view> |
70 | </view> | 70 | </view> |
71 | + <u-tabbar | ||
72 | + v-model="tabBarCurrent" | ||
73 | + :show="show" | ||
74 | + :bg-color="bgColor" | ||
75 | + :border-top="borderTop" | ||
76 | + :list="tabBarList" | ||
77 | + :mid-button="midButton" | ||
78 | + :inactive-color="inactiveColor" | ||
79 | + :activeColor="activeColor" | ||
80 | + ></u-tabbar> | ||
71 | </view> | 81 | </view> |
72 | </template> | 82 | </template> |
73 | 83 | ||
74 | <script> | 84 | <script> |
85 | + export default{ | ||
86 | + data(){ | ||
87 | + return{ | ||
88 | + //底部导航栏区域 开始 | ||
89 | + tabBarCurrent: 0, | ||
90 | + show: true, | ||
91 | + bgColor: '#ffffff', | ||
92 | + borderTop: true, | ||
93 | + tabBarList: [{ | ||
94 | + pagePath: "pages/index/index", | ||
95 | + iconPath: "/static/image/ic_8@2x.png", | ||
96 | + selectedIconPath: "/static/image/ic_8_select@2x.png", | ||
97 | + text: '首页', | ||
98 | + customIcon: false, | ||
99 | + }, | ||
100 | + { | ||
101 | + pagePath: "pages/demand/publish", | ||
102 | + iconPath: "/static/image/ic_9@2x.png", | ||
103 | + selectedIconPath: "/static/image/ic_9_select@2x.png", | ||
104 | + text: '需求', | ||
105 | + customIcon: false, | ||
106 | + }, | ||
107 | + { | ||
108 | + pagePath: "pages/my/my", | ||
109 | + iconPath: "/static/image/ic_10@2x.png", | ||
110 | + selectedIconPath: "/static/image/ic_10_select@2x.png", | ||
111 | + text: '我的', | ||
112 | + customIcon: false, | ||
113 | + }, | ||
114 | + ], | ||
115 | + midButton: false, | ||
116 | + inactiveColor: '#909399', | ||
117 | + activeColor: '#5098FF', | ||
118 | + //底部导航栏区域 结束 | ||
119 | + } | ||
120 | + } | ||
121 | + } | ||
75 | </script> | 122 | </script> |
76 | 123 | ||
77 | <style lang="scss" scoped> | 124 | <style lang="scss" scoped> |
@@ -73,6 +73,10 @@ | @@ -73,6 +73,10 @@ | ||
73 | 租赁时间:2018-12-10——2020-12-10 | 73 | 租赁时间:2018-12-10——2020-12-10 |
74 | </view> | 74 | </view> |
75 | </view> | 75 | </view> |
76 | + <!-- 条件判断是否暂无数据 --> | ||
77 | + <!-- <view class="noData" v-if="current == 0"> | ||
78 | + 暂无数据 | ||
79 | + </view> --> | ||
76 | <view class="plantGoods" v-if="current == 1"> | 80 | <view class="plantGoods" v-if="current == 1"> |
77 | <view class="goodsListTh"> | 81 | <view class="goodsListTh"> |
78 | <text>物品名称</text> | 82 | <text>物品名称</text> |
@@ -263,6 +267,13 @@ | @@ -263,6 +267,13 @@ | ||
263 | // 厂房其他信息区域 | 267 | // 厂房其他信息区域 |
264 | .otherInfoWrap{ | 268 | .otherInfoWrap{ |
265 | margin-top: 30rpx; | 269 | margin-top: 30rpx; |
270 | + .noData{ | ||
271 | + height: 200rpx; | ||
272 | + line-height: 200rpx; | ||
273 | + color: $uni-text-color-hui; | ||
274 | + font-size: $uni-font-size-30; | ||
275 | + text-align: center; | ||
276 | + } | ||
266 | .infoWrap{ | 277 | .infoWrap{ |
267 | background: $uni-bg-bai-color; | 278 | background: $uni-bg-bai-color; |
268 | padding: 0 56rpx; | 279 | padding: 0 56rpx; |
static/image/index/search@2x.png
0 → 100644
1.0 KB
@@ -18,7 +18,7 @@ | @@ -18,7 +18,7 @@ | ||
18 | </view> | 18 | </view> |
19 | </view> | 19 | </view> |
20 | </view> | 20 | </view> |
21 | - <view class="checkAllBtn"> | 21 | + <view class="checkAllBtn" v-if="showCheckBtn"> |
22 | <view class="btnTxt"> | 22 | <view class="btnTxt"> |
23 | 全选 | 23 | 全选 |
24 | </view> | 24 | </view> |
@@ -59,6 +59,10 @@ | @@ -59,6 +59,10 @@ | ||
59 | export default { | 59 | export default { |
60 | name: 'u-dropdown', | 60 | name: 'u-dropdown', |
61 | props: { | 61 | props: { |
62 | + showCheckBtn: { | ||
63 | + type:Boolean, | ||
64 | + default:false | ||
65 | + }, | ||
62 | // 菜单标题和选项的激活态颜色 | 66 | // 菜单标题和选项的激活态颜色 |
63 | activeColor: { | 67 | activeColor: { |
64 | type: String, | 68 | type: String, |
-
请 注册 或 登录 后发表评论