更新

Lou

2024-04-27 16d2c3bbc8e5e405a09e5a1c8318538fb0d35bb6

更新

 manifest.json

@@ -1,250 +1,250 @@
{
    "name" : "饶城格格通",
    "appid" : "__UNI__EE88272",
    "description" : "",
    "versionName" : "1.0.10",
    "versionCode" : 104,
    "transformPx" : false,
    /* 5+App特有相关 */
    "app-plus" : {
        "compatible" : {
            "ignoreVersion" : true //true表示忽略版本检查提示框，HBuilderX1.9.0及以上版本支持  
        },
        "safearea" : {
            "bottom" : {
                "offset" : "none"
            }
        },
        "usingComponents" : true,
        "nvueCompiler" : "uni-app",
        "compilerVersion" : 3,
        "splashscreen" : {
            "alwaysShowBeforeRender" : false,
            "waiting" : false,
            "autoclose" : false,
            "delay" : 0
        },
        /* 模块配置 */
        "modules" : {
            "VideoPlayer" : {},
            "Camera" : {},
            "Geolocation" : {},
            "Push" : {},
            "Maps" : {}
        },
        /* 应用发布信息 */
        "distribute" : {
            /* android打包配置 */
            "android" : {
                "permissions" : [
                    "<uses-feature android:name=\"android.hardware.camera\"/>",
                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_LOCATION_EXTRA_COMMANDS\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_MOCK_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",
                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
                    "<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES\"/>",
                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                ],
                "abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
            },
            /* ios打包配置 */
            "ios" : {
                "dSYMs" : false,
                "UIBackgroundModes" : "",
                "idfa" : false
            },
            /* SDK配置 */
            "sdkConfigs" : {
                "ad" : {},
                "maps" : {
                    "amap" : {
                        "appkey_ios" : "4bcdf5434597cc9160c9e0168c4a7bc7",
                        "appkey_android" : "c21be9bc7343573c28112c4fe272cb41"
                    }
                },
                "geolocation" : {
                    "amap" : {
                        "__platform__" : [ "ios", "android" ],
                        "appkey_ios" : "4bcdf5434597cc9160c9e0168c4a7bc7",
                        "appkey_android" : "c21be9bc7343573c28112c4fe272cb41"
                    },
                    "system" : {
                        "__platform__" : [ "ios", "android" ]
                    }
                },
                "push" : {
                    "unipush" : {
                        "offline" : true
                    }
                }
            },
            "icons" : {
                "android" : {
                    "hdpi" : "D:/Desktop/hbsl/app/应用图标/72.png",
                    "xhdpi" : "D:/Desktop/hbsl/app/应用图标/96.png",
                    "xxhdpi" : "D:/Desktop/hbsl/app/应用图标/144.png",
                    "xxxhdpi" : "D:/Desktop/hbsl/app/应用图标/192.png"
                },
                "ios" : {
                    "appstore" : "D:/Desktop/icon/1024x1024bb.png",
                    "iphone" : {
                        "app@2x" : "D:/Desktop/icon/120.png",
                        "app@3x" : "D:/Desktop/icon/180.png",
                        "spotlight@2x" : "D:/Desktop/icon/80.png",
                        "spotlight@3x" : "D:/Desktop/icon/120.png",
                        "settings@2x" : "D:/Desktop/icon/58.png",
                        "settings@3x" : "D:/Desktop/icon/87.png",
                        "notification@2x" : "D:/Desktop/icon/40.png",
                        "notification@3x" : "D:/Desktop/icon/60.png"
                    },
                    "ipad" : {
                        "app" : "",
                        "app@2x" : "",
                        "proapp@2x" : "",
                        "spotlight" : "",
                        "spotlight@2x" : "",
                        "settings" : "",
                        "settings@2x" : "",
                        "notification" : "",
                        "notification@2x" : ""
                    }
                }
            },
            "splashscreen" : {
                "useOriginalMsgbox" : true
            }
        },
        "uniStatistics" : {
            "enable" : false
        },
        "nativePlugins" : {}
    },
    /* 快应用特有相关 */
    "quickapp" : {},
    /* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "wx41aa8a5d2e565a05",
        "setting" : {
            "urlCheck" : false,
            "minified" : true,
            "postcss" : true,
            "es6" : true
        },
        "usingComponents" : true,
        "plugins" : {
            "ocr-plugin" : {
                "version" : "3.1.3",
                "provider" : "wx4418e3e031e551be"
            }
        },
        "optimization" : {
            "subPackages" : true
        },
        "uniStatistics" : {
            "enable" : false
        },
        "requiredPrivateInfos" : [
            "getLocation",
            "chooseLocation",
            "onLocationChange",
            "startLocationUpdateBackground"
        ],
        "requiredBackgroundModes" : [ "location" ], //必填
        "permission" : {
            "scope.userLocation" : {
                "desc" : "定位"
            }
        }
    },
    "mp-alipay" : {
        "usingComponents" : true,
        "uniStatistics" : {
            "enable" : false
        }
    },
    "mp-baidu" : {
        "usingComponents" : true,
        "uniStatistics" : {
            "enable" : false
        }
    },
    "mp-toutiao" : {
        "usingComponents" : true,
        "setting" : {
            "es6" : true,
            "minified" : true,
            "postcss" : true,
            "urlCheck" : false
        },
        "uniStatistics" : {
            "enable" : false
        }
    },
    "h5" : {
        "template" : "template.h5.html",
        "router" : {
            "mode" : "hash",
            "base" : "/app"
        },
        "optimization" : {
            "treeShaking" : {
                "enable" : true
            }
        },
        "devServer" : {
            "proxy" : {
                "/api" : {
                    "target" : "http://127.0.0.1",
                    //"target" : "https://rider.bladex.vip/api",
                    "pathRewrite" : {
                        "^/api" : "/"
                    }
                }
            },
            "port" : "",
            "https" : false
        },
        "uniStatistics" : {
            "enable" : false
        },
        "sdkConfigs" : {
            "maps" : {
                "amap" : {
                    "key" : "7fa69abe1defd5888bb85bc736cda874",
                    "securityJsCode" : "8ac9e5f522c62ed6e3a5800a87b0d140",
                    "serviceHost" : ""
                }
            }
        },
        "unipush" : {
            "enable" : false
        }
    },
    "uniStatistics" : {
        "enable" : false
    },
    "mp-qq" : {
        "uniStatistics" : {
            "enable" : false
        }
    }
}
    "name": "饶城格格通",
    "appid": "__UNI__EE88272",
    "description": "",
    "versionName": "1.0.10",
    "versionCode": 104,
    "transformPx": false,
    /* 5+App特有相关 */
    "app-plus": {
        "compatible": {
            "ignoreVersion": true //true表示忽略版本检查提示框，HBuilderX1.9.0及以上版本支持  
        },
        "safearea": {
            "bottom": {
                "offset": "none"
            }
        },
        "usingComponents": true,
        "nvueCompiler": "uni-app",
        "compilerVersion": 3,
        "splashscreen": {
            "alwaysShowBeforeRender": false,
            "waiting": false,
            "autoclose": false,
            "delay": 0
        },
        /* 模块配置 */
        "modules": {
            "VideoPlayer": {},
            "Camera": {},
            "Geolocation": {},
            "Push": {},
            "Maps": {}
        },
        /* 应用发布信息 */
        "distribute": {
            /* android打包配置 */
            "android": {
                "permissions": [
                    "<uses-feature android:name=\"android.hardware.camera\"/>",
                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_LOCATION_EXTRA_COMMANDS\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_MOCK_LOCATION\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",
                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
                    "<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES\"/>",
                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                ],
                "abiFilters": ["armeabi-v7a", "arm64-v8a"]
            },
            /* ios打包配置 */
            "ios": {
                "dSYMs": false,
                "UIBackgroundModes": "",
                "idfa": false
            },
            /* SDK配置 */
            "sdkConfigs": {
                "ad": {},
                "maps": {
                    "amap": {
                        "appkey_ios": "4bcdf5434597cc9160c9e0168c4a7bc7",
                        "appkey_android": "c21be9bc7343573c28112c4fe272cb41"
                    }
                },
                "geolocation": {
                    "amap": {
                        "__platform__": ["ios", "android"],
                        "appkey_ios": "4bcdf5434597cc9160c9e0168c4a7bc7",
                        "appkey_android": "c21be9bc7343573c28112c4fe272cb41"
                    },
                    "system": {
                        "__platform__": ["ios", "android"]
                    }
                },
                "push": {
                    "unipush": {
                        "offline": true
                    }
                }
            },
            "icons": {
                "android": {
                    "hdpi": "D:/Desktop/hbsl/app/应用图标/72.png",
                    "xhdpi": "D:/Desktop/hbsl/app/应用图标/96.png",
                    "xxhdpi": "D:/Desktop/hbsl/app/应用图标/144.png",
                    "xxxhdpi": "D:/Desktop/hbsl/app/应用图标/192.png"
                },
                "ios": {
                    "appstore": "D:/Desktop/icon/1024x1024bb.png",
                    "iphone": {
                        "app@2x": "D:/Desktop/icon/120.png",
                        "app@3x": "D:/Desktop/icon/180.png",
                        "spotlight@2x": "D:/Desktop/icon/80.png",
                        "spotlight@3x": "D:/Desktop/icon/120.png",
                        "settings@2x": "D:/Desktop/icon/58.png",
                        "settings@3x": "D:/Desktop/icon/87.png",
                        "notification@2x": "D:/Desktop/icon/40.png",
                        "notification@3x": "D:/Desktop/icon/60.png"
                    },
                    "ipad": {
                        "app": "",
                        "app@2x": "",
                        "proapp@2x": "",
                        "spotlight": "",
                        "spotlight@2x": "",
                        "settings": "",
                        "settings@2x": "",
                        "notification": "",
                        "notification@2x": ""
                    }
                }
            },
            "splashscreen": {
                "useOriginalMsgbox": true
            }
        },
        "uniStatistics": {
            "enable": false
        },
        "nativePlugins": {}
    },
    /* 快应用特有相关 */
    "quickapp": {},
    /* 小程序特有相关 */
    "mp-weixin": {
        "appid": "wx41aa8a5d2e565a05",
        "setting": {
            "urlCheck": false,
            "minified": true,
            "postcss": true,
            "es6": true
        },
        "usingComponents": true,
        "plugins": {
            "ocr-plugin": {
                "version": "3.1.3",
                "provider": "wx4418e3e031e551be"
            }
        },
        "optimization": {
            "subPackages": true
        },
        "uniStatistics": {
            "enable": false
        },
        "requiredPrivateInfos": [
            "getLocation",
            "chooseLocation",
            "onLocationChange",
            "startLocationUpdateBackground"
        ],
        "requiredBackgroundModes": ["location"], //必填
        "permission": {
            "scope.userLocation": {
                "desc": "定位"
            }
        }
    },
    "mp-alipay": {
        "usingComponents": true,
        "uniStatistics": {
            "enable": false
        }
    },
    "mp-baidu": {
        "usingComponents": true,
        "uniStatistics": {
            "enable": false
        }
    },
    "mp-toutiao": {
        "usingComponents": true,
        "setting": {
            "es6": true,
            "minified": true,
            "postcss": true,
            "urlCheck": false
        },
        "uniStatistics": {
            "enable": false
        }
    },
    "h5": {
        "template": "template.h5.html",
        "router": {
            "mode": "hash",
            "base": "/app"
        },
        "optimization": {
            "treeShaking": {
                "enable": true
            }
        },
        "devServer": {
            "proxy": {
                "/api": {
                    "target": "http://127.0.0.1",
                    //"target" : "https://rider.bladex.vip/api",
                    "pathRewrite": {
                        "^/api": "/"
                    }
                }
            },
            "port": "",
            "https": true
        },
        "uniStatistics": {
            "enable": false
        },
        "sdkConfigs": {
            "maps": {
                "amap": {
                    "key": "7fa69abe1defd5888bb85bc736cda874",
                    "securityJsCode": "8ac9e5f522c62ed6e3a5800a87b0d140",
                    "serviceHost": ""
                }
            }
        },
        "unipush": {
            "enable": false
        }
    },
    "uniStatistics": {
        "enable": false
    },
    "mp-qq": {
        "uniStatistics": {
            "enable": false
        }
    }
}

 package.json

