update

components/uni-popup.vue

@@ -1,7 +1,7 @@
 <template>
 	<view @touchmove.prevent  >
-		<view class="uni-mask" v-show="show" :style="{top:offsetTop + 'px'}" @click="hide" @touchmove.prevent></view>
+		<view class="uni-mask" v-show="show" :style="{top:offsetTop + 'px',zIndex:998+showIndex}" @click="hide" @touchmove.prevent ></view>
-		<view :class="['uni-popup','uni-popup-'+type,round?'round':'' ]" v-show="show">
+		<view :class="['uni-popup','uni-popup-'+type,round?'round':'' ]" :style="{zIndex:999+showIndex}" v-show="show">
 			<view class="header-top" v-if="msg!=''">{{msg}}</view>
 			<slot></slot>
 		</view>
@@ -27,7 +27,11 @@
 			round: {
 				type: Boolean,
 				default: false
-			}
+			},
+      showIndex:{
+        type: Number,
+        default: 0
+      }
 		},
 		data() {
 			let offsetTop = 0;

package-lock.json

@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "moment": "^2.25.3",
         "sass": "^1.45.1",
         "sass-loader": "^10.3.1",
         "vuex-persistedstate": "^4.1.0"
@@ -752,6 +753,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -1771,6 +1780,11 @@
         "mime-db": "1.52.0"
       }
     },
+    "moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
+    },
     "neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",

package.json

@@ -2,6 +2,7 @@
   "dependencies": {
     "sass": "^1.45.1",
     "sass-loader": "^10.3.1",
-    "vuex-persistedstate": "^4.1.0"
+    "vuex-persistedstate": "^4.1.0",
+    "moment": "^2.25.3"
   }
 }

pages/commercialBI/carPortrait.vue

