部分页面样式及逻辑调整

shuishen

2023-11-12 1043550f7f0c5c7584654b8aa8f6866868db6d0a

部分页面样式及逻辑调整

 subPackage/house/family/index.vue

@@ -7,13 +7,13 @@
            </view>

            <view class="h0 flex-1 build-list-box content">

                <u-collapse :border="false">

                    <u-collapse-item v-show="isShowBuild" style="border: none;" :name="index"

                        v-for="(item, index) in buildingList" :key="index">
                        <!-- :title="item.unitName" -->
                        <view slot="title" class="flex">
                            <u-icon name="/static/icon/group.png" size="16"></u-icon>
                            <view style="margin-left: 17rpx;">{{ item.unitName }}</view>
                        </view>

                    <u-collapse-item v-if="isShowBuild" style="border: none;" :name="index" :title="item.unitName"

                        :icon="'/static/icon/group.png'" v-for="(item, index) in buildingList" :key="index">

                        <!-- :title="item.unitName" -->

                        <!--     <view slot="title" class="flex">

                            <u-icon name="" size="16"></u-icon>

                            <view style="margin-left: 17rpx;">{{ item.unitName }}</view>

                        </view> -->

                        <view class="flex floor-content" v-for="(cItem, cIndex) in item.children" :key="cIndex">

                            <view class="floor-num-box flex a-i-c j-c-c">

                                {{cItem.floor}}层

@@ -21,7 +21,7 @@
                            <view class="room-content">

                                <u-grid class="flex flex-wrap" col="2" :border="true">

                                    <u-grid-item v-for="(scItem, scIndex) in cItem.children" :key="scItem.id"

                                        @click.native="pushPage(scItem)">

                                        @click="pushPage($event, scItem)">

                                        <view class="room-box flex f-d-c">

                                            <view class="flex a-i-c j-c-s-b">

                                                <view class="l">

@@ -55,13 +55,13 @@
                            </view>

                        </view>

                    </u-collapse-item>

                    <u-collapse-item class="sp-list" v-show="isShowShop" style="border: none;">

                        <view slot="title" class="flex">
                            <u-icon name="/static/icon/group.png" size="16"></u-icon>
                            <view style="margin-left: 17rpx;">商铺</view>
                        </view>
                    <u-collapse-item class="sp-list" v-if="isShowShop" style="border: none;">

                        <view slot="title" class="flex">

                            <u-icon name="/static/icon/group.png" size="16"></u-icon>

                            <view style="margin-left: 17rpx;">商铺</view>

                        </view>

                        <view class="house-list-box flex" v-for="(item, index) in shopList" :name="index" :key="index"

                            @click.native="pushShopPage(item)">

                            @click.native="pushShopPage($event, item)">

                            <view class="l">

                                <u-icon name="/static/icon/store.png" width="15" height="18"></u-icon>

                            </view>

@@ -121,10 +121,12 @@
        },

        methods: {

            async getBuildingList() {

                this.isShowBuild = false

                this.isShowShop = false

                const param = {

                    type: 3,

                    code: this.currentId,

                    roleName:uni.getStorageSync('activeRole').roleName,

                    roleName: uni.getStorageSync('activeRole').roleName,

                    name: this.addressType == 1 ? "" : this.neiCode,

                    addressType: this.addressType == 3 ? 2 : 1

                }

@@ -144,19 +146,19 @@
                    this.shopList = shopList || []

                }

            },

            pushPage(value) {

            pushPage(name, scItem) {

                const {

                    addressCode

                } = value

                } = scItem

				
                let url = `/subPackage/house/roomDetails/index?id=${addressCode}`

                this.$u.func.globalNavigator(url, "navTo")

            },

            // 跳转到商铺页面

            pushShopPage(e) {

                console.log(e, 8888)

            pushShopPage(name, item) {

                const {

                    addressCode

                } = e

                } = item

                let url = `/subPackage/house/houseNumber/index?stdId=${addressCode}`

                this.$u.func.globalNavigator(url, "navTo")

            }