@@ -21,5 +21,26 @@
        "uview": "^0.1.0",
        "uview-ui": "^2.0.36"
    },
    "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize"
}
    "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",


    "uni-app": {
        "scripts": {
            "custom-platform": {
                "title": "dev h5",
                "browser": "chrome",
                "env": {
                    "UNI_PLATFORM": "h5",
                    "MY_TEST": ""
                },
                "define": {
                    "CUSTOM-CONST": true
                }
            }
        }
    }




}

 pages.json

@@ -1312,6 +1312,15 @@
                        "navigationBarTextStyle": "black",
                        "enablePullDownRefresh": false
                    }
                },
                {
                    "path": "troubleTaskList",
                    "style": {
                        "navigationBarTitleText": "校园任务",
                        "navigationBarBackgroundColor": "#fff",
                        "navigationBarTextStyle": "black",
                        "enablePullDownRefresh": false
                    }
                }
            ]
        }

 pages/home/index.vue

@@ -249,7 +249,7 @@


                                </block>

                                <u-grid-item v-if="roleName == 'xyzt'"

                                    @click="navigatorPage('/subPackage/school/troubleAuditList')">

                                    @click="navigatorPage('/subPackage/school/troubleTaskList')">

                                    <view class="nav-item flex f-d-c a-i-c">

                                        <u-icon name="/static/icon/nav-29.png" width="80rpx" height="80rpx"></u-icon>

                                        <text class="nav-item-text f-26  mt-10">校园任务</text>


 subPackage/school/troubleTaskList.vue

