From ebfc739bdbbc0dd0fccd0bf47b7d2d5397c3c511 Mon Sep 17 00:00:00 2001
From: lin <sbla5888@163.com>
Date: Fri, 22 Mar 2024 12:44:21 +0800
Subject: [PATCH] 轮播图片
---
src/views/community/index.vue | 261 +++++++++++++++++++++++++--------------------------
1 files changed, 129 insertions(+), 132 deletions(-)
diff --git a/src/views/community/index.vue b/src/views/community/index.vue
index 3b043e0..0335d83 100644
--- a/src/views/community/index.vue
+++ b/src/views/community/index.vue
@@ -15,8 +15,16 @@
</template>
<script>
-import { getList, remove, update, add, getCommunity } from "@/api/community/index"
-import { mapGetters } from "vuex"
+import {
+ getList,
+ remove,
+ update,
+ add,
+ getCommunity
+} from "@/api/community/index"
+import {
+ mapGetters
+} from "vuex"
import website from '@/config/website'
export default {
data () {
@@ -32,145 +40,146 @@
datetime: "",
selectionList: [],
option: {
+ labelWidth: 96,
+ searchLabelWidth: 96,
+ searchShow: true,
+ searchMenuSpan: 3,
+ menuWidth: 210,
+
height: "auto",
calcHeight: 54,
dialogWidth: 950,
tip: false,
- searchShow: true,
- searchMenuSpan: 3,
- menuWidth: 280,
border: true,
//stripe:true,
index: true,
viewBtn: true,
selection: true,
dialogClickModal: false,
- column: [
- {
- label: "社区名称",
- prop: "name",
- searchSpan: 5,
- search: true,
- span: 12,
- labelWidth: 120,
- width: 220,
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入社区名称",
- trigger: "blur",
- },
- ],
+ column: [{
+ width: 156,
+ overHidden: true,
+ label: "社区名称",
+ prop: "name",
+ searchSpan: 4,
+ search: true,
+ searchLabelWidth: 76,
+ span: 12,
+ rules: [{
+ required: true,
+ message: "请输入社区名称",
+ trigger: "blur",
+ },],
+ },
+ {
+ width: 110,
+ overHidden: true,
+ label: "社区编号",
+ prop: "code",
+ searchSpan: 4,
+ search: true,
+ span: 12,
+ rules: [{
+ required: true,
+ message: "请输入社区编号",
+ trigger: "blur",
+ },],
+ },
+
+ {
+ width: 110,
+ label: "所属街道",
+ parent: false,
+ addDisplay: false,
+ editDisplay: false,
+ viewDisplay: false,
+ prop: "townName",
+ search: true,
+ searchSpan: 4
+ },
+
+ {
+ label: "所属街道",
+ hide: true,
+ parent: false,
+ prop: "streetCode",
+ type: "tree",
+ dicUrl: "/api/blade-system/region/getTownTree",
+ props: {
+ label: "name",
+ value: "id"
},
- {
- label: "社区编号",
- prop: "code",
- searchSpan: 5,
- search: true,
- span: 12,
- labelWidth: 120,
- width: 220,
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入社区编号",
- trigger: "blur",
- },
- ],
+ rules: [{
+ required: true,
+ message: "请选择所属街道",
+ trigger: "blur",
+ },],
+ },
+
+ {
+ width: 110,
+ label: "社区民警",
+ prop: "resPoliceUserId",
+ type: "tree",
+ multiple: true,
+ dicUrl: "/api/blade-system/user/getUserListByParam?roleName=民警",
+ props: {
+ label: "name",
+ value: "id"
},
- {
- label: "所属街道",
- prop: "streetCode",
- search: true,
- searchSpan: 4,
- width: 150,
- labelWidth: 120,
- type: "tree",
- dicUrl: "/api/blade-system/region/getTownTree",
- props: {
- label: "name",
- value: "id"
- },
- rules: [
- {
- required: true,
- message: "请选择所属街道",
- trigger: "blur",
- },
- ],
+ rules: [{
+ required: true,
+ message: "请选择社区民警",
+ trigger: "blur",
+ },],
+ },
+ {
+ width: 110,
+ label: "社区图片",
+ prop: "picUrl",
+ type: "upload",
+ listType: "picture-img",
+ action: "/api/blade-resource/oss/endpoint/put-file",
+ propsHttp: {
+ res: "data",
+ url: "link",
},
- {
- label: "社区民警",
- prop: "resPoliceUserId",
- labelWidth: 120,
- type: "tree",
- dicUrl: "/api/blade-system/user/getUserListByParam?roleName=民警",
- props: {
- label: "name",
- value: "id"
- },
- rules: [
- {
- required: true,
- message: "请选择所属街道",
- trigger: "blur",
- },
- ],
- },
- {
- label: "社区图片",
- prop: "picUrl",
- width: 80,
- labelWidth: 120,
- type: "upload",
- listType: "picture-img",
+ span: 24,
+ },
+
+ {
+ overHidden: true,
+ label: "地址",
+ prop: "address",
+ span: 24,
+ rules: [{
+ required: false,
+ message: "请输入地址",
+ trigger: "blur",
+ },],
+ },
+ {
+ label: "社区简介",
+ prop: "remark",
+ component: "AvueUeditor",
+ options: {
action: "/api/blade-resource/oss/endpoint/put-file",
- propsHttp: {
+ props: {
res: "data",
url: "link",
},
- span: 24,
},
+ hide: true,
+ minRows: 6,
+ span: 24,
+ },
- {
- label: "地址",
- prop: "address",
- span: 24,
- labelWidth: 120,
- rules: [
- {
- required: false,
- message: "请输入地址",
- trigger: "blur",
- },
- ],
- },
- {
- label: "社区简介",
- prop: "remark",
- labelWidth: 120,
- component: "AvueUeditor",
- options: {
- action: "/api/blade-resource/oss/endpoint/put-file",
- props: {
- res: "data",
- url: "link",
- },
- },
- hide: true,
- minRows: 6,
- span: 24,
- },
-
],
},
data: [],
}
},
- watch: {
- },
+ watch: {},
computed: {
...mapGetters(["permission", "userInfo"]),
permissionList () {
@@ -324,21 +333,9 @@
this.onLoad(this.page, this.query)
},
onLoad (page, params = {}) {
- const { dateTime } = this.query
- let values = {
- ...params,
- }
- if (dateTime) {
- values = {
- ...params,
- startTime: dateTime[0],
- endTime: dateTime[1],
- ...this.query,
- }
- values.dateTime = null
- }
this.loading = true
- getList(page.currentPage, page.pageSize, values).then((res) => {
+
+ getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then((res) => {
const data = res.data.data
this.page.total = data.total
this.data = data.records
@@ -366,4 +363,4 @@
.avue-upload__icon {
line-height: 6;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3