@@ -382,11 +382,11 @@ export default {
       this.backType = option.type
     },
     onShow(){
-      this.carTypeList.forEach(item=>{
+        this.carTypeList.forEach(item=>{
-        item.select = false
+          item.select = false
-      })
+        })
-      this.selectProvinceName = ''
+        this.selectProvinceName = ''
-      this.carType = ''
+        this.carType = ''
         this.isFirst = true
         // 总的来说商业bi的五个页面都是 往组件里面传值 就可以出现图表和要求的东西
         // 外面的一层页面主要用于处理数据
@@ -405,6 +405,7 @@ export default {
         this.searchText = this.time
         const date = new Date(this.time)
         //设置日期选择器的开始时间和结束时间
+        let searchYear = date.getFullYear()
         let m = date.getMonth() + 1
         if (m<10){
             m = '0' + m
@@ -413,7 +414,8 @@ export default {
         if (d<10){
           d = '0'+ d
         }
-        this.thisMonth = m
+      this.thisMonth = m
+
       let systemInfo = uni.getSystemInfoSync()
         //  获取手机参数对页面进行适配
       this.statusBarHeight = Number(systemInfo.statusBarHeight)
@@ -435,8 +437,8 @@ export default {
           ProvinceCode: 340000,
           ServerpartIds: "",
           ShopAnalysisType: 0,
-          month: `${y}${m}`,
+          month: `${searchYear}${m}`,
-          time: `${y}-${m}-${d}`,
+          time: `${searchYear}-${m}-${d}`,
         }
       if (this.serviceInfo.SERVERPART_NAME==='安徽驿达' || this.isShowAllProvince==='true'){
         this.isShowAllProvince = true

pages/commercialBI/components/guest/customerFirst.vue

@@ -123,7 +123,7 @@ export default {
             handler(value) {
                 console.log('value',value)
                 this.info = value
-                this.addAreaCarNumber = Math.abs((this.info.VehicleCount / this.info.MonthVehicleCount - 1)*100).toFixed(2)
+                this.addAreaCarNumber = this.info.VehicleCount ? Math.abs((this.info.VehicleCount / this.info.MonthVehicleCount - 1)*100).toFixed(2):''
                 this.oneCarPrice = this.info.MonthVehicleAmount?Math.abs(((this.info.AvgVehicleAmount / this.info.MonthVehicleAmount) - 1) *100).toFixed(2):''
                 this.$forceUpdate()
             },

pages/commercialBI/guestPortrait.vue

@@ -117,6 +117,7 @@ export default {
             this.time = storeTime
         }
         this.single = this.$util.getThisMonthHave(this.time)
+        console.log('this.single',this.single)
         const date = new Date(this.single)
         //设置日期选择器的开始时间和结束时间
         let m = date.getMonth() + 1
@@ -203,7 +204,7 @@ export default {
             const date = new Date(this.single)
             let y = date.getFullYear()
             let m = date.getMonth() + 1
-            const nowDate = new Date()
+            const nowDate = new Date(this.time)
             let nowYear = nowDate.getFullYear()
             let nowMonth = nowDate.getMonth() + 1
             if (y===nowYear && m===nowMonth){
@@ -211,6 +212,7 @@ export default {
             }else{
                 time = this.endTime
             }
+          console.log('time',time)
               const req = {
                 Province_Code:'340000',
                 Statistics_Date:time,
@@ -229,7 +231,7 @@ export default {
             const date = new Date(this.single)
             let y = date.getFullYear()
             let m = date.getMonth() + 1
-            const nowDate = new Date()
+            const nowDate = new Date(this.time)
             let nowYear = nowDate.getFullYear()
             let nowMonth = nowDate.getMonth() + 1
             if (y===nowYear && m===nowMonth){
@@ -283,7 +285,7 @@ export default {
             const date = new Date(this.single)
             let y = date.getFullYear()
             let m = date.getMonth() + 1
-            const nowDate = new Date()
+            const nowDate = new Date(this.time)
             let nowYear = nowDate.getFullYear()
             let nowMonth = nowDate.getMonth() + 1
             if (y===nowYear && m===nowMonth){
@@ -334,7 +336,7 @@ export default {
             const date = new Date(this.single)
             let y = date.getFullYear()
             let m = date.getMonth() + 1
-            const nowDate = new Date()
+            const nowDate = new Date(this.time)
             let nowYear = nowDate.getFullYear()
             let nowMonth = nowDate.getMonth() + 1
             if (y===nowYear && m===nowMonth){
@@ -363,7 +365,7 @@ export default {
             const date = new Date(this.single)
             let y = date.getFullYear()
             let m = date.getMonth() + 1
-            const nowDate = new Date()
+            const nowDate = new Date(this.time)
             let nowYear = nowDate.getFullYear()
             let nowMonth = nowDate.getMonth() + 1
             if (y===nowYear && m===nowMonth){

pages/examine/index.vue

@@ -103,7 +103,7 @@
                         <view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
                           <view class="detailTop">
                             <view class="left">
-                              <image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'">
+                              <image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'" />
                                 <span class="type">{{subItem.REGION_NAME}}区</span>
                                 <span class="number">({{subItem.SERVERPARTList.length}})</span>
                             </view>
@@ -190,7 +190,7 @@
                 </scroll-view>
             </view>
 
-            <uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup">
+            <uniPopup type="bottom" :round="true" :showIndex="1" :show="showPop" @hidePopup="hidePopup">
                 <view class="popup" :style="{height:selectTab!==2?'60vh':'78vh'}">
                     <view class="top">
                         <text class="popupTitle">{{ selectTab===1?popupShow===4?'':'选择片区':selectTab===2?`${popupServiceName}`:'会议内容' }}</text>
@@ -200,29 +200,59 @@
                         <view @click="handleChangeArea(item)" :class="selectAreaValue===item.value?'selectItem item':'item'" v-for="(item,index) in areaList" :key="index">{{item.label}}<text class="unit">片区</text></view>
                     </view>
                     <view class="serviceList" v-if="popupShow===2">
-                        <view class="tab">
+                      <view class="tab">
-                            <view :class="popupTabSelect===item.value?'tabItem selectTabItem':'tabItem'" v-for="(item,index) in popupTab" :key="index" @click="handleChangePopupTab(item.value)">{{item.label}}</view>
+                        <view :class="popupTabSelect===item.value?'tabItem selectTabItem':'tabItem'" v-for="(item,index) in popupTab" :key="index" @click="handleChangePopupTab(item.value)">{{item.label}}</view>
-                        </view>
+                      </view>
-                        <view class="list">
+                      <view class="assessmentTable">
-                            <view class="item" v-for="(item,index) in popupServiceShowList.SERVERPARTList" :key="index">
+                        <view class="bigBox" v-for="(item,index) in popupServiceShowList.DetailList" :key="index" >
-                                <view class="person">
+                          <view class="assessmentItem" @click="handleNoShow(item)">
-                                    <p class="value">{{item.PATROL_PERSON}}</p>
+                            <view class="left">{{item.PATROL_POSITION}}</view>
-                                    <p class="label">检查人</p>
+                            <view class="right">
-                                </view>
+                              <image :style="{transform:item.showChild?'':'rotate(-90deg)'}" class="more" src="https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/arrow_bottom.svg"/>
-                                <view class="person">
-                                    <p class="value">{{item.PATROL_DATE}}</p>
-                                    <p class="label">检查日期</p>
-                                </view>
-                                <view class="person">
-                                    <p class="value">{{item.PATROL_ROUTE}}</p>
-                                    <p class="label">路线</p>
-                                </view>
-                                <view class="person">
-                                    <image v-if="item.PATROL_IMG.length>0" class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/haveImg.svg"></image>
-                                    <p v-if="item.PATROL_IMG.length>0" class="label">图片</p>
-                                </view>
                             </view>
+                          </view>
+                          <view v-if="item.showChild">
+                            <view class="smallItem" v-for="(subItem,subIndex) in item.PositionDetailList" :key="subIndex" :style="{borderBottomWidth:subIndex===item.PositionDetailList.length-1?'0px':'2px'}"  @click="handleShowImgDetail(subItem)">
+                              <view class="top">
+                                <view class="time">{{subItem.PATROL_DATE.split(' ')[1]}}</view>
+                                <view class="label">检查人: <span class="name">{{subItem.PATROL_PERSON}}</span></view>
+                              </view>
+                              <view class="itemBox" v-if="subItem.PATROL_SITUATION" @click="changeDetail(subItem)">
+                                <view class="detailItem" >
+                                  <view class="detailValue">
+                                    <view class="detailText">{{ subItem.PATROL_SITUATION || "-"}}</view>
+                                  </view>
+                                  <view class="detailLabel">情况及问题</view>
+                                </view>
+                                <view class="detailItem">
+                                  <view class="detailValue">{{ subItem.RECTIFICATION_PERIOD || "-" }}</view>
+                                  <view class="detailLabel">整改期限</view>
+                                </view>
+                                <view class="detailItem">
+                                  <view class="detailValue">{{ subItem.RECTIFICATION_RESULT || "-" }}</view>
+                                  <view class="detailLabel">整改结果</view>
+                                </view>
+                              </view>
+                              <view class="itemBox" v-else>
+                                <view class="detailItem" >
+                                  <view class="detailValue">
+                                    <view class="detailValue"><image class="right" src="/static/images/examine/gou.svg"/></view>
+                                  </view>
+                                  <view class="detailLabel">情况及问题</view>
+                                </view>
+                                <view class="detailItem">
+                                  <view class="detailValue"><image class="right" src="/static/images/examine/gou.svg"/></view>
+                                  <view class="detailLabel">整改期限</view>
+                                </view>
+                                <view class="detailItem">
+                                  <view class="detailValue"><image class="right" src="/static/images/examine/gou.svg"/></view>
+                                  <view class="detailLabel">整改结果</view>
+                                </view>
+                              </view>
+                            </view>
+                          </view>
                         </view>
+                      </view>
                     </view>
                     <view class="meetList" v-if="popupShow===3">
                         <view class="message" style="margin-bottom: 8px">
@@ -258,6 +288,21 @@
                     </view>
                 </view>
             </uniPopup>
+          <uniPopup type="bottom" :round="true" :showIndex="2" :show="showImg" @hidePopup="hideShowImg"  style="z-index: 1001!important;">
+            <view class="previewImg">
+              <view class="top">
+                <text class="popupTitle"></text>
+                <image @click="hideShowImg" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
+              </view>
+              <view class="content">
+                <view class="contentTitle">整改前</view>
+                <image class="img" :src="showImgUrl.PATROLDETAIL_URL" @click="previewShowImage($event,showImgUrl)"/>
+                <view class="contentTitle" v-if="showImgUrl.PATROLDEAL_URL">整改后</view>
+                <image v-if="showImgUrl.PATROLDEAL_URL" class="img" :src="showImgUrl.PATROLDEAL_URL" @click="previewShowImage($event,showImgUrl)"/>
+                <view class="contentTitle" v-if="!showImgUrl.PATROLDEAL_URL">暂未整改完成</view>
+              </view>
+            </view>
+          </uniPopup>
     </view>
 </template>
 <script>
@@ -279,6 +324,7 @@ export default {
             menu:{},
             statusBarHeight:'',
             showPop:false,
+            showImg:false,// 整改图片的弹出
             areaList:[],// 片区列表
             selectAreaValue:'',// 选择的片区value
             selectAreaName:'',// 选择的片区名字
@@ -300,7 +346,8 @@ export default {
             popupServiceName:'',// 点击更多记录的表单名称
             popupMeetDetail:{},// 弹出框的会议详情内容
             come:'',// 来自首页还是用户页
-            examineList:[]
+            examineList:[],
+            showImgUrl:{},// 展示的图片地址
         }
     },
     onLoad(query){
@@ -374,8 +421,15 @@ export default {
             this.popupServiceName = obj.SERVERPART_NAME
             // 两个区一起的数组
             this.popupServiceList = obj.list
+            this.popupServiceList.forEach(item=>{
+              item.DetailList.forEach(subItem=>{
+                subItem.showChild = true
+              })
+            })
             // 页面上展示的数组
             this.popupServiceShowList = this.popupServiceList[0]
+            console.log('this.popupServiceShowList',this.popupServiceShowList)
+            console.log('obj',obj)
             // 方位选项卡的数组判断
             let  list = []
             obj.list.forEach((item,index)=>{
@@ -398,7 +452,7 @@ export default {
                 item.SERVERPARTList.forEach(subItem=>{
                     subItem.showChild = true
                     mark+=subItem.DEDUCTION_SCORE
-                    subItem.imgList = subItem.EXAMINEDETAIL_URL.split('；')
+                    subItem.imgList = subItem.EXAMINEDETAIL_URL.split(',')
                 })
                 item.mark = mark
             })
@@ -409,6 +463,16 @@ export default {
             console.log('subItem',subItem)
             subItem.showChild = !subItem.showChild
         },
+        // 打开看整改图片的弹出框
+      handleShowImgDetail(subItem){
+          if (subItem.PATROL_SITUATION){
+            this.showImg = true
+          }
+      },
+        changeDetail(subItem){
+          this.showImgUrl=subItem
+          this.$forceUpdate()
+        },
         previewImage(event,subItem){
             console.log('event',event)
             console.log('subItem',subItem)
@@ -417,6 +481,14 @@ export default {
                 urls: subItem.imgList // 需要预览的图片http链接列表
             })
         },
+        // 整改的预览图片
+        previewShowImage(event,subItem){
+          let _this = this
+          wx.previewImage({
+            current: event.currentTarget.dataset.src, // 当前显示图片的http链接
+            urls: _this.showImgUrl.PATROLDEAL_URL?[_this.showImgUrl.PATROLDETAIL_URL,_this.showImgUrl.PATROLDEAL_URL]:[_this.showImgUrl.PATROLDETAIL_URL] // 需要预览的图片http链接列表
+          })
+        },
         // 弹出框点击蒙层关闭
         hidePopup(){
           this.showPop = false
@@ -483,6 +555,9 @@ export default {
         // 点击选项卡改变选项卡
         handleChangeTab(value){
           this.selectTab = value
+          uni.showLoading({
+            title: '正在加载...'
+          })
           if (value===1){
             // 考核管理列表
             this.getManagerList()
@@ -533,6 +608,16 @@ export default {
             }
           }
         },
+      // 搜索
+      handleNoShow(item){
+        console.log('item',item)
+        item.showChild = !item.showChild
+        this.$forceUpdate()
+      },
+      hideShowImg(){
+          this.showImg = false
+        this.showImgUrl = {}
+      },
         // 改变弹出框中的选项卡
         handleChangePopupTab(value){
           this.popupTabSelect = value
@@ -541,9 +626,7 @@ export default {
         },
         // 片区列表
         async getAreaList(){
-          uni.showLoading({
+
-            title: '正在加载...'
-          })
           const total = await request.$webGet(`CommercialApi/BaseInfo/GetSPRegionList`,{Province_Code:Store.state.userData.ProvinceCode})
           uni.hideLoading()
           if (total.Result_Code===100){
@@ -565,7 +648,11 @@ export default {
           // 选择的片区名称和片区id
           this.selectAreaValue = item.value
           this.selectAreaName = item.label
+          uni.showLoading({
+            title: '正在加载...'
+          })
           if (this.selectTab===1){
+
             // 考核管理列表重新调用
             this.getManagerList()
           }else if (this.selectTab===2){
@@ -600,6 +687,7 @@ export default {
             Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
           })
           this.serviceList = res.Result_Data
+          uni.hideLoading()
         },
         // 日常巡检列表
         async getDailyInspectionList(){
@@ -610,6 +698,8 @@ export default {
             Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
           })
           this.inspectionList = res.Result_Data
+          console.log('inspectionList',this.inspectionList)
+          uni.hideLoading()
         },
         // 晨会管理列表
         async getMeetingDetail(){
@@ -620,6 +710,7 @@ export default {
             Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
           })
           this.meetDetailList = res.Result_Data
+          uni.hideLoading()
         }
     }
 }
@@ -1248,6 +1339,120 @@ export default {
             }
         }
         .serviceList{
+          .assessmentTable{
+            width: 100%;
+            height: calc(78vh - 150px);
+            box-sizing: border-box;
+            overflow-y: scroll;
+            .bigBox{
+              border-radius: 16rpx;
+              border: 2rpx solid #D9DBE0;
+              margin-top: 12px;
+              .assessmentItem{
+                width: 100%;
+                box-sizing: border-box;
+                padding: 16px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                background: linear-gradient(314deg, #EAEFFF 0%, #F3F5FF 32%, #F5FCFF 50%, #F0F7FF 67%, #DBE5FF 100%);
+                border-radius: 16rpx;
+                border-bottom: 2rpx solid #D9DBE0;
+                .left{
+                  font-size: 16px;
+                  font-family: AlimamaShuHeiTi;
+                  color: #1A5FFF;
+                  line-height: 22px;
+                  background: rgba(26, 95, 255, 0.1);
+                  border-radius: 14px;
+                  padding: 4px 16px;
+                  display: inline-block;
+                }
+                .right{
+                  display: flex;
+                  align-items: center;
+                  .label{
+                    font-size: 14px;
+                    font-family: DINAlternate-Bold, DINAlternate;
+                    font-weight: 400;
+                    color: #160002;
+                    .name{
+                      font-size: 16px;
+                      font-family: DINAlternate-Bold, DINAlternate;
+                      font-weight: 600;
+                      color: #160002;
+                      margin-left: 4px;
+                    }
+                  }
+                  .more{
+                    width: 14px;
+                    height: 26px;
+                    margin-left: 8px;
+                  }
+                }
+              }
+              .smallItem{
+                box-sizing: border-box;
+                padding: 16px;
+                border-bottom: 2px solid #EEEEEE;
+                .top{
+                  width: 100%;
+                  display: flex;
+                  justify-content: space-between;
+                  margin-bottom: 12px;
+                  .time{
+                    font-size: 16px;
+                    font-family: PingFangSC-Semibold, PingFang SC;
+                    font-weight: 600;
+                    color: #160002;
+                  }
+                  .label{
+                    font-size: 14px;
+                    font-family: DINAlternate-Bold, DINAlternate;
+                    font-weight: 400;
+                    color: #160002;
+                    .name{
+                      font-size: 16px;
+                      font-family: DINAlternate-Bold, DINAlternate;
+                      font-weight: 600;
+                      color: #160002;
+                      margin-left: 4px;
+                    }
+                  }
+                }
+
+                .itemBox{
+                  width: 100%;
+                  display: flex;
+                  align-items: center;
+                  .detailItem{
+                      width: 100%;
+                      .detailValue{
+                        .right{
+                          width: 20px;
+                          height: 20px;
+                        }
+                        .detailText{
+                          font-size: 14px;
+                          font-family: PingFangSC-Regular, PingFang SC;
+                          font-weight: 400;
+                          color: #160002;
+                          line-height: 20px;
+                        }
+                      }
+                      .detailLabel{
+                        font-size: 24rpx;
+                        font-family: PingFangSC-Regular, PingFang SC;
+                        font-weight: 400;
+                        color: #786B6C;
+                        line-height: 36rpx;
+                      }
+                  }
+                }
+              }
+
+            }
+          }
             .tab{
                 width: 100%;
                 height: 38px;
@@ -1256,6 +1461,7 @@ export default {
                 margin-top: 16px;
                 box-sizing: border-box;
                 padding: 4px;
+                margin-bottom: 8px;
                 .tabItem{
                     display: inline-block;
                     width: 50%;
@@ -1375,6 +1581,27 @@ export default {
             }
         }
     }
+    .previewImg{
+      width: 100%;
+      height: 60vh;
+      box-sizing: border-box;
+      padding: 16px;
+      .top{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .close{
+          width: 20px;
+          height: 20px;
+        }
+      }
+      .content{
+        width: 100%;
+        height: 55vh;
+        overflow-y: scroll;
+      }
+    }
     ::-webkit-scrollbar {
         width: 4px;
         height: 4px;

static/images/examine/gou.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1690861320580" class="icon" viewBox="0 0 1397 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2273" xmlns:xlink="http://www.w3.org/1999/xlink" width="272.8515625" height="200"><path d="M1396.363636 121.018182c0 0-223.418182 74.472727-484.072727 372.363636-242.036364 269.963636-297.890909 381.672727-390.981818 530.618182C512 1014.690909 372.363636 744.727273 0 549.236364l195.490909-186.181818c0 0 176.872727 121.018182 297.890909 344.436364 0 0 307.2-474.763636 902.981818-707.490909L1396.363636 121.018182 1396.363636 121.018182zM1396.363636 121.018182" fill="#272636" p-id="2274"></path></svg>