New file
@@ -0,0 +1,278 @@
<template>
    <view>
        <u-sticky>
            <view class="hander">
                <view class="tab">
                    <u-tabs :list="tabList" :current="tabIndex" @click="changeTab" :inactiveStyle="{color:'#999999'}"
                        :activeStyle="{color:'#017BFC'}" :scrollable="false">
                    </u-tabs>
                </view>

                <view class="search flex j-c-s-b a-i-c">
                    <view class="tab-filter flex j-c-c a-i-c" slot="right" @click="showDateModal">
                        <text class="f-28">时间筛选</text>
                        <u-icon name="arrow-down"></u-icon>
                    </view>
                    <u-search placeholder="请输入姓名" v-model="keyWord" :clearabled="true" :showAction="true"
                        :animation="true" @search="searchConfirm" @clear="clearConfirm"
                        @custom="searchConfirm"></u-search>
                </view>

            </view>
        </u-sticky>
        <view class="list">
            <view class="list-item bgc-ff mb-20" v-for="item in siteList" :key="item.id" @click="pushPage(item.id)">
                <view class="item-title flex a-i-c j-c-s-b mb-20">
                    <text class="f-32 fw">{{item.placeName}}</text>
                    <!-- <u-tag text="待审批" type="warning" plain plainFill></u-tag> -->
                    <u-tag class="u_tag" size="mini" :text="findObjValue(item.confirmFlag, tabList).name"
                        :type="findObjValue(item.confirmFlag, tabList).type" plain plainFill></u-tag>
                    <!-- <u-tag text="审核拒绝" type="error" plain plainFill></u-tag> -->
                </view>
                <!-- <view class="item-row flex a-i-c j-c-s-b">
                    <text class="f-28">法人信息</text>
                    <text class="f-28 c-66">{{ item.legalPerson  ? item.legalPerson : '未完善'}}</text>
                </view> -->
                <view class="item-row flex a-i-c j-c-s-b f-28">
                    <text>时间</text>
                    <text class="c-66">{{item.createTime}}</text>
                </view>
            </view>
        </view>
        <u-toast ref="uToast"></u-toast>
        <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />





        <date-range-modal ref="dateRane" @comfirm="handleComfirmDate" @rest="handleRestDate" />
    </view>
