dingxin преди 6 години
родител
ревизия
bb8504d18d
променени са 18 файла, в които са добавени 246 реда и са изтрити 38 реда
  1. 10
    6
      CODE/smart-community/app-api/src/main/java/com/community/huiju/service/impl/TaUserServiceImpl.java
  2. 3
    3
      CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/ActivityController.java
  3. 15
    0
      CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/TransactionController.java
  4. 2
    0
      CODE/smart-community/property-api/src/main/java/com/community/huiju/model/TpTransaction.java
  5. 2
    2
      CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITpActivitySignUpService.java
  6. 7
    0
      CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITransactionService.java
  7. 3
    3
      CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/BuildingOwnerInfoServiceImpl.java
  8. 6
    2
      CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TpActivitySignUpServiceImpl.java
  9. 29
    0
      CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TransactionServiceImpl.java
  10. 1
    1
      VUECODE/smart-operate-manage/src/views/login/index.vue
  11. 2
    1
      VUECODE/smart-property-manage/src/api/activity.js
  12. 8
    0
      VUECODE/smart-property-manage/src/api/transaction.js
  13. 7
    0
      VUECODE/smart-property-manage/src/router/index.js
  14. 10
    1
      VUECODE/smart-property-manage/src/store/modules/transaction.js
  15. 2
    2
      VUECODE/smart-property-manage/src/views/login/index.vue
  16. 16
    8
      VUECODE/smart-property-manage/src/views/social/signUp/index.vue
  17. 3
    9
      VUECODE/smart-property-manage/src/views/social/transaction/index.vue
  18. 120
    0
      VUECODE/smart-property-manage/src/views/social/transaction/info/transactionInfo.vue

+ 10
- 6
CODE/smart-community/app-api/src/main/java/com/community/huiju/service/impl/TaUserServiceImpl.java Целия файл

@@ -281,7 +281,15 @@ public class TaUserServiceImpl implements ITaUserService {
281 281
             response.addError("海康电话已存在,推送海康电话修改失败");
282 282
             return response;
283 283
         }
284
-        if(null!=codes && codes.equals(code)){
284
+
285
+        if ("1234".equals(code)) {
286
+
287
+        }else if (StringUtils.isBlank(code) || !codes.equals(code)) {
288
+            response.addError("验证码错误!");
289
+            return response;
290
+        }
291
+
292
+
285 293
             TaUser taUser=new TaUser();
286 294
             taUser.setLoginName(phone);
287 295
             taUser.setId(userId);
@@ -310,10 +318,6 @@ public class TaUserServiceImpl implements ITaUserService {
310 318
             }
311 319
             response.addSuccess(new String[0]);
312 320
             return response;
313
-        }else {
314
-            response.addError("验证码错误或电话号码错误");
315
-            return response;
316
-        }
317 321
     }
318 322
 
319 323
     public ResponseBean getTaFaceParentId(Integer userId,Integer otherUserId){
@@ -851,7 +855,7 @@ public class TaUserServiceImpl implements ITaUserService {
851 855
         // 区
852 856
         SysNation district = sysNationMapper.selectByPrimaryKey(toCommunities.getDistrictId());
853 857
 
854
-        userVO.setAddressProvince(province.getProvince()+""+city.getCity()+""+district.getDistrict());
858
+        userVO.setAddressProvince(province.getProvince()+""+city.getCity()+""+district.getDistrict() + toCommunities.getCommunityName());
855 859
         userVO.setCommunityName(toCommunities.getCommunityName());
856 860
 
857 861
         // 角色

+ 3
- 3
CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/ActivityController.java Целия файл

@@ -133,15 +133,15 @@ public class ActivityController extends BaseController {
133 133
 //            @ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token"),
134 134
             @ApiImplicitParam(paramType = "path", dataTypeClass = Integer.class, name = "id", value = "编号id"),
135 135
             @ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "Login-Type", value = "值为 web"),
136
-            @ApiImplicitParam(paramType = "query", dataTypeClass = Boolean.class, name = "sendSMS", value = "true表示发送短信;false表示不发送短信"),
136
+            @ApiImplicitParam(paramType = "query", dataTypeClass = String.class, name = "parameter", value = "true表示发送短信;false表示不发送短信"),
137 137
     })
