From 6130e8cb4b53fff4c71dac5d418773f101c3fd19 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Sat, 28 Oct 2023 14:20:21 +0800
Subject: [PATCH] 报事列表
---
subPackage/bs/views/bsList.vue | 109 +++++++++++++++++++++
subPackage/bs/views/zhsb.vue | 21 +++
pages.json | 9 +
subPackage/bs/views/bsReport.vue | 35 +++++++
subPackage/bs/components/list/bsList.vue | 107 +++++++++++++++++++++
subPackage/bs/components/list/rentList.vue | 8 +
6 files changed, 284 insertions(+), 5 deletions(-)
diff --git a/pages.json b/pages.json
index 3b90dc5..e005a2f 100644
--- a/pages.json
+++ b/pages.json
@@ -390,6 +390,15 @@
}
},
{
+ "path": "views/bsList",
+ "style": {
+ "navigationBarTitleText": "报事列表",
+ "navigationBarBackgroundColor": "#4586fe",
+ "navigationBarTextStyle": "white",
+ "enablePullDownRefresh": false
+ }
+ },
+ {
"path": "views/zhsb",
"style": {
"navigationBarTitleText": "出租管理",
diff --git a/subPackage/bs/components/list/bsList.vue b/subPackage/bs/components/list/bsList.vue
new file mode 100644
index 0000000..4d8fbda
--- /dev/null
+++ b/subPackage/bs/components/list/bsList.vue
@@ -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>
\ No newline at end of file
diff --git a/subPackage/bs/components/rentList/index.vue b/subPackage/bs/components/list/rentList.vue
similarity index 90%
rename from subPackage/bs/components/rentList/index.vue
rename to subPackage/bs/components/list/rentList.vue
index 512bd87..3911721 100644
--- a/subPackage/bs/components/rentList/index.vue
+++ b/subPackage/bs/components/list/rentList.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>
\ No newline at end of file
diff --git a/subPackage/bs/views/bsList.vue b/subPackage/bs/views/bsList.vue
new file mode 100644
index 0000000..741eda5
--- /dev/null
+++ b/subPackage/bs/views/bsList.vue
@@ -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>
\ No newline at end of file
diff --git a/subPackage/bs/views/bsReport.vue b/subPackage/bs/views/bsReport.vue
index f089d21..62a3be7 100644
--- a/subPackage/bs/views/bsReport.vue
+++ b/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>
\ No newline at end of file
diff --git a/subPackage/bs/views/zhsb.vue b/subPackage/bs/views/zhsb.vue
index 44082f3..cf4ca5c 100644
--- a/subPackage/bs/views/zhsb.vue
+++ b/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 {
--
Gitblit v1.9.3