</template>

<script>
    import dateRangeModal from '@/components/dateRangeModal/modal.vue';
    import {
        getTroubleReportList
    } from "@/api/school/school.js";

    export default {
        components: {
            dateRangeModal
        },
        data() {
            return {
                siteList: [],
                pagingParams: {
                    current: 1,
                    size: 10
                },
                tabList: [{
                        name: "待处理",
                        status: 4,
                        type: 'warning'
                    },
                    {
                        name: "已处理",
                        status: 2,
                        type: 'success'
                    }

                ],
                tabIndex: 0,
                tabStatus: 4,
                keyWord: '',
                loadingStatus: 'nomore',
                clickInfo: {},
                currentRole: {},
                selectDate: [],
                type: 1
            }
        },


        onLoad(option) {
            if (option.from) {
                this.tabIndex = 1;
                this.tabStatus = 1;
            }
            if (option.placeId) {
                this.pagingParams.placeId = option.placeId
            }
            if (option.type) {
                this.type = option.type;
                uni.setNavigationBarTitle({
                    title: option.type == 1 ? "安全隐患排查" : "矛盾纠纷排查"
                })
            }
        },

        onShow() {
            this.currentRole = uni.getStorageSync("activeRole")
            this.resetParams()
            this.getSiteList()
        },
        onReachBottom() {
            this.pagingParams.current++
            this.getSiteList()
        },


        methods: {


            async getSiteList() {
                this.$nextTick(() => {
                    this.$refs.uToast.show({
                        type: 'loading',
                        message: '正在加载',
                        duration: 9999999
                    })
                    this.loadingStatus = 'loadingmore'
                })

                const params = {
                    placeName: this.keyWord,
                    confirmFlag: this.tabStatus,
                    isReporting: 1
                }
                if (this.selectDate.length) {
                    params.startTime = this.selectDate[0]
                    params.endTime = this.selectDate[1]
                }
                const {
                    roleName
                } = this.currentRole

                const res = await getTroubleReportList({
                    ...params,
                    roleName,
                    ...this.pagingParams
                })
                console.log(res);
                const {
                    code,
                    data: {
                        records
                    }
                } = res
                if (code !== 200) {
                    uni.showToast({
                        title: '数据请求失败',
                        icon: 'error'
                    })
                    return
                }
                this.siteList = [...this.siteList, ...records]
                this.$nextTick(() => {
                    this.$refs.uToast.isShow = false
                })
                this.loadingStatus = 'nomore'
            },
            changeTab(e) {
                this.tabStatus = e.status;
                this.resetParams()
                this.getSiteList()
            },
            searchConfirm() {
                this.resetParams()
                this.getSiteList()
            },
            clearConfirm() {
                this.keyWord = ''
                this.resetParams()
                this.searchConfirm()
            },


            showDateModal() {
                this.$refs.dateRane.open();
            },


            resetParams() {
                this.siteList = []
                this.pagingParams.current = 1
            },
            findObjValue(value, obj) {
                const res = obj.find(item => {
                    return item.status == value
                })
                return res
            },
            pushPage(id) {
                const {
                    roleAlias
                } = this.currentRole
                if (roleAlias === "inhabitant") {
                    return
                }
                uni.navigateTo({
                    url: `troubleDetail?id=${id}`
                })


                // this.$u.func.globalNavigator(`/subPackage/workbench/views/examine?id=${id}&placeId=${placeId}`)
            },

            handleRestDate() {
                this.selectDate = [];
                this.resetParams();
                this.getSiteList()
            },
            handleComfirmDate(val) {
                this.selectDate = val;
                this.resetParams();
                this.getSiteList()
            }


        }
    }
</script>

<style lang="scss">
    page {
        background-color: #F5F5F5;
    }

    .hander {
        background-color: #fff;

        .tab {
            width: 100%;
        }

        .tab-filter {
            padding: 0 20rpx;
        }


        .search {
            padding: 20rpx 30rpx;
        }
    }

    .list {
        margin: 20rpx 30rpx 0;
    }

    .list-item {
        padding: 0 30rpx 20rpx;
        border-radius: 8rpx;

        .item-title {
            padding: 30rpx 0;
            border-bottom: 1px solid #F5F5F5;
        }

        .item-row {
            padding: 10rpx 0;

            .address {
                width: 65%;
                text-align: right;
            }
        }
    }
</style>