@@ -180,17 +182,18 @@
            height: 0;

            flex: 1;

            overflow-y: auto;


			






            .content {

                margin-top: 20rpx;

                background-color: #fff;
                background-color: #fff;





                .floor-info-box {

                    margin-top: 30rpx;

                    justify-content: space-between;



                    .proprietor-box {

                        color: #333333;



@@ -257,8 +260,8 @@
                        align-items: center;

                        width: calc(100% - 30rpx);

                        min-height: 116rpx;

                        box-sizing: border-box;
                        background-color: #FAFBFE;
                        box-sizing: border-box;

                        background-color: #FAFBFE;

                        margin: 15rpx;



                        &>view {

@@ -267,7 +270,7 @@
                        }

                    }



                    .u-grid-item {
                    .u-grid-item {

                        border: none;

                    }

                }


 subPackage/house/roomDetails/index.vue

@@ -12,7 +12,8 @@
                    </view>

                    <view class="flex j-c-s-b info-content">

                        <view class="house-info">

                            {{ houseInfo.unitName }}单元 {{ houseInfo.houseName }}室

                            <text v-if="houseInfo.unitName != null">{{ houseInfo.unitName }}单元</text>

                            {{ houseInfo.houseName }}室

                            <text>（共{{ houseInfo.allNum }}人）</text>

                        </view>

                        <view class="flex a-i-c">

@@ -369,7 +370,7 @@
<style lang="scss" scoped>

    .container {

        width: 100%;

        height: 100%;

        height: 100vh;

        display: flex;

        flex-direction: column;

        background: #F5F5F5;


 subPackage/workbench/views/editExamine.vue

@@ -1,53 +1,65 @@
<template>

    <div class="container">

        <view class="">

            <box-title title="基本信息"></box-title>

            <u-form labelWidth="70" :model="form" :rules="rules" ref="form" class="form">

                <u-form-item label="场所位置" required class="form-item" prop="localtion">

                    <u--input border="none" v-model="form.localtion"></u--input>

                </u-form-item>

                <u-form-item label="场所名称" required class="form-item" prop="placeName">

                    <u--input border="none" v-model="form.placeName"></u--input>

                </u-form-item>

                <u-form-item label="法人信息" required class="form-item" prop="legalPerson">

                    <u--input border="none" v-model="form.legalPerson"></u--input>

                </u-form-item>

                <u-form-item label="法人电话" class="form-item">

                    <u--input border="none" v-model="form.legalTel"></u--input>

                </u-form-item>

            </u-form>

        </view>

        <view class="">

            <box-title title="营业执照"></box-title>

            <view class="upload-img">

                <u-upload :fileList="form.imageUrls" :previewFullImage="uploadConfig.previewFullImage"

                    :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple" :maxCount="uploadConfig.maxCount"

                    :capture="uploadConfig.capture" @afterRead="afterReadImg" @delete="deletePic">

                </u-upload>

    <view class="container">

        <view class="main-content">

            <view class="mt-20 b-c-w">

                <box-title :title="'基本信息'"></box-title>

                <u-form labelWidth="70" :model="form" :rules="rules" ref="form" class="form">

                    <u-form-item label="场所位置" required class="form-item" prop="localtion">

                        <u--input border="none" v-model="form.localtion"></u--input>

                    </u-form-item>

                    <u-form-item label="场所名称" required class="form-item" prop="placeName">

                        <u--input border="none" v-model="form.placeName"></u--input>

                    </u-form-item>

                    <u-form-item label="法人信息" required class="form-item" prop="legalPerson">

                        <u--input border="none" v-model="form.legalPerson"></u--input>

                    </u-form-item>

                    <u-form-item label="法人电话" class="form-item">

                        <u--input border="none" v-model="form.legalTel"></u--input>

                    </u-form-item>

                </u-form>

            </view>

            <view class="mt-20 b-c-w">

                <box-title title="营业执照"></box-title>

                <view class="upload-img">

                    <u-upload :fileList="form.imageUrls" :previewFullImage="uploadConfig.previewFullImage"

                        :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple"

                        :maxCount="uploadConfig.maxCount" :capture="uploadConfig.capture" @afterRead="afterReadImg"

                        @delete="deletePic">

                    </u-upload>

                </view>

            </view>

            <view class="mt-20 b-c-w">

                <box-title title="场所平面图"></box-title>

                <view class="upload-img">

                    <u-upload :fileList="form.planImageUrls" :previewFullImage="uploadConfig.previewFullImage"

                        :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple"

                        :maxCount="uploadConfig.maxCount" :capture="uploadConfig.capture" @afterRead="afterReadImg"

                        @delete="deletePic">

                    </u-upload>

                </view>

            </view>

            <view class="practitioner">

                <box-title title="从业人员信息"></box-title>

                <view class="info" v-for="i in personNum" :key="i">

                    <view class="title">人员信息-#{{ i }}</view>

                    <formItem ref="formItemRef"></formItem>

                </view>

				
                <view class="add-person">

                    <u-button type="success" plain @click="addPerson">在加一人</u-button>

                </view>

            </view>

        </view>

        <view class="">

            <box-title title="场所平面图"></box-title>

            <view class="upload-img">

                <u-upload :fileList="form.planImageUrls" :previewFullImage="uploadConfig.previewFullImage"

                    :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple" :maxCount="uploadConfig.maxCount"

                    :capture="uploadConfig.capture" @afterRead="afterReadImg" @delete="deletePic">

                </u-upload>

            </view>

        </view>

        <view class="practitioner">

            <box-title title="从业人员信息"></box-title>

            <view class="info" v-for="i in personNum" :key="i">

                <view class="title">人员信息-#{{ i }}</view>

                <formItem ref="formItemRef"></formItem>

            </view>

        </view>

        <u-button type="success" plain class="add-person" @click="addPerson">在加一人</u-button>



        <view class="btn-group">

            <u-button class="btn-item" type="primary" @click="submit">提交</u-button>

            <u-button class="btn-item" @click="pushPage">我上报的事件</u-button>

            <view>

                <u-button type="primary" @click="submit">提交</u-button>

            </view>

            <view class="mt-20">

                <u-button @click="pushPage">我上报的事件</u-button>

            </view>

        </view>

    </div>

    </view>

</template>



<script>

@@ -61,7 +73,8 @@
    export default {

        mixins: [uploadMixin],

        components: {

            formItem

            formItem,

            boxTitle

        },

        data() {

            return {

@@ -197,12 +210,28 @@
</script>



<style lang="scss" scoped>

    page {

        background-color: #f6f6f6;

    }



    .container {

        padding-bottom: 300rpx;

        width: 100%;

        height: 100vh;



        display: flex;

        flex-direction: column;

        background: #F9F9FA;

        color: #fff;

        font-size: 32rpx;



        .main-content {

            height: 0;

            flex: 1;

            overflow-y: auto;

        }



        .btn-group {

            padding: 20rpx;

            z-index: 999;

            background-color: #fff;

        }





        .form {

            margin-top: 20rpx;

@@ -239,19 +268,5 @@
            }

        }



        .btn-group {

            background-color: #fff;

            position: fixed;

            bottom: 0;

            left: 0;

            width: calc(100% - 40rpx);

            padding: 20rpx;

            border-top: 1rpx solid #f6f6f6;

            z-index: 999;



            .btn-item {

                margin-top: 20rpx;

            }

        }

    }

</style>