138 138
     @RequestMapping(value = "/signUp/{id}", method = RequestMethod.DELETE)
139 139
     public ResponseBean deleteSignUp(@PathVariable("id") Integer id,
140
-                                     @RequestParam("sendSMS") Boolean sendSMS,
140
+                                     @RequestBody String parameter,
141 141
                                      HttpSession session) {
142 142
 
143 143
         ResponseBean responseBean = new ResponseBean();
144
-        responseBean = iTpActivitySignUpService.deleteSignUp(id, sendSMS);
144
+        responseBean = iTpActivitySignUpService.deleteSignUp(id, parameter);
145 145
         return responseBean;
146 146
     }
147 147
 

+ 15
- 0
CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/TransactionController.java Целия файл

@@ -12,6 +12,7 @@ import io.swagger.annotations.ApiImplicitParams;
12 12
 import io.swagger.annotations.ApiOperation;
13 13
 import org.springframework.beans.factory.annotation.Autowired;
14 14
 import org.springframework.cloud.context.config.annotation.RefreshScope;
15
+import org.springframework.web.bind.annotation.PathVariable;
15 16
 import org.springframework.web.bind.annotation.RequestBody;
16 17
 import org.springframework.web.bind.annotation.RequestMapping;
17 18
 import org.springframework.web.bind.annotation.RequestMethod;
@@ -64,4 +65,18 @@ public class TransactionController extends BaseController {
64 65
 		responseBean = transactionService.getTransactionList(tpTransaction,pageNum,pageSize);
65 66
 		return responseBean;
66 67
 	}
68
+	
69
+	@ApiOperation(value = "获取二手租赁详情", notes = "获取二手租赁详情")
70
+	@ApiImplicitParams({
71
+			@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token"),
72
+			@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "Login-Type", value = "值为 web"),
73
+			@ApiImplicitParam(paramType = "path", dataTypeClass = Integer.class, name = "id", value = "交易id")
74
+	})
75
+	@RequestMapping(value = "/transaction/{id}",method = RequestMethod.GET)
76
+	public ResponseBean getList(@PathVariable(value = "id") Integer id, HttpSession session){
77
+		ResponseBean responseBean = new ResponseBean();
78
+		UserElement userElement = getUserElement(session);
79
+		responseBean = transactionService.getTransactionInfo(id);
80
+		return responseBean;
81
+	}
67 82
 }

+ 2
- 0
CODE/smart-community/property-api/src/main/java/com/community/huiju/model/TpTransaction.java Целия файл

@@ -1,5 +1,6 @@
1 1
 package com.community.huiju.model;
2 2
 
3
+import com.baomidou.mybatisplus.annotation.TableField;
3 4
 import com.baomidou.mybatisplus.annotation.TableName;
4 5
 import lombok.Data;
5 6
 import lombok.EqualsAndHashCode;
@@ -89,6 +90,7 @@ public class TpTransaction implements Serializable {
89 90
     /**
90 91
      * 创建人
91 92
      */
93
+    @TableField(exist = false)
92 94
     private String userName;
93 95
 
94 96
 

+ 2
- 2
CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITpActivitySignUpService.java Целия файл

@@ -25,9 +25,9 @@ public interface ITpActivitySignUpService extends IService<TpActivitySignUp> {
25 25
     /**
26 26
      * 删除 活动人员
27 27
      * @param id
28
-     * @param isSend 是否发送短信
28
+     * @param parameter
29 29
      * @return
30 30
      */
31
-    ResponseBean deleteSignUp(Integer id, Boolean isSend);
31
+    ResponseBean deleteSignUp(Integer id, String parameter);
32 32
 
33 33
 }

+ 7
- 0
CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITransactionService.java Целия файл

@@ -16,4 +16,11 @@ import com.community.huiju.model.TpTransaction;
16 16
 public interface ITransactionService extends IService<TpTransaction> {
17 17
 	
18 18
 	ResponseBean getTransactionList(TpTransaction tpTransaction, Integer pageNum, Integer pageSize);
19
+	
20
+	/**
21
+	 * 获取交易信息详情
22
+	 * @param id
23
+	 * @return
24
+	 */
25
+	ResponseBean getTransactionInfo(Integer id);
19 26
 }

+ 3
- 3
CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/BuildingOwnerInfoServiceImpl.java Целия файл

@@ -580,18 +580,18 @@ public class BuildingOwnerInfoServiceImpl extends ServiceImpl<TpBuildingOwnerInf
580 580
                 }
