zhaoyang/sunProduct
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

8/31 dev 权限,sse,账单,bug

Browse Source
This commit is contained in:
Zy
2026-08-31 18:00:11 +08:00
parent 466ec4675e
commit de4bae3bc1
51 changed files with 575 additions and 591 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/community/AddCommunity.vue
View File

@@ -2,27 +2,27 @@
<div class="box">
<div class="header">
<span>智慧物业后台管理系统</span>
<navbar :Showhamburger="false" ref="navbarRef" />
<navbar ref="navbarRef" :Showhamburger="false" />
</div>
<div class="container AddBuildingBox">
<el-form inline class="formBody" ref="formRef" :model="form" :rules="rules" label-width="100px">
<el-form ref="formRef" :model="form" :rules="rules" class="formBody" inline label-width="100px">
<div class="AddBuildingBody">
<div class="title">基本信息</div>
<div class="addBuildingFormBody">
<el-form-item label="小区名称" prop="villageName">
<el-input maxlength="25" v-model.trim="form.villageName" placeholder="请输入小区名称" />
<el-input v-model.trim="form.villageName" maxlength="25" placeholder="请输入小区名称" />
</el-form-item>
<el-form-item label="小区编号" prop="villageCode">
<el-input maxlength="20" v-model.trim="form.villageCode" placeholder="请输入小区编号" />
<el-input v-model.trim="form.villageCode" maxlength="20" placeholder="请输入小区编号" />
</el-form-item>
<el-form-item label="所在城市" prop="city">
<el-cascader :options="pcaTextArrList" v-model="city" @change="cityChange"> </el-cascader>
<el-cascader v-model="city" :options="pcaTextArrList" @change="cityChange"> </el-cascader>
</el-form-item>
<el-form-item label="完整详细地址" prop="buildingArea">
<el-input type="textarea" :row="3" maxlength="100" show-word-limit v-model.trim="form.address" placeholder="请输入完整详细地址" />
<el-input v-model.trim="form.address" :row="3" maxlength="100" placeholder="请输入完整详细地址" show-word-limit type="textarea" />
</el-form-item>
<el-form-item label="建成时间" prop="buildingArea">
<el-date-picker v-model="builtTime" type="date" placeholder="选择建成时间" value-format="YYYY-MM-DD" @change="changeBuiltTime" />
<el-date-picker v-model="builtTime" placeholder="选择建成时间" type="date" value-format="YYYY-MM-DD" @change="changeBuiltTime" />
</el-form-item>
<el-form-item label="房屋用途" prop="buildingArea">
<el-select v-model="form.houseUse" placeholder="请选择房屋用途" style="width: 240px">
@@ -30,26 +30,26 @@
</el-select>
</el-form-item>
<el-form-item label="小区面积" prop="villageArea">
<el-input maxlength="8" v-model.trim="form.villageArea" placeholder="请输入小区面积"><template #append>㎡</template> </el-input>
<el-input v-model.trim="form.villageArea" maxlength="8" placeholder="请输入小区面积"><template #append>㎡</template> </el-input>
</el-form-item>
<el-form-item style="width: 100%" label="小区图片">
<el-form-item label="小区图片" style="width: 100%">
<el-upload
accept=".jpg, .png"
ref="uploadRef"
:action="uploadFileUrl"
:headers="headerToken()"
list-type="picture-card"
:file-list="villageImg"
:auto-upload="false"
:file-list="villageImg"
:headers="headerToken()"
:limit="9"
:on-exceed="handleExceed"
accept=".jpg, .png"
list-type="picture-card"
@change="handleUploadChange"
@before-upload="handleBeforeUpload"
>
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div>
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
<img :src="file.url" alt="" class="el-upload-list__item-thumbnail" />
<span class="el-upload-list__item-actions">
<span class="el-upload-list__item-delete" @click="handleRemove(file)">
<el-icon><Delete /></el-icon>
@@ -62,8 +62,8 @@
</template>
</el-upload>
</el-form-item>
<el-form-item style="width: 100%" label="小区简介">
<el-input maxlength="200" show-word-limit v-model.trim="form.remark" :rows="5" type="textarea" placeholder="小区简介" />
<el-form-item label="小区简介" style="width: 100%">
<el-input v-model.trim="form.remark" :rows="5" maxlength="200" placeholder="小区简介" show-word-limit type="textarea" />
</el-form-item>
</div>
</div>
@@ -71,19 +71,19 @@
<div class="title">负责人信息</div>
<div class="addBuildingFormBody addBuildingForm_User_Body">
<el-form-item label="姓名">
<el-input maxlength="20" v-model.trim="form.manageName" placeholder="请输入姓名" />
<el-input v-model.trim="form.manageName" maxlength="20" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="电话" prop="managePhone">
<el-input v-model.trim="form.managePhone" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="微信" prop="manageVx">
<el-input maxlength="20" v-model.trim="form.manageVx" placeholder="请输入微信"></el-input>
<el-input v-model.trim="form.manageVx" maxlength="20" placeholder="请输入微信"></el-input>
</el-form-item>
<el-form-item label="QQ" prop="manageQq">
<el-input maxlength="20" v-model.trim="form.manageQq" placeholder="请输入QQ"> </el-input>
<el-input v-model.trim="form.manageQq" maxlength="20" placeholder="请输入QQ"> </el-input>
</el-form-item>
<el-form-item label="邮箱" prop="manageEmail">
<el-input maxlength="30" v-model.trim="form.manageEmail" placeholder="请输入邮箱"> </el-input>
<el-input v-model.trim="form.manageEmail" maxlength="30" placeholder="请输入邮箱"> </el-input>
</el-form-item>
<div class="pl-100px">
<el-button type="primary" @click="submitForm">提交</el-button>
@@ -96,7 +96,7 @@
</div>
</template>
<script setup lang="ts">
<script lang="ts" setup>
import Navbar from '@/layout/components/Navbar.vue';
import { ref } from 'vue';
import { pcaTextArr } from 'element-china-area-data';
@@ -355,7 +355,6 @@ async function handleUploadChange(file: UploadFile) {
ElMessage.error(isUpload.type);
return;
} else if (typeof isUpload === 'boolean' && isUpload === true) {
console.log(file);
villageImg.value.push(file.raw);
}
}
@@ -476,7 +475,7 @@ const cancelForm = () => {
};
</script>
<style scoped lang="scss">
<style lang="scss" scoped>
.box {
background: #deedff;
height: 100%;