update 完成片区新增

Api/Ewide.Application/Enum/HouseManagerRole.cs

@@ -6,8 +6,23 @@ using System.Threading.Tasks;
 
 namespace Ewide.Application
 {
-    public enum ZoneRole
+    public enum HouseManagerRole
     {
+        /// <summary>
+        /// 市住建部门
+        /// </summary>
+        CityManager,
+
+        /// <summary>
+        /// 区住建部门
+        /// </summary>
+        AreaManager,
+
+        /// <summary>
+        /// 街道管理员
+        /// </summary>
+        RoadManager,
+
         /// <summary>
         /// 片区监管员
         /// </summary>

Api/Ewide.Application/Ewide.Application.xml

@@ -359,12 +359,27 @@
             单位联系人电话
             </summary>
         </member>
-        <member name="F:Ewide.Application.ZoneRole.ZoneManager">
+        <member name="F:Ewide.Application.HouseManagerRole.CityManager">
+            <summary>
+            市住建部门
+            </summary>
+        </member>
+        <member name="F:Ewide.Application.HouseManagerRole.AreaManager">
+            <summary>
+            区住建部门
+            </summary>
+        </member>
+        <member name="F:Ewide.Application.HouseManagerRole.RoadManager">
+            <summary>
+            街道管理员
+            </summary>
+        </member>
+        <member name="F:Ewide.Application.HouseManagerRole.ZoneManager">
             <summary>
             片区监管员
             </summary>
         </member>
-        <member name="F:Ewide.Application.ZoneRole.HouseSecurityManager">
+        <member name="F:Ewide.Application.HouseManagerRole.HouseSecurityManager">
             <summary>
             房屋安全管理员
             </summary>

Api/Ewide.Application/Service/HouseSafety/HouseMember/HouseMemberService.cs

@@ -265,7 +265,7 @@ WHERE 1=1";
             var roleIds = await _sysUserRoleRep.DetachedEntities.Where(p => userIds.Contains(p.SysUserId)).Select(p => p.SysRoleId).ToListAsync();
 
             var _sysRoleRep = Db.GetRepository<SysRole>();
-            var isExistZoneManager = await _sysRoleRep.DetachedEntities.AnyAsync(p => roleIds.Contains(p.Id) && p.Code == System.Enum.GetName(ZoneRole.ZoneManager).ToUnderScoreCase());
+            var isExistZoneManager = await _sysRoleRep.DetachedEntities.AnyAsync(p => roleIds.Contains(p.Id) && p.Code == System.Enum.GetName(HouseManagerRole.ZoneManager).ToUnderScoreCase());
             // 存在片区监管员，返回安全员, 否则返回监管员
             if (isExistZoneManager)
             {
@@ -282,7 +282,7 @@ WHERE 1=1";
         [NonAction]
         private async Task<List<SysRole>> GetRoleRange()
         {
-            var codes = System.Enum.GetNames(typeof(ZoneRole)).Select(p => p.ToUnderScoreCase());
+            var codes = System.Enum.GetNames(typeof(HouseManagerRole)).Select(p => p.ToUnderScoreCase());
 
             var _sysRoleRep = Db.GetRepository<SysRole>();
             var roles = await _sysRoleRep.DetachedEntities.Where(p => codes.Contains(p.Code)).ToListAsync();

Api/Ewide.Application/Service/HouseSafety/HouseSelector/HouseSelectorService.cs

@@ -55,15 +55,13 @@ LEFT JOIN sys_area_code RA ON RA.AdCode = SUBSTR(CA.AdCode,1,9)
 LEFT JOIN sys_area_code AA ON AA.AdCode = SUBSTR(CA.AdCode,1,6) 
 LEFT JOIN bs_house_member_relation HM ON HC.Id = HM.HouseCodeId
 INNER JOIN (SELECT * FROM sys_emp WHERE Id = @UserId) E ON HC.ZoneId = E.OrgId
-WHERE 1=1
+WHERE HM.Id IS NULL";
-    AND HM.Id IS NULL
+            return await _dapperRep.QueryPageDataDynamic(sql, input, param: new
-    AND HC.Address LIKE @Address
-    AND HC.HouseCode LIKE @HouseCode";
-            return await _dapperRep.QueryPageData(sql, input, param: new
             {
-                input.UserId,
+                input.UserId
-                Address = "%" + input.Address + "%",
+            }, filterFields: new[] { 
-                HouseCode = "%" + input.HouseCode + "%"
+                nameof(BsHouseCode.Address) ,
+                nameof(BsHouseCode.CreatedTime)
             });
         }
 
@@ -82,15 +80,13 @@ LEFT JOIN bs_house_projectinfo Proj ON Proj.Id=HC.ProjectId
 LEFT JOIN sys_area_code CA ON CA.Code = Proj.AreaCode
 LEFT JOIN sys_area_code RA ON RA.AdCode = SUBSTR(CA.AdCode,1,9)
 LEFT JOIN sys_area_code AA ON AA.AdCode = SUBSTR(CA.AdCode,1,6) 
-INNER JOIN (SELECT * FROM bs_house_member_relation WHERE SysUserId = @UserId) HM ON HC.Id = HM.HouseCodeId
+INNER JOIN (SELECT * FROM bs_house_member_relation WHERE SysUserId = @UserId) HM ON HC.Id = HM.HouseCodeId";
-WHERE 1=1
+            return await _dapperRep.QueryPageDataDynamic(sql, input, param: new
-    AND HC.Address LIKE @Address
-    AND HC.HouseCode LIKE @HouseCode";
-            return await _dapperRep.QueryPageData(sql, input, param: new
             {
-                input.UserId,
+                input.UserId
-                Address = "%" + input.Address + "%",
+            }, filterFields: new[] {
-                HouseCode = "%" + input.HouseCode + "%"
+                nameof(BsHouseCode.Address) ,
+                nameof(BsHouseCode.CreatedTime)
             });
         }
 

Api/Ewide.Application/Service/HouseSafety/HouseZone/HouseZoneService.cs

@@ -1,10 +1,12 @@
 using Ewide.Core;
+using Ewide.Core.Service;
 using Furion.DatabaseAccessor;
 using Furion.DependencyInjection;
 using Furion.DynamicApiController;
 using Furion.FriendlyException;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.EntityFrameworkCore;
+using System;
 using System.Collections.Generic;
 using System.ComponentModel.DataAnnotations;
 using System.Linq;
@@ -18,15 +20,22 @@ namespace Ewide.Application.Service
     [ApiDescriptionSettings(Name = "HouseZone", Order = 180)]
     public class HouseZoneService : IHouseZoneService, IDynamicApiController, ITransient
     {
+        private readonly IUserManager _userManager;
         private readonly IRepository<SysOrg> _sysOrgRep;
         private readonly IRepository<SysEmp> _sysEmpRep;
+        private readonly ISysOrgService _sysOrgService;
+
         public HouseZoneService(
-             IRepository<SysOrg> sysOrgRep,
+            IUserManager userManager,
-             IRepository<SysEmp> sysEmpRep
+            IRepository<SysOrg> sysOrgRep,
+            IRepository<SysEmp> sysEmpRep,
+            ISysOrgService sysOrgService
         )
         {
+            _userManager = userManager;
             _sysOrgRep = sysOrgRep;
             _sysEmpRep = sysEmpRep;
+            _sysOrgService = sysOrgService;
         }
 
         /// <summary>
@@ -57,7 +66,7 @@ namespace Ewide.Application.Service
         /// </summary>
         /// <param name="userId"></param>
         /// <returns></returns>
-        [HttpGet("houseZone/getByUser")]
+        [HttpGet("/houseZone/getByUser")]
         public async Task<string> GetZoneByUser([FromQuery][Required(ErrorMessage = "用户Id不能为空")] string userId)
         {
             var data = await _sysEmpRep.DetachedEntities.FirstOrDefaultAsync(p => p.Id == userId);
@@ -66,5 +75,57 @@ namespace Ewide.Application.Service
             if(org == null) throw Oops.Oh("用户不在片区中");
             return org.Id;
         }
+
+        [HttpGet("/houseZone/autoIncrement")]
+        public async Task<dynamic> AutoIncrement([FromQuery] string code)
+        {
+            var road = await _sysOrgRep.DetachedEntities.FirstOrDefaultAsync(p => p.AreaCode == code);
+            if (road == null) throw Oops.Oh("组织机构错误");
+            return await AutoIncrement(road);
+        }
+
+        [NonAction]
+        public async Task<dynamic> AutoIncrement(SysOrg road)
+        {
+            var maxZone = (await _sysOrgRep.DetachedEntities.Where(p => p.Pid == road.Id && p.Type == (int)OrgType.片区).MaxAsync(p => p.Code)) ?? "000";
+            return Convert.ToInt32(maxZone[^3..]) + 1;
+        }
+
+        [HttpPost("/houseZone/add")]
+        public async Task AddZone(AddOrgInput input)
+        {
+            /*
+             * 区县市限定所属区域/上级机构是否为当前区
+             * 街道自动获取所属区域/上级机构
+             * 自动生成唯一编码, 街道Code+三位编号
+             * 
+             * 机构类型默认为片区
+             */
+
+            var org = await _userManager.GetUserOrgInfo();
+
+            var areaManager = Enum.GetName(HouseManagerRole.AreaManager).ToUnderScoreCase();
+            var roadManager = Enum.GetName(HouseManagerRole.RoadManager).ToUnderScoreCase();
+            var roles = await _userManager.GetUserRoleList();
+            if (roles.Any(p => p.Code == areaManager))
+            {
+                var road = await _sysOrgRep.DetachedEntities.FirstOrDefaultAsync(p => p.AreaCode == input.AreaCode);
+                if (!road.Pids.Contains(org.Id)) throw Oops.Oh("组织机构错误");
+
+                input.Pid = road.Id;
+                input.Code = road.Code + (await AutoIncrement(road)).ToString().PadLeft(3, '0');
+            }
+            else if (roles.Any(p => p.Code == roadManager))
+            {
+                input.Pid = org.Id;
+                input.AreaCode = org.AreaCode;
+
+                input.Code = org.Code + (await AutoIncrement(org)).ToString().PadLeft(3, '0');
+            }
+
+            input.Type = (int)OrgType.片区;
+
+            await _sysOrgService.AddOrg(input);
+        }
     }
 }

Api/Ewide.Core/Ewide.Core.xml

@@ -2734,12 +2734,17 @@
             用户管理
             </summary>
         </member>
-        <member name="M:Ewide.Core.UserManager.CheckUserAsync(System.String,System.Boolean)">
+        <member name="M:Ewide.Core.UserManager.CheckUserAsync(System.String)">
             <summary>
             获取用户信息
             </summary>
             <param name="userId"></param>
-            <param name="tracking"></param>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.CheckUserAsync">
+            <summary>
+            获取用户信息
+            </summary>
             <returns></returns>
         </member>
         <member name="M:Ewide.Core.UserManager.GetUserEmpInfo(System.String)">
@@ -2749,6 +2754,51 @@
             <param name="userId"></param>
             <returns></returns>
         </member>
+        <member name="M:Ewide.Core.UserManager.GetUserEmpInfo">
+            <summary>
+            获取用户员工信息
+            </summary>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserOrgInfo(System.String)">
+            <summary>
+            获取用户部门信息
+            </summary>
+            <param name="userId"></param>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserOrgInfo">
+            <summary>
+            获取用户部门信息
+            </summary>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserRoleIdList(System.String)">
+            <summary>
+            获取用户角色Id列表
+            </summary>
+            <param name="userId"></param>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserRoleIdList">
+            <summary>
+            获取用户角色Id列表
+            </summary>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserRoleList(System.String)">
+            <summary>
+            获取用户角色列表
+            </summary>
+            <param name="userId"></param>
+            <returns></returns>
+        </member>
+        <member name="M:Ewide.Core.UserManager.GetUserRoleList">
+            <summary>
+            获取用户角色列表
+            </summary>
+            <returns></returns>
+        </member>
         <member name="T:Ewide.Core.OAuth.OAuthConfig">
             <summary>
             OAuth配置---此结构方便拓展
@@ -5607,6 +5657,11 @@
             值
             </summary>
         </member>
+        <member name="P:Ewide.Core.Service.OrgTreeNode.Type">
+            <summary>
+            类型
+            </summary>
+        </member>
         <member name="P:Ewide.Core.Service.OrgTreeNode.Weight">
             <summary>
             排序，越小优先级越高

Api/Ewide.Core/Extension/PageExtensions.cs

@@ -33,7 +33,7 @@ namespace Ewide.Core.Extension
             var hasSort = type.GetProperty("Sort") != null;
             var hasCreatedTime = type.GetProperty("CreatedTime") != null;
 
-            var defaultField = hasCreatedTime ? "CreatedTime" : hasSort ? "Sort" : hasId ? "Id" : "";
+            var defaultField = hasSort ? "Sort" : hasCreatedTime ? "CreatedTime" : hasId ? "Id" : "";
 
             // 排序优先级 创建时间->序号->ID
             var orderStr = string.IsNullOrEmpty(defaultField) ? "" : defaultField + (descSort ? " Desc" : " Asc");

Api/Ewide.Core/Service/Org/Dto/OrgTreeNode.cs

@@ -28,6 +28,11 @@ namespace Ewide.Core.Service
         /// </summary>
         public string Value { get; set; }
 
+        /// <summary>
+        /// 类型
+        /// </summary>
+        public int Type { get; set; }
+
         /// <summary>
         /// 排序，越小优先级越高
         /// </summary>

Api/Ewide.Core/Service/Org/SysOrgService.cs

@@ -125,12 +125,10 @@ namespace Ewide.Core.Service
         [HttpPost("/sysOrg/add")]
         public async Task AddOrg(AddOrgInput input)
         {
-            if (!string.IsNullOrEmpty(input.Code))
+            var isExist = await _sysOrgRep.DetachedEntities
-            {
+                .AnyAsync(u => (u.Pid == input.Pid && u.Name == input.Name) || (!string.IsNullOrEmpty(input.Code) && u.Code == input.Code));
-                var isExist = await _sysOrgRep.DetachedEntities.AnyAsync(u => u.Code == input.Code);
+            if (isExist)
-                if (isExist)
+                throw Oops.Oh(ErrorCode.D2002);
-                    throw Oops.Oh(ErrorCode.D2002);
-            }
 
             if (!_userManager.SuperAdmin)
             {
@@ -239,12 +237,10 @@ namespace Ewide.Core.Service
             if (!_userManager.SuperAdmin && (dataScopes.Count < 1 || !dataScopes.Contains(sysOrg.Id)))
                 throw Oops.Oh(ErrorCode.D2003);
 
-            if (!string.IsNullOrEmpty(input.Code))
+            var isExist = await _sysOrgRep.DetachedEntities
-            {
+                .AnyAsync(u => ((u.Pid == input.Pid && u.Name == input.Name) || (!string.IsNullOrEmpty(input.Code) && u.Code == input.Code)) && u.Id != sysOrg.Id);
-                var isExist = await _sysOrgRep.DetachedEntities.AnyAsync(u => u.Code == input.Code && u.Id != sysOrg.Id);
+            if (isExist)
-                if (isExist)
+                throw Oops.Oh(ErrorCode.D2002);
-                    throw Oops.Oh(ErrorCode.D2002);
-            }
 
             // 如果名称有变化，则修改对应员工的机构相关信息
             if (!sysOrg.Name.Equals(input.Name))
@@ -309,6 +305,7 @@ namespace Ewide.Core.Service
                                                             Id = u.Id,
                                                             ParentId = u.Pid,
                                                             Title = u.Name,
+                                                            Type = u.Type,
                                                             Value = u.Id.ToString(),
                                                             Weight = u.Sort
                                                         }).ToListAsync();

Web/src/common/api/requests/business/houseSafety/houseZone.js

@@ -1,3 +1,5 @@
 export default {
-    houseZoneList: '/houseZone/list'
+    houseZoneList: '/houseZone/list',
+    houseZoneAutoIncrement: '/houseZone/autoIncrement',
+    houseZoneAdd: ['/houseZone/add', 'post']
 }

Web/src/pages/business/house/project/form.vue

@@ -11,25 +11,43 @@
       <div class="yo-form-group">
         <!-- 表单控件 -->
         <div class="p-md">
-          <a-alert message="tips：选择所属区域和类型之后，项目名称、项目序号自动生成，无需手动填写。项目备注请填写房屋所属单位的名称、道路的名称或大厦的名称，比如XX中学、XX大厦、XX小区等。登记项目时，应在项目备注中明确项目所指对象。" />
+          <a-alert
+            message="tips：选择所属区域和类型之后，项目名称、项目序号自动生成，无需手动填写。项目备注请填写房屋所属单位的名称、道路的名称或大厦的名称，比如XX中学、XX大厦、XX小区等。登记项目时，应在项目备注中明确项目所指对象。"
+          />
         </div>
         <a-form-model-item label="类型" prop="type">
-          <a-radio-group button-style="solid" v-model="form.type" :disabled="exist">
+          <a-radio-group :disabled="exist" button-style="solid" v-model="form.type">
-            <a-radio-button :value="1"> 住宅 </a-radio-button>
+            <a-radio-button :value="1">住宅</a-radio-button>
-            <a-radio-button :value="2"> 非住宅 </a-radio-button>
+            <a-radio-button :value="2">非住宅</a-radio-button>
           </a-radio-group>
         </a-form-model-item>
         <a-form-model-item label="所属区域" prop="areaCode">
-          <a-cascader :field-names="{ label: 'name', value: 'code', children: 'children' }" :options="areaData" expand-trigger="hover" placeholder="请选择所属区域" v-model="form.areaCode" :display-render="displayRender" @change="formAreaCodeChange" />
+          <a-cascader
+            :display-render="displayRender"
+            :field-names="{ label: 'name', value: 'code', children: 'children' }"
+            :options="areaData"
+            @change="formAreaCodeChange"
+            expand-trigger="hover"
+            placeholder="请选择所属区域"
+            v-model="form.areaCode"
+          />
         </a-form-model-item>
         <a-form-model-item label="项目名称" prop="name">
-          <a-input placeholder="选择所属区域和类型之后自动生成" v-model="form.name" :disabled="true"><a-icon slot="suffix" type="lock" /></a-input>
+          <a-input :disabled="true" placeholder="选择所属区域和类型之后自动生成" v-model="form.name">
+            <a-icon slot="suffix" type="lock" />
+          </a-input>
         </a-form-model-item>
         <a-form-model-item label="序号" prop="sort">
-          <a-input placeholder="选择所属区域和类型之后自动生成" v-model="form.sort" :disabled="true"><a-icon slot="suffix" type="lock" /> </a-input>
+          <a-input :disabled="true" placeholder="选择所属区域和类型之后自动生成" v-model="form.sort">
+            <a-icon slot="suffix" type="lock" />
+          </a-input>
         </a-form-model-item>
         <a-form-model-item label="备注" prop="note">
-          <a-textarea :rows="4" placeholder="请输入备注,填写房屋所属单位的名称、道路的名称或大厦的名称，比如XX中学、XX大厦、XX小区等。登记项目时，应在项目备注中明确项目所指对象。" v-model="form.note"></a-textarea>
+          <a-textarea
+            :rows="4"
+            placeholder="请输入备注,填写房屋所属单位的名称、道路的名称或大厦的名称，比如XX中学、XX大厦、XX小区等。登记项目时，应在项目备注中明确项目所指对象。"
+            v-model="form.note"
+          ></a-textarea>
         </a-form-model-item>
         <!-- ... -->
       </div>
@@ -37,6 +55,8 @@
   </a-form-model>
 </template>
 <script>
+import { numberToChinese } from '@/util/format';
+
 /* 表单内容默认值 */
 const defaultForm = {
   /* ... */
@@ -75,16 +95,24 @@ export default {
       (newVal, oldVal) => {
         // 做点什么
         if (this.form.areaCode.length == 4 && this.form.type) {
-          if (this.intEntity.id && this.intEntity.type == this.form.type && this.intEntity.areaCode[this.intEntity.areaCode.length - 1] == this.form.areaCode[this.form.areaCode.length - 1]) {
+          if (
+            this.intEntity.id &&
+            this.intEntity.type == this.form.type &&
+            this.intEntity.areaCode[this.intEntity.areaCode.length - 1] ==
+              this.form.areaCode[this.form.areaCode.length - 1]
+          ) {
             this.$set(this.form, 'sort', this.intEntity.sort);
             this.$set(this.form, 'name', this.intEntity.name);
           } else {
             this.loading = true;
             this.$api
-              .houseProjectNextSort({ areaCode: this.form.areaCode[this.form.areaCode.length - 1], type: this.form.type })
+              .houseProjectNextSort({
+                areaCode: this.form.areaCode[this.form.areaCode.length - 1],
+                type: this.form.type,
+              })
               .then((res) => {
                 this.$set(this.form, 'sort', res.data);
-                this.$set(this.form, 'name', '项目' + this.toChinesNum(res.data));
+                this.$set(this.form, 'name', '项目' + numberToChinese(res.data));
               })
               .finally(() => {
                 this.loading = false;
@@ -211,25 +239,6 @@ export default {
     displayRender({ labels }) {
       return labels[labels.length - 1];
     },
-    toChinesNum(val) {
-      let num = parseInt(val);
-      let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
-      let unit = ['', '十', '百', '千', '万'];
-      let getWan = (temp) => {
-        let strArr = temp.toString().split('').reverse();
-        let newNum = '';
-        for (var i = 0; i < strArr.length; i++) {
-          newNum = (i == 0 && strArr[i] == 0 ? '' : i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? '' : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i])) + newNum;
-        }
-        return newNum;
-      };
-      let overWan = Math.floor(num / 10000);
-      let noWan = num % 10000;
-      if (noWan.toString().length < 4) noWan = '0' + noWan;
-
-      let chinanum = overWan ? getWan(overWan) + '万' + getWan(noWan) : getWan(num);
-      return chinanum;
-    },
     formAreaCodeChange(val) {
       if (val.length != 4) {
         this.form.areaCode = [];

Web/src/pages/business/house/zone/form.vue

@@ -0,0 +1,221 @@
+<template>
+  <!-- 
+    普通编辑窗体
+    v 1.2
+    2021-04-30
+    Lufthafen
+  -->
+  <a-form-model :model="form" :rules="rules" class="yo-form" ref="form">
+    <a-spin :spinning="loading">
+      <a-icon slot="indicator" spin type="loading" />
+      <div class="yo-form-group">
+        <!-- 表单控件 -->
+        <!-- ... -->
+        <a-form-model-item label="所属区域" prop="areaCode">
+          <a-cascader
+            :field-names="{ label: 'name', value: 'code', children: 'children' }"
+            :options="areaData"
+            @change="onAreaCodeChange"
+            expand-trigger="hover"
+            placeholder="请选择所属区域"
+            v-model="form.areaCode"
+          />
+        </a-form-model-item>
+        <a-form-model-item label="片区名称" prop="name">
+          <a-input placeholder="请输入片区名称" v-model="form.name" />
+        </a-form-model-item>
+        <a-form-model-item label="排序" prop="sort">
+          <a-input-number
+            :max="1000"
+            :min="0"
+            class="w-100-p"
+            placeholder="请输入排序"
+            v-model="form.sort"
+          />
+        </a-form-model-item>
+        <a-form-model-item label="备注" prop="remark">
+          <a-textarea placeholder="请输入备注" v-model="form.remark" />
+        </a-form-model-item>
+      </div>
+    </a-spin>
+  </a-form-model>
+</template>
+<script>
+import { numberToChinese } from '@/util/format';
+
+/* 表单内容默认值 */
+const defaultForm = {
+  /* ... */
+  pid: undefined,
+  sort: 100,
+};
+
+export default {
+  data() {
+    return {
+      /** 表单数据 */
+      form: {},
+      /** 验证格式 */
+      rules: {
+        name: [{ required: true, message: '请输入片区名称', trigger: 'blur' }],
+        areaCode: [{ required: true, message: '请选择所属区域' }],
+        /* ... */
+      },
+
+      /** 加载异步数据状态 */
+      loading: false,
+
+      codes: {
+        type: [],
+      },
+
+      areaData: [],
+      /** 其他成员属性 */
+      /* ... */
+    };
+  },
+
+  methods: {
+    /**
+     * 必要的方法
+     * 在打开编辑页时允许填充数据
+     */
+    onFillData(params) {
+      // 从字符串areaCode查找到整个层级
+      const areaCode = [];
+      const findCode = (data, level) => {
+        level = level || 0;
+        for (let i = 0; i < data.length; i++) {
+          const item = data[i];
+          areaCode[level] = item.code;
+
+          if (item.code === params.record.areaCode) {
+            areaCode.length = level + 1;
+            return true;
+          }
+
+          if (item.children && item.children.length) {
+            const found = findCode(item.children, level + 1);
+            if (found) {
+              return true;
+            }
+          }
+        }
+      };
+
+      if (params.record && params.record.areaCode) {
+        findCode(this.areaData);
+      }
+
+      /** 将默认数据覆盖到form */
+      this.form = this.$_.cloneDeep({
+        ...defaultForm,
+        pid: params.orgId,
+        ...params.record,
+        /** 在此处添加其他默认数据转换 */
+        /* ... */
+        areaCode,
+      });
+    },
+
+    /**
+     * 必要方法
+     * 验证表单并获取表单数据
+     */
+    onGetData() {
+      return new Promise((reslove, reject) => {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            const record = this.$_.cloneDeep(this.form);
+            record.areaCode = record.areaCode[record.areaCode.length - 1];
+            /** 验证通过后可以对数据进行转换得到想要提交的格式 */
+            /* ... */
+
+            reslove(record);
+          } else {
+            reject();
+          }
+        });
+      });
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口进行保存时调用表单验证
+     */
+    onValidate(callback) {
+      this.$refs.form.validate(callback);
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口关闭或重置时对表单验证进行初始化
+     */
+    onResetFields() {
+      setTimeout(() => {
+        this.$refs.form.resetFields();
+
+        /** 在这里可以初始化当前组件中其他属性 */
+        /* ... */
+      }, 300);
+    },
+
+    /**
+     * 必要方法
+     * 加载当前表单中所需要的异步数据
+     */
+    async onInit(params) {
+      this.loading = true;
+      /** 可以在这里await获取一些异步数据 */
+      await this.onLoadCodes();
+      await this.onLoadAreaData();
+      /* ... */
+      this.loading = false;
+    },
+
+    /** 当前组件的其他方法 */
+    /* ... */
+    onLoadCodes() {
+      this.$api
+        .$queue([
+          this.$api.sysDictTypeDropDownAwait({ code: 'org_type' }),
+          /* ... */
+        ])
+        .then(([org_type]) => {
+          this.codes.type = org_type.data;
+          /* ... */
+        });
+    },
+    onLoadAreaData() {
+      return this.$api.getAreaTree({ level: 3 }).then(({ data }) => {
+        // 为了防止出现空的层级选择,删除所有空children节点
+        const clearChiildren = (data) => {
+          data.forEach((item) => {
+            if (item.children && item.children.length) {
+              clearChiildren(item.children);
+            } else {
+              delete item.children;
+            }
+          });
+        };
+        clearChiildren(data);
+        this.areaData = data;
+      });
+    },
+    onAreaCodeChange(value) {
+      this.loading = true;
+      this.$api
+        .houseZoneAutoIncrement({ code: value[value.length - 1] })
+        .then(({ data }) => {
+          this.$set(this.form, 'name', `片区${numberToChinese(data)}`);
+        })
+        .catch(() => {
+          this.form.areaCode = [];
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>

Web/src/pages/business/house/zone/index.vue

@@ -0,0 +1,286 @@
+<template>
+  <!-- 
+    普通树查询表格
+    v 1.2
+    2021-04-30
+    Lufthafen
+  -->
+  <yo-tree-layout
+    :load-data="loadTreeData"
+    @select="onSelect"
+    default-expanded-keys
+    ref="tree-layout"
+  >
+    <container>
+      <a-card :bordered="false">
+        <yo-table
+          :columns="columns"
+          :load-data="loadData"
+          @query="onQuery"
+          @resetQuery="onResetQuery"
+          ref="table"
+        >
+          <Auth auth="authCode:page" slot="query">
+            <!-- 此处添加查询表单控件 -->
+            <!-- ... -->
+          </Auth>
+          <Auth auth="houseZone:add" slot="operator">
+            <a-button @click="onOpen('add-form')" icon="plus">新增片区</a-button>
+          </Auth>
+          <!-- 格式化字段内容 -->
+          <!-- ... -->
+          <!-- 添加操作控件 -->
+          <span slot="action" slot-scope="text, record">
+            <yo-table-actions>
+              <Auth auth="authCode:edit">
+                <a @click="onOpen('edit-form', record)">编辑</a>
+              </Auth>
+              <Auth auth="authCode:delete">
+                <a-popconfirm @confirm="onDelete(record)" placement="topRight" title="是否确认删除">
+                  <a>删除</a>
+                </a-popconfirm>
+              </Auth>
+              <!-- 可在此处添加其他操作控件 -->
+              <!-- ... -->
+            </yo-table-actions>
+          </span>
+        </yo-table>
+      </a-card>
+    </container>
+
+    <!-- 新增表单 -->
+    <yo-modal-form :action="$api[api.add]" :title="'新增' + name" @ok="onReloadData" ref="add-form">
+      <form-body />
+    </yo-modal-form>
+
+    <!-- 编辑表单 -->
+    <yo-modal-form :action="$api[api.edit]" :title="'编辑' + name" @ok="onReloadData" ref="edit-form">
+      <form-body />
+    </yo-modal-form>
+  </yo-tree-layout>
+</template>
+<script>
+/* 需要引用YoTreeLayout组件 */
+import YoTreeLayout from '@/components/yoTreeLayout';
+import FormBody from './form';
+
+/* 在此管理整个页面需要的接口名称 */
+const api = {
+  tree: 'getOrgTree',
+  page: 'getOrgPage',
+  add: 'houseZoneAdd',
+  edit: 'testEditApi',
+  delete: 'testDeleteApi...',
+  /* ... */
+};
+
+export default {
+  components: {
+    YoTreeLayout,
+    FormBody,
+  },
+
+  data() {
+    return {
+      api,
+
+      name: '片区',
+
+      /* 查询条件 */
+      query: {},
+
+      /* 表格字段 */
+      columns: [
+        {
+          title: '片区名称',
+          width: '400px',
+          dataIndex: 'name',
+          sorter: true,
+        },
+        {
+          title: '唯一编码',
+          width: '200px',
+          dataIndex: 'code',
+          sorter: true,
+        },
+        {
+          title: '机构类型',
+          dataIndex: 'type',
+          sorter: true,
+          scopedSlots: { customRender: 'type' },
+        },
+        {
+          title: '排序',
+          width: '80px',
+          dataIndex: 'sort',
+          sorter: true,
+        },
+        {
+          title: '备注',
+          dataIndex: 'remark',
+          sorter: true,
+        },
+      ],
+
+      /* 字典编码储存格式 */
+      codes: {
+        code1: [],
+        code2: [],
+      },
+    };
+  },
+
+  created() {
+    this.onLoadCodes();
+
+    /** 根据权限添加操作列 */
+    const flag = this.$auth(/* ... */);
+    if (flag) {
+      this.columns.push({
+        title: '操作',
+        width: '150px',
+        dataIndex: 'action',
+        scopedSlots: { customRender: 'action' },
+      });
+    }
+  },
+
+  methods: {
+    /**
+     * 树形选择界面必要的方法
+     * 传给yo-table-layout以示意数据接口
+     */
+    loadTreeData() {
+      return this.$api[api.tree]().then((res) => {
+        return res.data;
+      });
+    },
+
+    /**
+     * 树形选择界面必要的方法
+     * 选择树节点事件
+     */
+    onSelect([id]) {
+      /** 在选择事件中可以对右侧表格添加父节点id的查询条件 */
+      this.query = {
+        pid: id,
+      };
+      this.onQuery();
+    },
+
+    /**
+     * 必要的方法
+     * 传给yo-table以示意数据接口及其参数和返回的数据结构
+     */
+    loadData(params) {
+      return this.$api[api.page]({
+        ...params,
+        ...this.query,
+      }).then((res) => {
+        return res.data;
+      });
+    },
+
+    /**
+     * 有查询功能时的必要方法
+     * 加载数据时初始化分页信息
+     */
+    onQuery() {
+      this.$refs.table.onReloadData(true);
+    },
+
+    /**
+     * 必要方法
+     * 重新列表数据
+     */
+    onResetQuery() {
+      /* 与普通查询页不同的是,这里的父节点参数不应该在重置后被清空 */
+      Object.keys(this.query).forEach((p) => {
+        if (p !== 'pid') {
+          this.query[p] = undefined;
+        }
+      });
+      this.onQuery();
+    },
+
+    /**
+     * 必要方法
+     * 重新列表数据
+     */
+    onReloadData() {
+      this.$refs.table.onReloadData();
+      this.$refs['tree-layout'].onReloadData();
+    },
+
+    /**
+     * 必要方法
+     * 加载字典数据
+     * 如果不需要获取相应的字典数据,此方法内容可空
+     */
+    onLoadCodes() {
+      this.$api
+        .$queue([
+          this.$api.sysDictTypeDropDownAwait({ code: 'code1' }),
+          this.$api.sysDictTypeDropDownAwait({ code: 'code2' }),
+          /* ... */
+        ])
+        .then(([code1, code2]) => {
+          this.codes.code1 = code1.data;
+          this.codes.code2 = code2.data;
+          /* ... */
+        });
+    },
+
+    /**
+     * 必要方法
+     * 绑定数据字典值
+     */
+    bindCodeValue(code, name) {
+      const c = this.codes[name].find((p) => p.code == code);
+      if (c) {
+        return c.value;
+      }
+      return null;
+    },
+
+    /**
+     * 有编辑新增功能的必要方法
+     * 从列表页调用窗口的打开方法
+     */
+    onOpen(formName, record) {
+      this.$refs[formName].onOpen({
+        record,
+        pid: this.query.pid,
+        /* 按需添加其他参数 */
+        /* ... */
+      });
+    },
+
+    /**
+     * 必要方法
+     * 可以用做一系列操作的公共回调,此方法中会重新加载当前列表
+     */
+    onResult(success, successMessage) {
+      if (success) {
+        this.$message.success(successMessage);
+        this.onReloadData();
+      }
+    },
+
+    /**
+     * 必要方法
+     * 删除时调用
+     */
+    onDelete(record) {
+      this.$refs.table.onLoading();
+      this.$api[api.delete](record)
+        .then(({ success }) => {
+          this.onResult(success, '删除成功');
+        })
+        .finally(() => {
+          this.$refs.table.onLoaded();
+        });
+    },
+  },
+};
+</script>

Web/src/pages/system/menu/form.vue

@@ -102,7 +102,7 @@
           </a-form-model-item>
           <!-- 图标只有[按钮]不可用 -->
           <a-form-model-item label="图标" v-if="form.type != 2">
-            <a-input :disabled="true" placeholder="请选择图标" v-model="form.icon">
+            <a-input allow-clear placeholder="请选择图标" v-model="form.icon">
               <a-icon :type="form.icon" slot="addonBefore" v-if="form.icon" />
               <a-icon @click="onOpenSelectIcon" slot="addonAfter" type="setting" />
             </a-input>

Web/src/util/format/index.js

@@ -0,0 +1,19 @@
+export const numberToChinese = (val) => {
+    const num = parseInt(val)
+    const changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']
+    const unit = ['', '十', '百', '千', '万']
+    const getWan = (temp) => {
+        const strArr = temp.toString().split('').reverse()
+        let newNum = ''
+        for (var i = 0; i < strArr.length; i++) {
+            newNum = (i == 0 && strArr[i] == 0 ? '' : i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? '' : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i])) + newNum
+        }
+        return newNum
+    }
+    const overWan = Math.floor(num / 10000)
+    let noWan = num % 10000
+    if (noWan.toString().length < 4) noWan = '0' + noWan
+
+    const chinanum = overWan ? getWan(overWan) + '万' + getWan(noWan) : getWan(num)
+    return chinanum
+}

Web/src/views/main/_layout/header/index.vue

@@ -13,7 +13,6 @@
         <search :menus="nav.content" />
       </div>
       <div class="header-actions">
-        <User />
         <a @click="$emit('reload')" class="header-action">
           <a-icon type="reload" />
         </a>
@@ -25,6 +24,7 @@
         <a @click="$emit('setting')" class="header-action">
           <a-icon type="setting" />
         </a>
+        <User />
       </div>
     </section>
     <container v-else-if="$root.global.settings.layout === 'top-nav'">
@@ -36,7 +36,6 @@
         <search :menus="nav.content" />
       </div>
       <div class="header-actions">
-        <User />
         <a @click="$emit('reload')" class="header-action">
           <a-icon type="reload" />
         </a>
@@ -48,6 +47,7 @@
         <a @click="$emit('setting')" class="header-action">
           <a-icon type="setting" />
         </a>
+        <User />
       </div>
       <a-drawer
         :body-style="{ padding: 0 }"

Web/src/views/main/_layout/header/user.js

@@ -47,8 +47,8 @@ export default {
             this.$confirm({
                 title: '提示',
                 content: '是否确定退出登录',
-                onOk: () => {
+                onOk: async () => {
-                    doLogout()
+                    await doLogout()
                 },
                 onCancel() {
                 }