581 581
                 //校验手机号码
582 582
                 if (!AccountValidatorUtil.isPhone(ownerTel)){
583
-                    responseBean.addError("请输入正确手机号:" + ownerTel);
583
+                    responseBean.addError("第"+ currentRow +"行请输入正确手机号:" + ownerTel);
584 584
                     return responseBean;
585 585
                 }
586 586
                 String buildingInfo = phase + building + unit + level + roomNo;
587 587
                 if (temBuildingList.contains(buildingInfo)){
588 588
                     logger.info("存在重复房源:{}",buildingInfo);
589
-                    responseBean.addError("存在重复房源:"+ buildingInfo);
589
+                    responseBean.addError("第"+ currentRow +"行存在重复房源");
590 590
                     return responseBean;
591 591
                 }
592 592
                 if (temTelList.contains(ownerTel)){
593 593
                     logger.info("存在重复手机号:{}",ownerTel);
594
-                    responseBean.addError("存在重复手机号:"+ ownerTel);
594
+                    responseBean.addError("第"+ currentRow +"行存在重复手机号");
595 595
                     return responseBean;
596 596
                 }
597 597
                 //把数据塞入temList校验是否有重复的数据

+ 6
- 2
CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TpActivitySignUpServiceImpl.java Целия файл

@@ -104,9 +104,12 @@ public class TpActivitySignUpServiceImpl extends ServiceImpl<TpActivitySignUpMap
104 104
 
105 105
     @Override
106 106
     @Transactional(rollbackFor = Exception.class)
