报事列表

guoshilong

2023-10-28 6130e8cb4b53fff4c71dac5d418773f101c3fd19

报事列表

 pages.json

@@ -390,6 +390,15 @@
                    }
                },
                {
                    "path": "views/bsList",
                    "style": {
                        "navigationBarTitleText": "报事列表",
                        "navigationBarBackgroundColor": "#4586fe",
                        "navigationBarTextStyle": "white",
                        "enablePullDownRefresh": false
                    }
                },
                {
                    "path": "views/zhsb",
                    "style": {
                        "navigationBarTitleText": "出租管理",

 subPackage/bs/components/list/bsList.vue

New file
@@ -0,0 +1,107 @@
<template>
    <view class="list">
        <view class="item" v-for="(item,index) in list" :key="index">

            <view class="line">
                <view class="l">
                    <view class="label">
                        事件主题
                    </view>
                    <view :class="item.status == '1'?'pass':item.status =='2'?'report':'reject' " class="status">
                        {{`(${item.statusText})`}}
                    </view>
                </view>
                <view class="r">{{item.title}}</view>
            </view>

            <view class="line">
                <view class="l">发生位置</view>
                <view class="r">{{item.location}}</view>
            </view>

            <view class="line">
                <view class="l">事件描述</view>
                <view class="r">{{item.description}}</view>
            </view>

            <view class="line">
                <view class="l">审批意见</view>
                <view class="r">{{item.advice}}</view>
            </view>

        </view>
    </view>
</template>

<script>
    export default {
        props: {
            list: {
                type: Array,
                default: () => []
            }
        },
        data() {
            return {

            }
        },
        created() {

        },
        mounted() {

        },
        onLoad(option) {

        },
        onShow() {

        },
        methods: {

        }
    }
</script>

<style scoped lang="scss">
    .list {
        .item {
            background-color: #ffffff;
            margin-top: 30rpx;
            padding: 0 20rpx;

            .line {
                display: flex;
                justify-content: space-between;
                padding: 14rpx 10rpx;

                .l {
                    display: flex;
                }

                .r {
                    color: #969799;
                    width: 60%;
                    text-align: right;
                }
            }
        }
    }

    view {
        font-size: 28rpx;
    }

    .pass {
        color: #5abf66;
    }

    .report {
        color: #1989fa;
    }

    .reject {
        color: #ff0000;
    }
</style>

 subPackage/bs/components/list/rentList.vue

File was renamed from subPackage/bs/components/rentList/index.vue
@@ -22,7 +22,9 @@

        </view>

        <u-divider text="已经到底了"></u-divider>
        <view class="tip">
            <u-divider text="已经到底了"></u-divider>
        </view>
    </view>
</template>

@@ -84,5 +86,9 @@
            }
        }

        .tip {
            padding-bottom: 20px;
        }

    }
</style>

 subPackage/bs/views/bsList.vue

New file
@@ -0,0 +1,109 @@
<template>
    <view class="container">
        <view class="tab">
            <u-tabs class="tab-item" :lineWidth="40" :list="tabList" itemStyle="width:18% ;height:80rpx"></u-tabs>
        </view>

        <view class="search">
            <u-search bgColor="#f7f8fa" shape="square" :showAction="false" placeholder="请输入场所名称"
                v-model="searchWord"></u-search>
        </view>

        <view class="list">
            <bsList :list="dataList"></bsList>
        </view>

    </view>
</template>

<script>
    import bsList from "@/subPackage/bs/components/list/bsList.vue"
    export default {
        components: {
            bsList
        },
        data() {
            return {
                searchWord: "",

                tabList: [{
                        name: '全部',
                    },
                    {
                        name: '已上报',
                    },
                    {
                        name: '审批通过'
                    },
                    {
                        name: '审批拒绝'
                    },
                ],

                dataList: [],
            }
        },
        created() {
            this.getList()
        },
        mounted() {

        },
        onLoad(option) {

        },
        onShow() {

        },
        methods: {
            getList() {
                this.dataList = [{
                        title: "测试",
                        location: "江西省上饶市信州区西市街道万达社区居民委员会滨江西路66号万达晶座11栋303室",
                        description: "测试",
                        statusText: "审批通过",
                        status: "1",
                        advice: "审批意见"
                    },
                    {
                        title: "测试",
                        location: "江西省上饶市信州区西市街道万达社区居民委员会滨江西路66号万达晶座11栋303室",
                        description: "测试",
                        statusText: "已上报",
                        status: "2",
                        advice: "审批意见"
                    },
                    {
                        title: "测试",
                        location: "江西省上饶市信州区西市街道万达社区居民委员会滨江西路66号万达晶座11栋303室",
                        description: "测试",
                        statusText: "审批拒绝",
                        status: "3",
                        advice: "审批意见"
                    }
                ]
            }
        }
    }
</script>

<style scoped lang="scss">
    .container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #F9F9FA;

        .tab {
            background-color: #ffffff;
            width: 100%;
        }

        .search {
            background-color: #ffffff;
            padding: 20rpx;
        }
    }
</style>

 subPackage/bs/views/bsReport.vue

@@ -42,6 +42,20 @@
            </view>
        </u-form>

        <view class="btn-group">
            <view class="btn">
                <u-button @click="submit" type="primary" text="提交"></u-button>
            </view>
            <view class="btn">
                <u-button @click="navigator" type="primary" :plain="true" text="我上报的事件"></u-button>
            </view>

            <view class="btn">
                <u-button @click="navigator" type="primary" :plain="true" text="返回"></u-button>
            </view>
        </view>



        <!-- 事件类型下拉框 -->
        <my-select v-if="typeShow" :show="typeShow" v-model="form.type" type="radio" popupTitle="请选择事件类型"
@@ -101,6 +115,16 @@
                this.form.type = item.value
                this.typeShow = !this.typeShow
            },

            //表单提交
            submit() {

            },

            //跳转到报事列表
            navigator() {
                this.$u.func.globalNavigator("/subPackage/bs/views/bsList")
            },
        }
    }
</script>
@@ -133,6 +157,17 @@
            padding: 40rpx 30rpx;
        }

        .btn-group {
            padding: 30rpx;
            position: absolute;
            bottom: 28rpx;
            width: calc(100% - 60rpx);

            .btn {
                margin-bottom: 30rpx;
            }
        }


    }
</style>

 subPackage/bs/views/zhsb.vue

@@ -24,8 +24,10 @@
        </view>


        <view class="btn">
            <u-button type="primary" :plain="true" text="添加租赁信息"></u-button>
        <view class="bottom">
            <view class="btn">
                <u-button type="primary" :plain="true" text="添加租赁信息"></u-button>
            </view>
        </view>


@@ -33,7 +35,7 @@
</template>

<script>
    import rentList from "@/subPackage/bs/components/rentList/index.vue"
    import rentList from "@/subPackage/bs/components/list/rentList.vue"
    export default {
        components: {
            rentList
@@ -111,7 +113,18 @@
            font-weight: 700;
        }

        .btn {}
        .bottom {

            background-color: #ffffff;
            display: flex;

            .btn {
                position: fixed;
                bottom: 28rpx;
                // width: calc(100% - 40rpx);
            }
        }

    }

    .box-title {