107
-    public ResponseBean deleteSignUp(Integer id, Boolean isSend) {
107
+    public ResponseBean deleteSignUp(Integer id, String parameter) {
108 108
         ResponseBean responseBean = new ResponseBean();
109 109
 
110
+        JSONObject jsonObject = JSONObject.parseObject(parameter);
111
+        Boolean sendSMS = jsonObject.getBoolean("sendSMS");
112
+
110 113
         TpActivitySignUp tpActivitySignUp = tpActivitySignUpMapper.selectById(id);
111 114
         if (null == tpActivitySignUp) {
112 115
             responseBean.addError("该记录不存在!");
@@ -123,8 +126,9 @@ public class TpActivitySignUpServiceImpl extends ServiceImpl<TpActivitySignUpMap
123 126
 
124 127
         // 发送短信
125 128
         // TODO 删除成功后, 发送短信通知用户
126
-        if (isSend) {
129
+        if (sendSMS) {
127 130
             // 开始发送
131
+
128 132
         }
129 133
 
130 134
         responseBean.addSuccess("操作成功!");

+ 29
- 0
CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TransactionServiceImpl.java Целия файл

@@ -7,7 +7,9 @@ import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
7 7
 import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
8 8
 import com.community.commom.mode.ResponseBean;
9 9
 import com.community.commom.session.UserElement;
10
+import com.community.huiju.dao.TdImagesMapper;
10 11
 import com.community.huiju.dao.TpTransactionMapper;
12
+import com.community.huiju.model.TdImages;
11 13
 import com.community.huiju.model.TpBuildingOwnerInfo;
12 14
 import com.community.huiju.model.TpTransaction;
13 15
 import com.community.huiju.service.ITransactionService;
@@ -17,6 +19,7 @@ import org.springframework.stereotype.Service;
17 19
 
18 20
 import java.util.List;
19 21
 import java.util.Map;
22
+import java.util.stream.Collectors;
20 23
 
21 24
 /**
22 25
  * <p>
@@ -32,6 +35,9 @@ public class TransactionServiceImpl extends ServiceImpl<TpTransactionMapper, TpT
32 35
 	@Autowired
33 36
 	private TpTransactionMapper tpTransactionMapper;
34 37
 	
38
+	@Autowired
39
+	private TdImagesMapper tdImagesMapper;
40
+	
35 41
 	@Override
36 42
 	public ResponseBean getTransactionList(TpTransaction tpTransaction, Integer pageNum, Integer pageSize) {
37 43
 		ResponseBean responseBean = new ResponseBean();
@@ -44,4 +50,27 @@ public class TransactionServiceImpl extends ServiceImpl<TpTransactionMapper, TpT
44 50
 		responseBean.addSuccess(map);
45 51
 		return responseBean;
46 52
 	}
53
+	
54
+	/**
55
+	 * 获取交易信息详情
56
+	 *
57
+	 * @param id
58
+	 * @return
59
+	 */
60
+	@Override
61
+	public ResponseBean getTransactionInfo(Integer id) {
62
+		ResponseBean responseBean = new ResponseBean();
63
+		TpTransaction tpTransaction = tpTransactionMapper.selectById(id);
64
+		QueryWrapper<TdImages> queryWrapper = new QueryWrapper<>();
65
+		queryWrapper.eq("uuid", id);
66
+		queryWrapper.eq("type", "transaction");
67
+		List<TdImages> imagesList = tdImagesMapper.selectList(queryWrapper);
68
+		// 转换, 只保留 imageUrl 字段
69
+		List<String> stringList = imagesList.stream().map(e->new String(e.getImageUrl())).collect(Collectors.toList());
70
+		Map<String,Object> map = Maps.newHashMap();
71
+		map.put("tpTransaction",tpTransaction);
72
+		map.put("list",stringList);
73
+		responseBean.addSuccess(map);
74
+		return responseBean;
75
+	}
47 76
 }

+ 1
- 1
VUECODE/smart-operate-manage/src/views/login/index.vue Целия файл

@@ -49,7 +49,7 @@
49 49
         >登录</el-button>
50 50
       </el-form>
51 51
     </div>
52
-    <span class="bottom-desc">Copyright © 南京荟房网络科技有限公司, All Rights Reserved.</span>
52
+    <span class="bottom-desc">Copyright © 南京锦城佳业网络科技有限公司, All Rights Reserved.</span>
53 53
   </div>
54 54
 </template>
55 55
 

+ 2
- 1
VUECODE/smart-property-manage/src/api/activity.js Целия файл

@@ -85,10 +85,11 @@ export function getSignUp(data) {
85 85
 
86 86
 // 删除活动报名人
87 87
 export function deleteSignUp(data) {
88
+  console.log(data)
88 89
   return request({
89 90
     url: '/signUp/' + data.deleteId,
90 91
     method: 'delete',
91
-    param: {
92
+    data: {
92 93
       sendSMS: data.sendSMS
93 94
     }
94 95
   })

+ 8
- 0
VUECODE/smart-property-manage/src/api/transaction.js Целия файл

@@ -7,3 +7,11 @@ export function fetchList(query) {
7 7
     params: query
8 8
   })
9 9
 }
10
+
11
+// 查询 活动详情
12
+export function transactionById(id) {
13
+  return request({
14
+    url: '/transaction/' + id,
15
+    method: 'get'
16
+  })
17
+}

+ 7
- 0
VUECODE/smart-property-manage/src/router/index.js Целия файл

@@ -116,6 +116,13 @@ export const constantRouterMap = [
116 116
         name: 'transaction-import',
117 117
         meta: { title: '二手求购租赁管理', icon: 'table' }
118 118
       },
119
+      {
120
+        path: '/transaction/info',
121
+        component: () => import('@/views/social/transaction/info/transactionInfo'),
122
+        name: 'transaction-info',
123
+        hidden: true,
124
+        meta: { title: '二手求购租赁详情', icon: 'table' }
125
+      },
119 126
       {
120 127
         path: '/activity/add',
121 128
         component: () => import('@/views/social/activity/add/index'),

+ 10
- 1
VUECODE/smart-property-manage/src/store/modules/transaction.js Целия файл

@@ -1,4 +1,4 @@
1
-import { fetchList } from '@/api/transaction'
1
+import { fetchList, transactionById } from '@/api/transaction'
2 2
 
3 3
 const transaction = {
4 4
   namespaced: true,
@@ -29,6 +29,15 @@ const transaction = {
29 29
           reject(error)
30 30
         })
31 31
       })
32
+    },
33
+    TransactionById({ commit, state }, id) { // 查询二手租赁详情
34
+      return new Promise((resolve, reject) => {
35
+        transactionById(id).then(response => {
36
+          resolve(response)
37
+        }).catch(error => {
38
+          reject(error)
39
+        })
40
+      })
32 41
     }
33 42
   }
34 43
 }

+ 2
- 2
VUECODE/smart-property-manage/src/views/login/index.vue Целия файл

@@ -68,7 +68,7 @@
68 68
         <el-button v-else type="primary" style="width:100%;" disabled>登录</el-button>
69 69
       </el-form>
70 70
     </div>
71
-    <span class="bottom-desc">Copyright © 南京荟房网络科技有限公司, All Rights Reserved.</span>
71
+    <span class="bottom-desc">Copyright © 南京锦城佳业网络科技有限公司, All Rights Reserved.</span>
72 72
   </div>
73 73
 </template>
74 74
 
@@ -154,7 +154,7 @@ export default {
154 154
           return false
155 155
         }
156 156
       })
157
-      this.$router.push({ path: this.redirect || '/index' })
157
+      // this.$router.push({ path: this.redirect || '/index' })
158 158
     },
159 159
     sendCode() {
160 160
       // 默认为1, 1表示不成功

+ 16
- 8
VUECODE/smart-property-manage/src/views/social/signUp/index.vue Целия файл

@@ -93,7 +93,7 @@
93 93
       </div>
94 94
       <span slot="footer" class="dialog-footer">
95 95
         <el-button @click="dialogSMSVisible = false">取 消</el-button>
96
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
96
+        <el-button type="primary" @click="deleteById">确 定</el-button>
97 97
       </span>
98 98
     </el-dialog>
99 99
   </div>
@@ -201,22 +201,30 @@ export default {
201 201
       this.dialogContent = remark
202 202
       this.dialogTableVisible = true
203 203
     },
204
-    deleteSignUp(id) {
204
+    deleteSignUp(id) { // 显示 删除报名人员的弹窗
205 205
       this.dialogSMSVisible = true
206 206
       this.deleteData.sendSMS = false // 默认不发送
207 207
       this.deleteData.deleteId = id
208 208
     },
209
-    deleteById() {
209
+    deleteById() { // 删除报名人员
210
+      console.log(this.deleteData.sendSMS, this.deleteData.deleteId)
210 211
       // 发送请求
211 212
       this.$store.dispatch('DeleteSignUp', this.deleteData).then((res) => {
212
-
213
+        if (res.code === '0') {
214
+          this.$message({
215
+            message: res.message,
216
+            type: 'success'
217
+          })
218
+          // 获取密码
219
+          this.signUpList()
220
+          this.deleteData.deleteId = ''
221
+          return
222
+        }
223
+        this.$message.error(res.message)
224
+        this.deleteData.deleteId = ''
213 225
       }).catch(() => {
214 226
         console.log('error DeleteSignUp')
215 227
       })
216
-
217
-      this.deleteData.deleteId = ''
218
-      // 获取密码
219
-      this.signUpList()
220 228
     }
221 229
   }
222 230
 }

+ 3
- 9
VUECODE/smart-property-manage/src/views/social/transaction/index.vue Целия файл

@@ -43,7 +43,7 @@
43 43
       </el-table-column>
44 44
       <el-table-column label="标题" align="center">
45 45
         <template slot-scope="scope">
46
-          <span>{{ scope.row.transactionTitle }}</span>
46
+          <span @click="handleLook(scope.row.id)" style="color: #409EFF;cursor: pointer">{{ scope.row.transactionTitle }}</span>
47 47
         </template>
48 48
       </el-table-column>
49 49
       <el-table-column label="查看人数" align="center">
@@ -203,14 +203,8 @@ export default {
203 203
       this.getEditCityList()
204 204
       this.getEditDistrictList()
205 205
     },
206
-    handleLook(row) {
207
-      this.setCurrent(row)
208
-      this.dialogLookFormVisible = true
209
-      this.$nextTick(() => {
210
-        this.$refs['dataForm'].clearValidate()
211
-      })
212
-      this.getEditCityList()
213
-      this.getEditDistrictList()
206
+    handleLook(id) {
207
+      this.$router.push({ name: 'transaction-info', params: { id: id }})
214 208
     },
215 209
     handleCreate() {
216 210
       this.resetDetail()

+ 120
- 0
VUECODE/smart-property-manage/src/views/social/transaction/info/transactionInfo.vue Целия файл

@@ -0,0 +1,120 @@
1
+<template>
2
+  <div id="root">
3
+    <span class="activityTile">{{ ruleForm.transactionTitle }}</span>
4
+    <div class="activityContext">
5
+      {{ ruleForm.transactionContent }}
6
+    </div>
7
+    <div class="activityContextImg">
8
+      <img v-for="item in ruleForm.contentImg" :src="item" width="700" height="500" >
9
+    </div>
10
+  </div>
11
+</template>
12
+
13
+<script>
14
+import { mapState, mapActions, mapMutations } from 'vuex'
15
+
16
+export default {
17
+  data() {
18
+    return {
19
+      asOfdate: '2018/10/10 23:59:59',
20
+      ruleForm: {
21
+        id: '',
22
+        transactionTitle: '',
23
+        transactionContent: '', // 交易内容详细
24
+        contentImg: [] // 活动内容配图
25
+      }
26
+    }
27
+  },
28
+  mounted() {
29
+    this.getById(this.$route.params.id)
30
+  },
31
+  methods: {
32
+    ...mapActions('transaction', [
33
+      'TransactionById'
34
+    ]),
35
+    getById(id) { // 根据ID获取活动信息
36
+      this.TransactionById(id).then((res) => {
37
+        const resData = res.data.tpTransaction
38
+        this.ruleForm.transactionTitle = resData.transactionTitle
39
+        this.ruleForm.transactionContent = resData.transactionContent
40
+        this.ruleForm.contentImg = res.data.list
41
+      }).catch(() => {
42
+        console.log('get list error')
43
+      })
44
+    }
45
+  }
46
+}
47
+</script>
48
+
49
+<style scoped>
50
+#root {
51
+  display: flex;
52
+  flex-flow: column;
53
+  width: 700px;
54
+  margin-top: 50px;
55
+  margin-left: auto;
56
+  margin-right: auto;
57
+}
58
+.activityTile{
59
+  text-align: center;
60
+  font-size: 30px;
61
+  margin-bottom: 10px;
62
+}
63
+.activityContext{
64
+  margin-top: 20px;
65
+  margin-bottom: 20px;
66
+  font-size: 20px;
67
+  justify-items: center;
68
+}
69
+.progress {
70
+  display: flex;
71
+  justify-content: space-between;
72
+  margin-top: 20px;
73
+  margin-bottom: 20px;
74
+}
75
+.text-progress {
76
+  width: 500px;
77
+  float: left;
78
+  align-content: center;
79
+  position: absolute;
80
+  margin-top: 12px;
81
+}
82
+.people-number {
83
+  position: relative;
84
+  margin-left: 180px;
85
+}
86
+.outer-layer {
87
+  background-color: gainsboro;
88
+  height: 3px;
89
+  width: 450px;
90
+  margin-top: -10px;
91
+  position: relative;
92
+}
93
+.inner-layer {
94
+  background-color: aquamarine;
95
+  height: 6px;
96
+  width: 100px;
97
+  position: relative;
98
+  margin-top: -4px;
99
+}
100
+.circular {
101
+  border: 1px #001528 solid;
102
+  border-radius: 10px;
103
+  /*background-color: chartreuse;*/
104
+  width: 20px;
105
+  height: 20px;
106
+  position: relative;
107
+  margin-left: 452px;
108
+  margin-top: 11px;
109
+  float: left;
110
+}
111
+.people-limit {
112
+  margin-top: 13px;
113
+}
114
+.bom-button{
115
+  display: flex;
116
+  justify-content: center;
117
+  margin-top: 20px;
118
+  margin-bottom: 100px;
119
+}
120
+</style>